프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 8. 11. 02:38
Javascript를 공부하다 보면 == 과 ===이라는 연산자를 종종 보게 됩니다. 이 연산자는 A와 B를 비교하는 연산자 인데, 다른 언어들과는 다르게 자바스크립트는 ==이 존재하고 ===이 존재합니다. 왜 자바스크립트는 이 두개의 연산자를 넣어두었을까요? 오늘은 "==" 과 "==="에 대해서 알아보도록 하겠습니다. 동등 연산자 ( == : Equal Operator ) 해당 연산자는 비교 연산자로 "A == B" 와 같은 형식으로 A와 B를 비교합니다. 해당 연산자는 각 A와 B의 자료형이 같지 않아도 같아지도록 변환한 후 엄격 비교를 수행하는 역할을 합니다. 만약 각 A, B가 모두 객체라면 이 A와 B가 같은 내부 참조를 바라보고 있는지를 체크합니다. 기본데이터 타입(Primitive Data..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 7. 19. 01:56
함께보면 좋은 글 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Hoisting)이란? 오늘은 TDZ(Temporal Dead Zone)에 대해서 알아보도록 하겠습니다. 이번 포스팅은 자바스크립트의 호이스팅 개념이 어느정도 있어야 하는 부분입니다. 만약 호이스팅을 모를경우 위 함께보면 좋은 글 링크를 참고해 주세요 여러분들은 변수를 선언할 때 var를 사용하면 호이스팅이 된다는것을 알고 있습니까? 그럼 과연 let과 const는 호이스팅이 될까요? 안 될까요? 정답은?? 두구두구두구.... 됩니다.!!! TDZ(Temporal Dead Zone) 란? 먼저 let과 const가 왜 호이스팅이 되는지를 알기 전에, 이 TDZ에 의미에 대해서 알아보도록 하겠습니다. ..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 7. 5. 23:16
함께보면 좋은 글 2020/07/19 - [프로그래밍 언어/Javascript] - TDZ(Temporal Dead Zone)이란? 오늘은 자바스크립트에 호이스팅(Hoisting)에 대해서 알아보도록 하겠습니다. 사실 이 호이스팅이란 ECMA 2016 이상 부터는 let과 const를 권장해서 사실 변수 호이스팅이 크게 의미는 없습니다. 하지만 함수는 아직 이 호이스팅이라는 개념이 적용되고, 자바스크립트를 주로 사용하는 회사에서 면접 질문으로 자주 나오는 개념이기 때문에 알아둬서 나쁠거 없는 개념이라고 생각합니다. 사실 그렇게 어렵지도 않습니다....ㅎ 그럼 한번 알아보도록 할까요? 호이스팅(Hoisting)이란? 호이스팅(Hoisting)은 사전적 의미로 끌어 올리기 라는 의미를 가지고 있는 단어이며,..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 7. 4. 01:02
함께보면 좋은 글 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Hoisting)이란? 2020/07/19 - [프로그래밍 언어/Javascript] - TDZ(Temporal Dead Zone)이란? 자 오늘은 자바스크립트에서 사용되는 익명함수와 기명함수 또는 무명함수와 선언적 함수라고도 하는 이 두 함수의 차이에 대해 알아보도록 하겠습니다. 익명함수(Anonymouse Function) 자 첫번째로 익명함수에 대해 알아보도록 하겠습니다. 이 익명함수 또는 무명함수같은 경우는 따로 사용자가 함수를 만들 때 이름을 지정하지 않고 변수 혹은 그냥 호출만으로 선언할 수 있는 함수 입니다. 간단한 코드를 봐보겠습니다. See the Pen Anonymouse Funct..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 3. 3. 06:00
개발자 특히 웹 개발자라면 한번쯤은 들어봤을 법한 단어 바로 돔(DOM) 입니다. 현재 웹 프론트엔드라는 세계가 존재할 수 있도록 도와주는 굉장히 중요한 개념입니다. 하지만 말만 들어봤지 정확히 이것이 뭔지 모르는 개발자들도 많이 있습니다. 오늘은 DOM과 Virtual DOM에 대해서 자세히 알아보도록 하겠습니다. 돔(DOM) 이란? 웹 개발자 특히 웹 프론트엔드 개발자는 DOM과 친해져야합니다. DOM은 Document Object Model의 줄임말로 번역하면 문서 객체 모델이라는 뜻입니다. 하지만 단어만 들었을 때는 크게 와 닿는게 없습니다. 이 DOM이란 트리 구조로 되어있는 객체 모델로써, Javascript가 getElementbyid()를 같은 함수를 이용하여 HTML문서의 각 요소(li,..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 1. 21. 09:19
📌 연관 글 Javascript Documentation 라이브러리 JSDoc를 사용해 봅시다 JSDoc을 설정 파일로 빼서 사용해보도록 합시다 JSDoc에서 템플릿을 사용해 보도록 합시다 Webpack과 JSDoc을 연동하여 자동화를 시켜봅시다 우리는 기본적인 JSDoc 설정을 끝내고 JSDoc을 이용하여 Documentation까지 만들었습니다. 이렇듯 쉽게 Documentation을 만들수 있고 웹 기반으로 볼 수 있다는 장점은 저희에게 큰 메리트를 줍니다. 하지만 JSDoc이 자동으로 Documentation을 Styling을 해줘서 딱히 특색이 있어 보이진 않습니다. 이러한 사용자의 Needs를 JSDoc 또한 알고 있었을까요? JSDoc에서 템플릿을 지원하고 있습니다. 같이 한번 적용해 보도록..