컴퓨터언어/Vanilla JS(16)
-
[Javascript] JSON 핵심 정리
JSON이 뭔데? Java Script로 쓰여진 Object 표기법 그게 왜 필요한데? JSON은 서로 다른 컴퓨터 간 효율적인 정보 송수신을 위한 발명품이다. 대개 정보는 인간의 자연어처럼 String이면 좋겠지만, 컴퓨터에 "기록"하는 이상 객체같은 커다란 덩어리이기 마련이다. 이렇게 용량이 큰 상태로 정보를 주고받는다면, request가 많아질 때 과부하를 면치 못할 것이다. 그래서 단순히 그 내용만을 한줄로 요약해서 줄줄이 사탕처럼 압축하는 방법이 생겼으니, 그것이 바로 JSON이다.
2020.05.07 -
[3줄정리] High-order Function & Call-back Function
// 유저로부터 키보드로 입력되는 키가 무엇인지 콘솔로 출력하는 예제 document.addEventListener("keydown", printKey); function printKey(event) { console.log(event.key); } High order function(고차함수) : 다른 함수를 인풋으로 받아들이는 함수. ex) addEventListener() Call back function : High order function에서 인풋으로 쓰이는 함수. ex) printKey() * 이 call back function이 먼저 실행되고 나서 실행 또는 반환되는 값을, high order function이 2차적으로 이용한다. 즉 call back function은 유저가 직접 실행..
2020.05.04 -
Vanilla JS 실시간 시간 뜨게 하기 (20줄도 안됨)
간단하게 5분도 안 걸리는 코딩이다. HTML This is a clock app. JS // DOM 객체로서 HTML 태그 속의 class name을 css처럼 직관적으로 가져오게 하는 마법의 도구 : document.querySelector() const CLOCK = document.querySelector(".js-clock"); // 3. showClock 함수는 시간 객체를 생성하여 각 상수에 필요한 정보만을 선별한 뒤, HTML에 쏘아주는 역할을 한다. function showClock() { // 날짜와 시간 모두 가져와주는 객체 Date를 생성하여 상수 DATE에 담는다. const DATE = new Date(); // 시, 분, 초에 해당하는 정보를 가져와주는 함수만을 "."를 활용하..
2020.03.31 -
Vanilla JS 마스터하기 1일차
최근 it분야가 엄청 발전하면서 개발도구 또한 화려해지고 있다. 더 편하고 실수도 적게 하게끔 도와주는 IDE부터 코딩을 몇배 줄여주는 다양한 라이브러리까지 개발자 입장에서는 르네상스임에 틀림없다. 하지만 코딩을 떠나, 어떤 분야이든 흔들리지 않는 중심 개념이 있다. 여기서 중심 개념이란 모든 잔가지들을 파생시킨 최초의 장본인이며, 매우 중요하다고 할 수 있다. 즉 어떤 분야에서든 파생된 개념을 제대로 이해하기 위해서는 그것이 등장하기 전을 알아야만 한다. 그것을 살펴야만 왜 새로운 것이 등장했는지, 그래야만 했던 철학이 무엇인지 마음으로 느낄 수 있으며 그것은 빠른 이해와 행동력으로 발전할 것이다. 핵심은 매우 깊이 박혀 있어서 한눈에 보기 힘들고 때로는 거기까지 뚫는 데 많은 시간과 노력이 필요할 수..
2020.03.31