이온

(51) WEB2-JavaScript - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 9. CSS 기초 : style 속성 ] style 속성을 사용하여 디자인에 변화를 줌 : onclick 안에 JavaScript가 오는 것과 마찬가지로 style 속성 안에는 CSS가 온다고 약속 HTML 문법인 style을 통해서 웹브라우저에게 위의 코드가 javascript라는 것을 알려주는 것이고 JS 코드가 style 태그가 위치하는 태그에 적용되어야 함 color:powderblue -> CSS라는 컴퓨터 언어의 문법 중에서 속성(Property) 특정 태그를 CSS 언어로 디자인하고 싶을 때 style 속성을 쓰고 문법을 사용함 [ WEB2 - 10. CSS 기초 (style 태..

(51) WEB2-JavaScript - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 6. 데이터타입 - 문자열과 숫자 ] 데이터타입 = 자료형 'javascript data type' 검색을 통해 6개의 데이터 타입이 있고, 객체가 있다는 것을 알 수 있음 [ 오른쪽 버튼 ] - [ 검사 ] - [ 콘솔 ] : alert(1+1); 을 하면 경고창이 뜨는 것을 확인할 수 있다. 숫자들의 연산을 콘솔을 통해 할 수 있다. + : 왼쪽의 값과 오른쪽의 값을 더해 하나의 값으로 만든다. -> 산술 연산자 문자열 : ""이나 ''사이에 문자들이 들어간다. 'Hello world'.length : 를 통해 몇 글자인지 알려준다. 'javascript string' 검색을 통해 문자를..

(51) WEB2-JavaScript - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 1. 수업소개 ] WEB1 HTML과 연관된 수업 HTML은 정적임, 한 번 화면에 출력되면 언제나 그 모습 그대로임 사용자와 상호작용하는 웹페이지를 만들고 싶다는 욕망 -> JavaScript : 웹은 HTML을 이용해 웹페이지를 우선 만든 후에, JavaScript를 이용해서 사용자와 상호작용 할 수 있도록 기능을 추가함으로써 사용자와 상호작용을 하면서 검색엔진을 통해 검색 가능 = 웹만의 독창적 특성 HTML : 정보라는 멈춰있는 이미지를 그리는 작업 JavaScript : 정보라는 이미지를 영화처럼 움직이게 함 [ WEB2 - 2. 수업의 목적 ] 사용자가 버튼을 클릭했을때, 그에 맞..