Archives: 2020/10


FE>javascript>variable

6. 이제 그만 var는 놓아줍시다.

앞서 ‘이제 var는 없다고 생각하자’고 했습니다. 왜냐하면 var에는 지금으로서는 이해하기 어려운 특이한 현상들이 다수 존재하고, 이러한 현상들은 자바스크립트를 혼란스럽게 하는 주범이 되곤 하기 때문입니다. 이미 var를 전혀 사용하고 있지 않는 환경에 있는...

FE>javascript>variable

5. let vs. const

let과 const의 차이점차이점 1. const는 선언과 할당이 동시에 이루어져야만 한다.const로 변수를 선언할 때에는 반드시 할당도 함께 해야만 합니다. 가만 생각해 보면 논리적으로 마땅합니다. let의 경우는 변할 수 있음을 전제로 하고 있으니, 값이...

FE>javascript>variable

4. scope

Scope: 변수의 유효범위자바스크립트에는 세 가지의 유효범위, 즉 ‘스코프(scope)’가 있습니다. let 또는 const로 선언한 변수는 세 스코프 모두의 영향을 받습니다. 1. 전역 스코프: global scope전역 스코프는 자바스크립트 코드의 가장 큰...

FE>javascript>variable

3. const 소개

const: 변경 불가능한 변수 선언1. 소개변경 불가능한 변수라니, 앞뒤가 맞지 않는 말인 것 같습니다. 시작부터 혼란스럽네요. 역사적으로 프로그래밍 언어에서 쓰이는 단어를 실제 의미에 맞게 적용하는 대신 그때그때 필요에 따라 관습적으로 많이 사용되어 왔던...

FE>javascript>variable

2. let - 반복문 & debounce

반복문일반적으로 재할당 가능 변수(let)을 선언하는 또다른 경우로 반복문이 있습니다.이번에는 동적으로 과일 목록 html 엘리먼트를 생성하는 예제를 살펴봅시다. 1. 기본 코드1234567891011const buildListElem = list =>...

FE>javascript>variable

1. let - url param 생성 함수 만들기

let은 ‘재할당’, 즉 이미 할당이 이루어진 변수에 다시 다른 값을 할당할 수 있는 변수 선언 방식입니다. 실무에서는 주로 자주 변경을 해야 하는 경우 또는 넘어온 데이터를 변형, 재가공하는 과정에서 임시로 저장할 필요가 있을 때에 활용하게 됩니다. let으로...

FE>intro

0. "실용적인 프론트엔드 개발 지식"을 시작하며

오랜만입니다!근 3년만에 블로그를 다시 열었습니다.실무에서 작업하면서 맞딱뜨리는 이런저런 프론트엔드 이슈에 대해 다뤄보고자 하여 시작합니다.아무거나 그때 그때 생각나는대로 올릴 예정입니다. 컨셉 HTML, CSS, Javascript 등을 넘나들...