디자인 시스템을 구현하면서, 공통으로 사용되는 label recipe 위에 컴포넌트 전용 텍스트 라벨 스타일을 덮어씌워야 하는 상황에서 스타일의 우선순위가 충돌하는 문제가 발생했다. 로컬 환경에서는 checkboxTextLabel의 색상이 정상적으로 적용되는 것처럼

CSS-in-JS 등장 배경 과거의 웹 개발에서는 HTML 파일과 CSS 파일이 엄격히 분리되어 있었다. 하지만 프로젝트가 커지면서 기존 CSS 방식(전역 스타일링)의 단점이 드러났다. 클래스명 충돌 : 스타일이 전역으로 적용되어 클래스명이 겹쳐 스타일이 덮어씌워

AI 시대에도 직접 글을 읽고 요약하는 능력을 길러야 한다는 취지로 요약의 정석: 요정 이라는 프로젝트를 진행 중에 있다. 기존엔 원문을 사용자가 직접 작성(혹은 복붙)해야 했는데, 이 수고를 덜기 위해 링크 입력 기능을 추가하여 원문을 크롤링해 가져올 수 있도록 업그

그리고 리팩토링하기

문제 링크 문제 해석 아이들이 일렬로 서 있고, 각 아이는 ratings 배열로 평점를 가진다. 사탕을 나눠줄 때 다음의 조건을 만족해야 한다. 모든 아이는 최소 1개의 사탕을 받아야 한다. 이웃한 아이보다 평점이 높은 경우, 그 아이는 더 많은 사탕을 받아야 한다. 예제 분석 ratings = [1, 2, 2] 해당 예제에서 가장 헷갈렸던 부분...

내 플젝을 구해주세요

Next.js와 MDX를 이용한 블로그 만들기

취준생 나부랭이의 항해 도전기

4-2. 코드 관점의 성능 최적화

4-1. 성능 최적화: SSR, SSG, Infra

3-2. 프론트엔드 테스트 코드

3-1. 프론트엔드 테스트 코드

2-3. 관심사 분리와 폴더구조

2-2. 디자인 패턴과 함수형 프로그래밍

2-1. 클린코드와 리팩토링

1-3. React, Beyond the Basic