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.

최종 피드 수집: 2026-01-22 19:46

전체 (22)

4M

2025년 5월 TC39 총회 요약 (번역)

원문: https://blogs.igalia.com/compilers/2025/07/03/summary-of-the-may-2025-tc39-plenary/
소개
안녕하세요! 지난 몇 번의 회의와 마찬가지로, TC39 회의에서 일

000

6M

간략한 자바스크립트 역사

간략한 자바스크립트 역사
원문: https://deno.com/blog/history-of-javascript
올해 자바스크립트가 30살이 되었습니다.
지난 30년 동안 자바스크립트는 단 10일 만에 만들어진 이상한 스크립트 언어

000

8M

이터레이터 헬퍼 맛보기

이터레이터 헬퍼?
이터레이터 헬퍼(Iterator Helper)는 ECMAScript 2025(ES2025)에 새롭게 추가될 기능으로, 이터레이터를 더욱 편리하게 사용할 수 있도록 돕는 다양한 인터페이스의 집합입니다.
ES2015

002

9M

React Reconciliation: 컴포넌트 뒤에 숨겨진 엔진

원문: React Reconciliation: The Hidden Engine Behind Your Components
조정 엔진(Reconciliation Engine)
이전 글들(1, 2)에서 React.memo의 작동 방식과

0057

10M

리액트 서버 컴포넌트 톺아보기 (번역)

원문: The Forensics of React Server Components (RSC)
간단 요약: 클라이언트 사이드 렌더링은 서버의 무거운 연산 부담을 덜어줍니다. 그 대신 초기 페이지 로드 시 빈 HTML 페이지가 보이는

000

4y

2021 회고

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

2021_회고

109

5y

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

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

005

5y

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

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

003

5y

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

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

000

5y

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

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

002

5y

5. let vs. const

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

000

5y

4. scope

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

000

5y

3. const 소개

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

000

5y

2. let - 반복문 & debounce

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

001

5y

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

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

001

5y

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

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

002

9y

let과 var의 성능 비교

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

000

9y

ECMAScript Proposals - ES2016 & ES2017

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

ECMAScript Prop

000

9y

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

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

000

9y

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

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

001