FE>misc

2021 회고

(호랑이해이니 호랑이책 많관부) 살면서 처음으로 회고라는걸 써보고자 한다. 많은 분들이 작성한 회고를 보면서 부럽기도 했고, 장기적 계획 없이 단기적으로 ‘이번엔 뭐 해볼까’만 생각하며 흘러가는 대로 살아온 내 인생도 1년을 쭈욱 돌이켜보면 뭐라도 이룬게 있겠지...

FE>React.js

infinite scroll 구현하기 (2) swr-graphql

최근 swr이라는 fetch 전용 라이브러리가 핫합니다. 내용을 살펴보았는데, apollo-graphql을 이용할 때와 뭐가 얼마나 다를지가 잘 그려지지 않아서 이참에 연습을 좀 해보았습니다. 전체 코드는 제 깃헙에 올려 놓았습니다. 1부에서는...

FE>React.js

infinite scroll 구현하기 (1) apollo-graphql

최근 swr이라는 fetch 전용 라이브러리가 핫합니다. 내용을 살펴보았는데, apollo-graphql을 이용할 때와 뭐가 얼마나 다를지가 잘 그려지지 않아서 이참에 연습을 좀 해보았습니다. 원래는 swr을 연습하기 위한 것이었는데 막상 작업을 착수하고 보니...

FE>React.js

redux-saga를 간결하게 사용해보자!

React.js에 redux 및 redux-saga를 얹어 사용하면서 느낀 피로감을 최소화하고자 노력한 결과가 제 나름으론 만족스럽게 나와 공유하고자 합니다. 패키지 구조redux-saga를 보다 쉽게 사용하고자 하는 데에 포커스를 맞춘 연습용 프로젝트로,...

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으로...