웹브라우저 제어 JS 를 통해서 할 수 있는 일 중의 하나인 웹브라우저 제어에 대해 알아보자. 첫 번째, CSS 의 가장 본질적이고 중요한 문법들을 살펴보자. 두 번째, JS 를 이용해서 제어하고자 하는 태그를 선택하는 방법에 대해 살펴보자. ( 9 to 11 은 CSS 에 대한 수업으로 skip.) 제어할 태그 선택하기 3.html 으로 가서 야간모드와 주간 모드 버튼 만들기. 버튼을 클릭했을 때 태그의 style 속성을 동적으로, 프로그래밍적으로, 또 상호작용에 의해 넣으려고 한다. JS 문법에 따라서 웹브라우저에게 태그를 선택하도록 하는 명령 추천검색어 javascript select tag by css selector Ex) element = document.querySelector(selecto..

데이터타입 - 문자열과 숫자 한국어로는 자료형. 어떤 타입들이 존재하는지 검색을 통해 알아보자. 추천검색어 JavaScript data type mozilla 재단에서 JavaScript types 는 총 7개와 객체로 되어있다고 한다. Primitive values Boolean type Null type Undefined type Number type BigInt type String type Symbol type Objects (collections of properties) 이번 수업에서는 문자열 (String type) 과 숫자 (Number type) 을 살펴본다. 먼저 비교적 익숙한 데이터 타입을 알아보고 이것을 통해 데이터 타입이라는 것이 무엇인가를 파악하고 각각의 데이터 타입들의 성격도 ..

그 바다 (저 바다) - 더원 那片海 - 郑淳元 (중국어 / 한국어 가사 및 한어병음) 중국 나가수3（我是歌手第三季）에서 더원이 부른 노래입니다. 원작자는 한홍（韩红）이라는 가수분이라고 하더라고요. 사실 저는 한홍이라는 중국 가수는 모르고 더원이 부른 버전만 알고 있습니다. 여하튼 중국어를 원래 잘하시는지 모르겠으나 엄청 잘 부르시네요... 가사를 찾아보니 올리신 몇몇 분의 가사 내용이 조금씩 다르더라고요. 그래서 저는 위 유튜브 주소의 더원이 부른 가사를 직접 쳐서 가지고 와봤습니다. (원곡 가사 내용과 같은지 다른지 모르겠습니다.) 가사 告诉我这个夜会不会有我 / 是不是除了我你心里还有别人 gao4su·wo3zhe4ge·ye3hui4bu·hui4you3wo3 / shi4bu·shi4chu2le·wo3ni..

HTML 과 JS 의 만남 : 콘솔 JS를 실행하는 또 다른 방법을 살펴보자. 아주 재밌고 실용적인 방법, 콘솔(Console) 지금까지 JS를 실행하기 위해서 웹페이지를 만들었다. 파일을 만들었다. 그런데 경우에 따라 꼭 파일이 아니라 그냥 어떤 코드를 실행해야 되는 아주 가벼운 상황들이 있다. 이런 경우에는 이런 것을 쓸 수 있다. 개발자도구, 검사에 들어가서 Console 을 클릭하면 커서가 껌뻑거리는 것을 볼 수 있다. 여기서 Console 이라는 것을 이용하면 파일을 만들지 않고도 JS 코드를 즉석에서 실행할 수 있다. 살다보면 계산이 필요할 때 계산기를 사용하듯 살다 보면 데이터를 처리해야 되는 경우들이 많이 있다. 이런 경우 생활코딩님은 습관적으로 Console 창을 열고 여기에 JS 를 실..

JavaScript 수업소개 HTML 의 등장 이후, 사용자와 상호작용하는 웹페이지를 만들고 싶다는 욕망 HTML 은 정적이다. 한 번 화면에 출력되면 언제나 그 모습 그대로다. 반면에 우리가 알고 있는 데스크탑이나 모바일에서 사용되는 여러 프로그램들, 예를 들어 게임 같은 건 사용자의 조작에 반응해서 프로그램이 움직인다. 사람들은 웹페이지도 게임처럼 동적으로 사용자와 상호작용할 수 있게 되기를 원했다. 그래서 태어난 것이 JavaScript이다. 이제 웹은 HTML을 이용해서 웹페이지를 우선 만든 후에, 그렇게 만들어진 웹페이지를 JavaScript를 이용해서 사용자와 상호작용할 수 있도록 기능을 추가함으로써 HTML 의 정보와 JavaScript의 기능을 모두 갖춘 유일무이한 시스템으로 성장했다. 예..

CSS(Cascading Style Sheets) CSS 코드의 재사용 - 이제 만들어본 CSS 코드를 다른 페이지에 전파해보자. 2.html에 넣은 CSS코드를 1.html에 갖다 놓고 1.html을 열어보자. 그런데 1.html이 2.html과 동일하게 디자인되지 않는다. 무엇이 문제인지 알아보자. 아톰에서 2.html을 기준으로 Split Right 해서 1.html의 화면을 나란히 놓고 보았다. 태그에서 태그들이 빠져있는 것을 알 수 있다. WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript -HTML超文本标记语言 超文本标记语言HTML(HyperText Makeup Language)HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上..