RoyJung _ dev blog - mysetting

2:17 5/31

roy-jung.github.io

mobile screenshot relative

2:17

roy-jung.github.io

mobile screenshot

RoyJung _ dev blog
https://roy-jung.github.io/

just do what i can do.

최종 피드 수집: 2024-04-16 04:49

전체 (17)

2y

2021 회고

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

2021_회고

109

3y

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

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

005

3y

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

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

003

3y

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

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

000

3y

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

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

002

3y

5. let vs. const

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

000

3y

4. scope

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

000

3y

3. const 소개

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

000

3y

2. let - 반복문 & debounce

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

000

3y

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

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

001

3y

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

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

000

7y

let과 var의 성능 비교

if, for 등의 block statement 외부에서 let으로 선언한 변수를 statement 내부에서 호출할 때에는 비용이 발생하기 때문에, 블록스코프의 영향을 받지 않는 var로 선언한 변수를 호출할 때보다 느리므로, 일

000

7y

ECMAScript Proposals - ES2016 & ES2017

tc39에서 진행하고 있는 ECMAScript의 다음 버전들 및 그 후보들을 알아본다.
그 중 본 글에서는 Stage 4(ES2016 및 ES2017에 새로 도입되기로 확정된 기능들)을 살펴보겠다.

ECMAScript Prop

000

7y

ReactJS를 작성할 때에 알아두면 좋은 ES6 문법들

ReactJS를 작성할 때에 미리 알아두면 좋은 ES6 문법들을 소개한다.
1. block scope
기존의 함수에 의한 스코프처럼 { }으로 감싼 내부에 별도의 스코프가 생성된다.
2. block scoped variables

000

7y

ES6 Class에서 private member를 정의하는 방법

es6의 class 문법에는 private data를 직접 지정할 수 있는 기능이 제공되지 않는다.
때문에 private data로 쓰고자 하는 변수는 우회적으로 관리하여야 하는데, 그 방법들을 소개한다.
1. naming con

000

7y

mac에서 `node.js`를 완전히 삭제하는 방법

서로 다른 버전의 node가 하나의 shell 안에서 경쟁하는 구도가 되었다는 점이다. 여러 수단으로 node를 설치했음에도 아무 문제가 없는 분은 이쯤에서 뒤로가기를 살포시 눌러도 무방하나, 그렇지 않은 경우 아래의 방법에 따를

000

7y

ES6 Class는 단지 prototype 상속의 문법설탕일 뿐인가?

최근 모 커뮤니티에서 ‘ES6를 공부해야 할 필요는 없다’는 의견을 발견하였는데, 그 분의 견해를 읽던 중 ‘Class는 문법설탕일 뿐’이라는 내용에 대해서 정말로 그러한지 알아보고 싶은 마음이 들었습니다.
/_ 본 글은 지적 호

000