💡 도움이 될 만한 좋은 글들을 모아놓습니다.

web 서비스 아키텍쳐 overview
- 모던 웹 서비스가 어떤 컴포넌트들로 구성되어있는지 전체적인 그림을 살펴보자.
카카오페이지 CORS 원인을 파악하고 해결하기까지의 과정
- 1편 - 문제정의 및 해결방법
- 2편 - 원인 규명하기
- stylesheet 전역 import 와 개별 import 에서 발생하는 빌드 결과의 차이, 브라우저마다 다른 캐시 정책과 그로 인해 발생한 stylesheet fetch 요청 CORS 에러 등의 문제 해결 사례
- 원인을 찾고 해결하는 과정이 인상깊은 글이다.
load-balancing 알고리즘
- 다양한 로드밸런싱 알고리즘에 관한 소개글
- dynamic weight round robin, least-connection 등등의 방법을 시각적으로 확인할 수 있다.
주니어 개발자를 위한 네트워크
- 5편의 시리즈로 구성되어있다.

안전하게 URL read-write 하는 방법
state initialize pattern
- initial props 를 이용해서 변하지 않아야하는 초기값과 이를 재설정하는 패턴에 관한 소소한 팁
Context API 튜토리얼
- Context API 를 사용하는 몇가지 유용한 패턴에 대해서 알려주는 입문글
compound component 에서 ref 전달하는 방법
- Object.assign 을 사용하는 방법이 더 좋아보인다.
tsconfig options 설명글
- tsconfig 에서 사용 가능한 옵션들을 예시와 함께 설명한 글
peer dependency
- peer dependency 의 필요성
JS Array.every 가 빈 배열에 true 를 반환하는 이유

React 와 선언형 UI
- 선언형 UI 라이브러리로서의 React 에 대한 설명글
Hook 의 call index 방식을 사용하는 이유
- 다른 대안 (key 방식) 을 사용했을때 발생하는 이슈들을 분석해보고 call-index 방식이 주는 유연함을 설명해주는 글
Hook 의 등장배경
- Hook 으로 풀고자 했던 문제들을 소개하는 글
useState 가 올바른 renderer 와 동작하는 방법
- react 패키지와 react-renderer (react-dom, react-dom-server 등) 와 함께 동작하는 방식을 간단히 설명한 글 (의존성 주입)
웹의 발전사와 React 튜토리얼 시각화 자료
- 웹이 발전한 역사적인 배경을 러프하게 살펴보고 리액트의 기능과 동작 방식을 시각적으로 소개하는 자료
CSR, SSR, Server Component 에서의 React.Suspense
- 세 가지 아키텍쳐에서 사용되는 Suspense 활용법
children에 대한 글
- react 성능 최적화 시 고려해야할 children 사용법
Client 컴포넌트가 여전히 SSR 되는 이유
React에서 어댑터 패턴 사용하기
- API 응답과 컴포넌트 인터페이스 간의 간극을 해결하는 또다른 방법

합성 컴포넌트로 모달 구현하기
- 컴포넌트 재사용성을 위한 compound pattern 을 예시와 함께 설명한 글
프론트엔드 개발에서 SOLID 원칙이란?
- 프론트엔드 개발자의 관점에서 바라본 SOLID 원칙에 관한 글
- 실무에서 적용해봄직한 예제들로 SOLID 원칙을 소개한다.
widget driven development
- 컴포넌트를 설계할 때 시도해볼만한 구조
- data layer 를 분리하고 container 의 역할을 widget 에 위임한다. (widget 은 하위 presentation component 로 구성)
micro frontend 아키텍처
- micro frontend 구조에 대한 장단점
- SPA 에서 micro frontend 아키텍처를 코드레벨로 구현하는 예시와 함께 설명
polymorphic component
- 최신 디자인시스템 라이브러리에서 사용하고 있는 컴포넌트 디자인 패턴에 관한 글
headless 컴포넌트 패턴
- UI 와 로직 분리해서 재사용성 높이기
모던 JS 반응성 구현 패턴
클린코드 첫걸음
- 클린코드 실전 입문 글

좋은 transition 구현을 위한 10가지 팁
- UX 관점에서 좋은 transition 이란? 에 관한 내용을 주로 담고 있는 글
- transition 성능을 위한 팁들 (will-change 속성, layout 을 유발하는 속성 피하기) 도 알려준다.
styled-component 내부 동작 원리
- styled-component 가 각 컴포넌트마다 고유한 스타일을 할당하는 방법에 대한 소개글
border 동작이 헷갈릴 때 참고할만한 그림
- border 를 조작해서 여러 도형 만들기
img decoding 옵션 비교
- sync, async 옵션의 동작 방식에 대한 비교
- on-screen, off-screen, javascript 방식 여부에 따라 동작방식에 따른 취사 선택이 필요하다.

Avoid Nesting when you're Testing
- 과한 추상화, 중첩된 테스트 로직과 mutable variable 에 대한 경고와 대안들에 관한 글
- AHA 원칙 도 함께 읽어보자
테스트 전략
- 다양한 테스트 전략들을 소개하는 글
- 개인적으로 testing trophy 가 실용적으로 보인다.

당근페이 - 매일 배포하는 팀이 되는 여정, GitHub Flow
- 애자일 문화에서 GitHub Flow 도입에 관한 글
당근페이 - 매일 배포하는 팀이 되는 여정, Feature Toggle 활용하기
- Feature Toggle 로 유연한 배포 환경을 구축한 사례 분석글
git diff 에서 범위 연산차 .., ... 차이
- trunk 배포가 아닌 경우에 유의하자. 누락되는 diff 가 발생할 수 있다.

좋은 commit 메시지 남기기
- 의도와 side-effect, 접근 방법에 대해 서술하는 message body 와 50~78자 사이의 summary 를 제공하자

Provide feedback

Saved searches