이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.식별자는 자신이 선언된 위치에 의해 자신을 참조할 수 있는 유효 범위가 결정된다. 스코프는 식별자가 유효한 범위를 말한다.위 예시에서 자바스크립트는 이름이 같은 두 변수(x)에 대해 어떤 변수를

리액트 상태 관리로 가장 많이 사용되는 훅은 useState일 것입니다. 하지만 상태를 관리할 때 useState를 사용하는 것 말고도 useReducer를 사용하는 방법이 있습니다.const \[state, dispatch] = useReducer(reducer, i

나는 보통 styled-components를 사용하면서 어떤 요소를 감쌀 때 Container와 Wrapper를 혼용해서 사용하곤 했었다. 하지만 이러한 사소한 네이밍 개선이 코드 가독성을 높여준다고 생각해서 Container와 Wrapper의 네이밍 차이를 알아보았다

아래는 리액트 공식문서에 나와있는 useCallback과 useMemo에 대한 설명입니다.콜백의 메모이제이션된 버전을 반환할 것입니다. 그 메모이제이션된 버전은 콜백의 의존성이 변경되었을 때에만 변경됩니다. 이것은, 불필요한 렌더링을 방지하기 위해 참조의 동일성에 의존

이 글은 Kent C.Dodds의 useEffect vs useLayoutEffect와 Jaewang Lee의 useEffect 와 useLayoutEffect 의 차이는 무엇일까?를 참고하여 작성되었습니다. https://kentcdodds.com/blog/

개발을 하다보면 내가 생각하기에 보기 좋은 함수 이름을 정하게 되는 경우가 많다. "handler나 event 이름은 이렇게 지어야해!" 라는 무조건적인 규칙이 없기도 하고, 팀 내에서 팀원들끼리 이렇게 하자고 정한다 해도 앞부분만 규칙을 따라가고 뒷부분은 각자 쓰고싶

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.프로그래밍에서 함수란 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수는 값이며, 함수를 구분하기 위해 식별자인 함수 이름을 사용할 수 있다.매개변수:

이 글의 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.자바스크립트가 제공하는 데이터 타입은 원시 타입과 객체 타입으로 구분할 수 있다.원시 값은 변경 불가능한 값 / 객체 타입 값은 변경 가능한 값원시 값은 변수에 할당하면 변수에 실제 값이 저장된다

이 글의 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것(원시 값을 제외한 나머지 값)이 객체이다.단 하나의 값만 나타낸다.변경 불가능한 값(immutable valu

이 글은 kakaoTech의 '섬세한 ISFP의 코드 가독성 개선 경험' 영상을 보고 작성되었습니다. load는 가져와서 싣다fetch는 가져오다즉, loadData는 가져와서 싣는 것까지 완결된 상태이다.이를 다시 data 변수에 할당하면 가져온다는 뜻이 중복된다.좋

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.자바스크립트 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 이처럼 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다.예시: toString

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.블록문은 0개 이상의 문을 중괄호로 묶은 것이다. 자바스크립트는 블록문을 하나의 실행 단위로 취급한다. 블록문은 자체 종결성을 갖기 때문에 블록문 끝에는 세미콜론을 붙이지 않는다.조건문은 주어진

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.수학적 계산을 수행해 새로운 값을 만들고, 불가능할 경우 NaN 반환피연산자의 값을 변경하는 부수 효과 X1개의 피연산자를 산술 연산하여 숫자 값을 만듦증가, 감소(++ / --) 연산자는 부수효

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.자바스크립트에는 하나의 숫자 타입만이 존재한다.모든 수를 실수로 처리하며 2진수, 8진수, 16진수를 위한 데이터 타입은 제공하지 않기 때문에 모든 값은 10진수로 해석된다.자바스크립트 숫자 타입

이 글은 '모던 자바스크립트 DeepDive'를 참고하여 작성되었습니다.값은 식이 평가되어 생성된 결과를 말한다. 변수는 값을 저장하기 위해 확보한 메모리 공간 자체 혹은 메모리 공간을 식별하기 위해 붙인 이름이므로, 변수에 할당되는 것은 값이다.리터럴은 사람이 이해

이런 점들을 염두에 두고 일하다 보면 일을 대하는 태도나 의사 결정에 있어 좀 더 신중하게 임할 수 있겠다는 생각이 들어 정리해보았습니다.이 글은 황민호님의 글을 참고하여 작성되었습니다.황민호님의 면접자가 성실한지 알 수 있는 인터뷰 질문 10가지

컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다.메모리는 데이터를 저장할 수 있는 메모리 셀(1바이트)의 집합체로컴퓨터는 1바이트 단위로 데이터를 저장하고 읽어들인다.이 때, 각 셀은 고유의 메모리 주소를 가진다.하지만, 자바스크립트는 개발자가 메