이게 왜 돌아가지 이게 왜 돌아가지

(18) WEB2 JavaScript - 22.배열과 반복문 - YouTube ​ li 태그가 복잡해진다면 목록 작성하는 것이 힘들 것이다. 서로 연관된 데이터들을 자바스크립트에서 담는 방법 = 배열 배열에 담긴 데이터를 순차적으로 꺼내 li 로 만들어주는 것을 반복문을 통해 나타낼 수 있다. coworkers 라는 변수를 만들어주고, 배열의 항목들을 원소(element)라고 함. coworkers가 나타내는 배열의 원소를 li 태그로 바꾸기 위해 script 표시 해주기 li 태그 만들기 : document.write('/') 를 배열의 항목 만큼 반복 -> 여기서는 4번 실행 while문과 count문(실행 횟수 세기)작성 while (i coworkers[i] ​ 그런데 배열 인덱..

(4) WEB2 JavaScript - 15. 비교 연산자와 블리언 - YouTube ​ 동등비교연산자: 왼쪽의 값과 오른쪽의 값이 같으면 True가 출력된다. === 은 비교연산자이자 이항연산자(좌항과 우항이 있을 때 좌항과 우항을 결합해 어떤 데이터를 만들어낸다 ) 1===1: true 1===2: false ​ true, false 는 "Boolean" 이라고 불린다. 지금까지 살펴본 data type: number, string, boolean number 무한히 많다. string 무한히 많다. boolean은 두 개의 데이터로만 이루어진 data type ​ 2. 크기 비교 html: 1 1<2 (lt=less than) ​ ​ (4) WEB2 JavaScript - 1..

(3) WEB2 JavaScript - 9. CSS 기초 : style 속성 - YouTube ​ duplicate: 복제 새로운 파일을 만들어서 실습을 진행했다. h2 태그에 해당하는 JavaScirpt 부분을 디자인적으로 바꾸고 싶은 경우: 바꾸고 싶은 태그에 style 코드 쓰기 style안에 css 가 온다. 폰트 컬러를 powderblue 로 바꾸어보자. : h2 태그 안에 style 같이 넣어서 한다. color 부분이 css이다. style 은 html의 문법이다. style 로 웹브라우저에게 이 코드가 자바스크립트라는 것을 알려준다. property 이기도 하다. ​ 2. JavaScript 에 백그라운드 효과를 주자 : body {background-color: coral;} ..

(1) WEB2 JavaScript - 1.수업소개 - YouTube ​ 여러 프로그램들은 사용자의 조작에 반응해 움직인다. 웹페이지도 사용자와 상호작용할 수 있게 하기를 원했고, 그렇게 만들어진 것이 JavaScript이다. 자바스크립트는 정보라는 이미지를 움직이게 한다. (1) WEB2 JavaScript - 2.수업의 목적 - YouTube 야간모드와 주간모드 바꾸기 (사용자와 상호작용 가능) night 는 input 태그를 이용해 만들 수 있다. (메뉴-검사항목-elements(태그) 접속) ​ -> key 누르면 alert 창이 뜬다. onclick, onchange, onkeydown = event ​ (1) WEB2 JavaScript - 5.HTML과 JS의 마..

이번 주에는 CSS 강의를 들었다. ​ (5) WEB2 CSS - 1. 수업 소개 - YouTube ​ HTML을 이용하면 전자문서를 만들 수 있었다. 정보를 인터넷을 통해 누구나 보게 할 수 있다는 것은 혁명적이었고 웹에 열광했다. HTML을 이용해서 문서를 만든 것이 시작이었지만 여러가지 불만이 생겼고 그 중 웹페이지를 아름답고 보기 좋은 형태로 만드는 것이 지금 배울 CSS와 연관되어 있다. CSS를 지배하는 원리와 효과를 앞으로 알아보자. ​ (5) WEB2 CSS - 2. CSS가 등장하기 전의 상황 - YouTube ​ 문서를 만든 이후 여러 불만이 생김(문자의 크기와 색상, 가운데 정렬 등) 웹페이지를 아름답게 만들기 위한 고민 -> 1. 쉽지만 한계가 있는 방법: HTML..

쓰기 좋은 문단이 없어서 내가 좋아하는 노래 가사를 사용했다. ​ ​(1) WEB1 - 9.줄바꿈 : br vs p - YouTube 줄바꿈을 했는데 웹페이지에서는 반영이 안된다. 줄바꿈 태그(html new line tag): 새로운 줄을 표현할 때 사용 : (atom에서는 줄바꿈 안 해도 괜찮음) - 을 사용할 수록 여백이 강조된 단락을 표현할 수 있다. - 는 열리는 태그, 닫히는 태그가 존재했지만 은 닫는 게 없다. ​ 한 번 사용하면 한 줄이 떨어진다. 을 여러 개 쓸 수록 여백이 강조된 단락을 표현할 수 있다. ​ 2. html paragraph tag : 단락 바꿔줌 : - 함께 써주어야 한다. - 과 같지만 태그는 다르고 맥락상 가 더 좋은 결정이다. (이유: 정보로서 가치있게 만..