모든 기사
어플리케이션 다국어 기능과 번역가와 협업 방법
웹 애플리케이션 다국어(i18n) 지원을 위한 i18next 라이브러리 사용법과 번역가와의 구글 시트 협업 방법을 소개합니다.
유니온 타입과 타입 가드
타입스크립트의 유니온 타입과 타입 가드 사용법을 설명합니다. typeof, instanceof, 사용자 정의 타입 가드 등을 다룹니다.
babel-loader와 ts-loader의 빌드 결과가 다른 현상
타입스크립트 프로젝트에서 babel-loader와 ts-loader의 클래스 필드 초기화 차이점을 분석하고 해결 방법을 제시합니다.
아, 전설적인 한 해였다
2020년 30개 포스팅을 발행했다. 매년 블로그에 50개 글을 쓰겠다고 계획을 세우는데 거의 달성해 본 적이 없었다. 이런 목표는 달성보다는 방향에 의미가 있는 것 같다. 마치 옛 뱃사람들의 북극성처럼 말이다. #재택근무 2020년 가장 기억에 남는 건 코로나 19
프론트엔드 개발자의 역할
프론트엔드 개발자의 역할 변화: 자바스크립트 중심에서 HTML/CSS까지 포함하는 전체 웹 개발로 확장되는 과정을 설명합니다.
서버리스 웹 애플리케이션 만들기
AWS 서버리스 아키텍처를 활용한 웹 애플리케이션 구축 경험과 Node.js, React.js를 이용한 인프라 구성 방법을 소개합니다.
styled-component로 리액트 컴포넌트 만들기
styled-components를 사용한 React 컴포넌트 스타일링 방법과 기존 Sass 방식과의 비교 분석
Gatsby.js 이미지 처리 방식
Gatsby.js의 이미지 처리 방식(반응형 이미지, lazy load, blur-up 효과)과 이를 구현하는 플러그인들(gatsby-image, gatsby-plugin-sharp 등)에 대한 기술적 분석
Gatsby.js 훑어보기
Gatsby.js 정적 사이트 생성기의 기능, 개발 환경, GraphQL 데이터 접근, 성능 최적화 및 확장성에 대한 개요와 사용법을 소개합니다.
웹팩 개발 서버로 부족하다면 webpack-dev-middleware를 사용해 보자
webpack-dev-server의 한계를 넘어 webpack-dev-middleware를 활용한 맞춤형 개발 환경 구축 방법을 소개합니다.
시퀄라이즈 Model 클래스 활용하기
시퀄라이즈 Model 클래스를 확장하여 모델을 정의하고 초기화하는 방법을 알아봅니다. 클래스 내부에서 스키마와 관계를 관리하는 패턴을 소개합니다.
node-sass가 노드 버전에 의존적이 이유
node-sass가 Node.js 버전에 의존적인 이유와 NAN 방식의 C++ 애드온 동작 원리를 설명하며, 버전 호환 문제 해결 방법을 제시합니다.
패스포트 동작 원리와 인증 구현
Node.js에서 Passport 패키지를 사용한 인증 구현 방법과 세션/쿠키 기반 로그인 동작 원리를 설명하는 기술 가이드입니다.
HTML5 폼 검증에 대해 정리해 보자
HTML5 폼 검증의 기본 속성, CSS 가상 클래스, Constraint Validation API를 활용한 효율적인 클라이언트 측 검증 방법을 정리합니다.
Node.js로 만든 API 테스트(supertest)
Node.js API 테스트를 위한 supertest 라이브러리의 기본 개념과 사용법을 소개합니다. HTTP 요청 검증과 성공/실패 테스트 방법을 다룹니다.
파일명 컨벤션과 웹팩/노드 오류
파일명 표기법(스네이크, 케밥, 카멜 케이스)과 운영체제별 대소문자 인식 차이로 인한 Node.js/웹팩 모듈 오류의 원인과 해결 방법을 설명합니다.