Sonia의 프로필 이미지

Changsun Oh

I like JAVASCRIPT 💛
웹 프론트엔드 개발에 관한 지식과 경험을 기록합니다.

[pnpm]의 3계층 아키텍처와 링크 메커니즘 분석

3단계로 디스크 공간을 절약하고 유령 의존성을 차단하는 pnpm의 아키텍처와 링크 메커니즘

[pnpm] 아키텍처 심층 분석 - CAS 해시 데이터의 가상 스토어 파일 복원과 링크 메커니즘

pnpm의 아키텍처 심층 분석 CAS 해시 데이터의 가상 스토어 파일 복원과 링크 메커니즘

Git 브랜치 네이밍 컨벤션과 `feature/` 접두사의 역할

Git 브랜치 네이밍 컨벤션 가이드 - feature/ 접두사의 역할

Chrome

크롬 브라우저 확장 프로그램 개발 과정과 내부 아키텍처에 대한 정리입니다.

[Refactoring] 1일차

마틴 파울러의 '리팩터링' 책 스터디 1일차 요약 내용과 배운 점.

[초보를 위한 React] 2일차

리액트(React) 기초 입문 3일차: 생명주기와 훅(Hooks) 사용법.

[초보를 위한 React] 2일차

리액트(React) 기초 입문 2일차: state와 props의 개념과 활용.

[초보를 위한 React] 1일차

리액트(React) 기초 입문 1일차: 컴포넌트와 JSX 문법의 이해.

[알고리즘/프로그래머스/JS] 가장 큰수

프로그래머스 '가장 큰 수' 정렬 알고리즘 문제에 대한 해결 과정과 로직입니다.

[알고리즘/프로그래머스/JS] K번째수

프로그래머스 'K번째수' 배열 정렬 알고리즘 문제 풀이 방법입니다.

[알고리즘/프로그래머스/JS] 기능개발

프로그래머스 '기능개발' 스택/큐 알고리즘 문제 풀이 과정입니다.

[알고리즘/프로그래머스/JS] 베스트 엘범

프로그래머스 '베스트앨범' 문제 풀이: 장르별 재생 횟수 정렬과 해시 활용.

[js] js-datepicker 사용하기

자바스크립트 Datepicker 라이브러리 활용법과 날짜 선택 컴포넌트 구현 방법을 다룹니다.

[Electron] import, export 모듈 사용하기

일렉트론(Electron) 환경에서 IPC와 주요 모듈들을 사용하는 방법을 정리합니다.

[gitlab] Create MR Template

현재 프론트엔드 트렌드에서 주목하고 있는 자바스크립트 관심 기술들을 소개합니다.

[JS] 코딩 기술 맵(map)편

ES6에서 추가된 Map 객체의 특징과 일반 Object와의 차이점을 분석합니다.

[JS] 코딩 기술 객체(object)편

자바스크립트 객체(Object)의 생성, 속성 접근, 순회 방법 등 객체 다루기의 기본을 익힙니다.

[JS] 코딩 기술 배열(Array)편

자바스크립트 배열(Array)의 기초적인 다루는 방법과 유용한 내장 메서드들을 살펴봅니다.

[JS] 코딩 기술 변수 선언편

자바스크립트 변수 선언 방식(var, let, const)의 차이점과 호이스팅 현상을 정리합니다.

[Programmers] 위장

프로그래머스 '위장' 알고리즘 문제의 경우의 수와 해시를 이용한 해결 과정을 다룹니다.

[Programmers] 완주하지 못한 선수

프로그래머스 '완주하지 못한 선수' 알고리즘 문제의 해시를 활용한 풀이 방법입니다.

[Development Tip #7] 조건문을 깔끔하게 작성하기

실전 프로젝트에 적용할 수 있는 유용한 프론트엔드 개발 팁 일곱 번째 이야기입니다.

[Development Tip #6] 나머지 매개변수로 여러개 인수를 전달

놓치기 쉬운 자바스크립트 실전 개발 팁 여섯 번째 이야기입니다.

[Development Tip #5] 구조 분해 할당

코드를 더 깔끔하게 작성하는 프론트엔드 실전 팁 다섯 번째 이야기입니다.

[Development Tip #4] 매개변수의 기본값을 생성하라

실무에서 유용하게 쓰이는 프론트엔드 개발 노하우 네 번째 이야기입니다.

[Development Tip #3] 적절한 메서드를 발견하라

알아두면 쓸모 있는 자바스크립트 실전 개발 팁 세 번째 이야기입니다.

[Development Tip #2] 기획의 의도를 파악하라

개발 생산성을 높여주는 프론트엔드 실무 개발 팁 두 번째 이야기입니다.

[Development Tip #1] 개발자로서의 목표를 가져라

효율적인 개발을 위한 유용한 프론트엔드 실전 개발 팁 첫 번째 이야기입니다.

[Core JS] 클래스란?

ES6에 도입된 클래스(Class) 문법과 기존 프로토타입 기반 상속과의 차이를 알아봅니다.

[Core JS] 프로토타입이란?

자바스크립트 프로토타입(Prototype) 체인과 객체 지향 상속 모델의 핵심을 이해합니다.

렉시컬 환경(Lexical Environment)과 스코프 체인의 동작 원리를 상세히 분석합니다.

[Core JS] 클로저란?

자바스크립트의 핵심 개념인 클로저(Closure)의 원리와 실용적인 활용 방법을 다룹니다.

[Core JS] 콜백지옥?

콜백 지옥(Callback Hell)의 문제점과 이를 해결하기 위한 Promise, async/await 패턴을 알아봅니다.

[Core JS] 콜백함수?

콜백 함수(Callback Function)의 개념과 제어권 위임에 대해 이해합니다.

[Core JS] 실행컨텍스트란?

자바스크립트 코드가 실행되는 환경인 실행 컨텍스트(Execution Context)의 개념을 파헤쳐 봅니다.

[Core JS] this 우회방법

this 바인딩의 예외적인 상황들과 화살표 함수 등 우회하는 방법에 대해 알아봅니다.

[Core JS] this란?

자바스크립트에서 this가 실행 컨텍스트에 따라 어떻게 바인딩되는지 동작 원리를 알아봅니다.

[Core JS] 데이터 타입이란?

자바스크립트 데이터 타입(기본형/참조형)의 종류와 메모리 할당 방식의 차이를 알아봅니다.