Blog

선언적 비동기 처리로 사용자 경험 향상시키기 (Suspense, ErrorBoundary)

Suspense와 ErrorBoundary를 활용하여 사용자 경험과 개발 생산성을 모두 향상시킬 수 있는 방법에 대해 알아보겠습니다.

맛집 공유 SNS "맛남의 길" 프로젝트 회고 - 데브코스 회고

프로젝트에서 효율적인 협업을 위해 시도했던 방법들과 디자인 및 공통 컴포넌트 개발 과정에서 배운 점을 기록하였습니다.

당근마켓 최종 면접까지의 과정을 돌아보며

4개월 만에 1차 탈락에서 최종 면접까지 갈 수 있었던 과정을 돌아보는 내용을 기록하였습니다.

이번 달의 도전과 성장 - 데브코스 회고

성장하기 위해 새롭게 도전했던 것들과 그 과정에서 성장한 내용을 기록하였습니다.

차별화된 나만의 무기 찾기 - 데브코스 회고

데브코스라는 새로운 환경에서 새로운 동료들과 협업해보며 찾은 저만의 무기가 무엇이었는지 고민했던 내용을 기록하였습니다.

변화에 유연한 설계를 위한 고민 - 추상화란 무엇인가?

실무에서는 요구사항이 변화되는 상황을 자주 마주하게 됩니다. 변화에 유연한 설계를 하려면 어떤 점들을 고려하는게 좋을까요?

퇴사 후 나는 어떤 성장을 이루었나 - 데브코스 회고

퇴사 후 스스로 느꼈던 아쉬웠던 점들을 극복하기 위해서 시도했던 경험들과 그 과정에서 배우고 느낀 점들을 기록합니다.

REST API에서 GraphQL로의 패러다임 전환 - Facebook이 주목한 기술

GraphQL을 도입함으로써 얻을 수 있는 가치와 잃게 될 수 있는 점을 중심으로 Facebook과 같은 기업들에서 GraphQL을 사용한 이유에 대해 알아보겠습니다.

웹 개발자의 신고식 🚨 CORS로부터 해방 되기

웹 개발자라면 한 번쯤 마주할 CORS 에러의 개념과 CORS로부터 해방될 방법에 대해 알아보겠습니다.

Next.js 13 업데이트 내용 총 정리

Next.js의 13 버전에서 달라진 내용과 이를 잘 활용할 수 있는 방법을 알아보겠습니다.

React의 초기 렌더링 속도 최적화하기

사용자 이탈에 큰 영향을 주는 React의 초기 로딩 속도를 개선하는 방법들을 알아보겠습니다.

Lighthouse로 Next.js 성능 44% 개선하기

Lighthouse를 이용해서 Next.js 프로젝트의 성능을 최적화 했던 방법들을 공유하고자 합니다.

웹 페이지 성능 개선에 필요한 Lighthouse 지표 알아보기

웹 페이지 성능 측정에 쓰이는 Lighthouse의 평가 항목들에 대해 알아보면서 성능 개선 방법을 고민해봅시다.

yarn berry workspace와 모노레포 도입 여정 🏃🏼‍♂️ (feat. Turborepo)

현업에서 모노레포를 도입했던 배경과 모노레포의 단점을 극복하기 위해 시도했던 방법들을 공유하고자 합니다.

npm, yarn, yarn berry의 차이와 발전 과정

JavaScript 패키지 매니저의 발전 과정을 알아보면서 npm, yarn, yarn berry의 장단점에 대해 알아보겠습니다.

JavaScript의 클로저(Closure)란? (feat. React의 useState)

JavaScript의 클로저의 원리를 쉽게 배워보고 어떤 상황에 사용되는지 알아보도록 하겠습니다.

JavaScript의 this란?

JavaScript에서 흔히 혼동되는 this의 정의와 용법에 대해서 알아보겠습니다.

Next.js의 렌더링 방식 이해하기 - SSR, SSG, ISR

Next.js의 렌더링 방식의 차이점에 대해서 알아보며 필요에 따라 적절한 렌더링 기법을 적용하는 방법에 대해 배워보겠습니다.

CSR vs SSR - Next.js는 언제 사용하면 좋을까요?

면접에 자주 나오는 CSR과 SSR 렌더링 방식의 차이와 장단점에 대해 쉽게 배워보겠습니다.

모듈 번들러란? - Webpack vs Vite 무엇을 써야 할까요?

웹을 구성하는 자원들을 하나의 파일로 압축해주는 모듈 번들러에 대해서 배워보겠습니다.

Event Loop와 JavaScript의 비동기 동작 원리

JavaScript의 비동기 동작 원리에 대해 배워보겠습니다.

JavaScript의 동작 원리 - JS는 머리가 하나 🧠

싱글 스레드 언어인 JavaScript의 동작 원리에 대해 배워보겠습니다.

매끄럽게 동작하는 브라우저 만들기 - 렌더링 최적화 Reflow, Repaint

어떻게 하면 웹 사이트를 더 매끄럽게 동작시킬 수 있을까요? Reflow와 Repaint에 집중해서 최적화 방법을 알아봅시다.

브라우저 렌더링 과정 쉽게 이해하기

우리가 지금 보고 있는 웹사이트 화면은 어떻게 만들어진 걸까요? 브라우저 렌더링 과정과 그 원리에 대해 알아보겠습니다.

면접 단골 질문! 호이스팅을 곁들인 var, let, const의 차이

변수 선언 키워드인 var, let, const의 차이를 스코프와 호이스팅의 관점에서 다뤄보겠습니다.

var 모르고 쓰면 큰일납니다.

ES5까지 유일했던 변수 선언 키워드 var의 개념에 대해서 알아보겠습니다.

웹을 이루는 핵심 요소를 알아봅시다! - DOM, BOM, JavaScript

앞으로의 웹 개발 지식을 배울 때 꼭 등장하는 개념입니다. 해당 요소들이 웹을 만드는데 어떻게 쓰이는지 알아봅시다!