개발일지/Vanilla JS 4

[노마드 코더 Vanilla JS] Document

이전 포스트에서 인사를 하고 요일을 보여주는 데 사용하기위해 계속 등장한 것이 있다. console.log("hello!") 여기서 console.log()는 ()안에 "hello!"가 들어간 것을 보면 function처럼 보인다. 또한 .(점)을 찍고 접근하는 것을 보면 Object처럼 보이기도 한다. 여기서 console은 브라우저에 내장되어있는 (브라우저가 제공하는) Object이다. 그렇다면 Object의 요소들에 접근한 것 처럼 console.log()는 console이라는 Object의 log()라는 함수를 실행하겠다는 의미이다. console.log(console)을 입력해서 확인해보자. 다음 처럼 console이라는 Object안에는 log라는 함수가 있었고 그 외에 수많은 함수들이 있었다..

[노마드 코더 Vanilla JS] 함수 (Function)

지난 시간에는 변수, 이번 시간은 함수이다. Function 만일 console.log 라는 코드 조각으로 반 친구들에게 인사를 하고싶다면 어떻게 해야할까? console.log("hello Oh!") console.log("hello Kim!") console.log("hello Jung!") console.log("hello Park!") . . . 여기까진 좋지만 만약 집에 갈때가 되서 인삿말을 "Bye"로 바꾸고 싶다면, 반에 100명이 있다면 100번을 쳐야할 셈이다. 중복을 줄이는 것이 컴퓨터 프로그래밍에서 발전해 온 길이다. (생활코딩에서 들은 말) 그러므로 100번의 console.log("hello ***")을 하나의 완전한 코드로 인사가 필요할 때마다 꺼내 쓸 수 있다면 아주 좋을 것이..

[노마드 코더 Vanilla JS] JavaScript의 변수와 데이터 타입, 그리고 정렬

변수는 1. 선언하고 초기화한다 2. 사용한다 이 두가지로 메커니즘을 정말 간단하게 표현할 수 있다. 선언하고 초기화 한다. 보통 변수를 선언할 때 let a = 5와 a의 값을 5라고 초기화 하는 작업을 같이하기 때문에 묶어서 설명하겠다. JavaScript에서 변수를 선언하는 데는 보통 두가지 방법이 있다. - let : let단어 그대로 let a = 5 라는 것은 '5를 이제부터 a라고 부르자' 라는 것이다. let은 해당 변수가 바뀔 수 있다는 것을 의미한다. 따라서 let a = 5 라고 선언을 한 후 이후 코드에서 a = 7이 발견된다면 '5가 a였는 데 이제는 7을 a라고 부르자' 라는 대화가 된다는 것이다. 노마드는 변수를 선언할 때 let을 쓰는 것을 추천하지 않는 다고 했다. 만약 l..

[노마드 코더 Vanilla JS] 왜 Vanilla JS를 배워야 할까?

노마드 코더의 유튜브를 보던 중 Vanilla Js의 중요성 을 다룬 동영상을 보고 많은 공감을 할 수 있었다. 결국 React, Vue, Angular 등등 수많은 라이브러리들이 JS가 근간이 되는 라이브러리들이고 그것을 이해하려면 JS의 근간이 되는 Vanilla JS에 대한 이해가 필요하다고 생각했다. 그래서 Vanilla JS에 대한 강의를 찾던 중 노마드 코더에 Vanilla JS 무료 강의 를 발견했고 곧장 듣기로 결정했다. 이 시리즈는 노마드 코더 강의를 따라가면서 중요하다고 느껴지는 부분을 기록하는 일지가 될것같다. 이번 포스트는 내가 왜 Vanilla JS에 대해서 공부해야겠다고 느끼게 된건지 말해보려고한다. 바닐라 JS로 크롬 앱 만들기 크롬 앱 클론코딩하며, JS 이론 배우기 [초급]..