프론트엔드 관련 좋은 자료 아카이빙
- React.js
- Stop using “return null” in React
- 유용한 리액트 패턴 5가지
- 객체지향으로 리액트 고급 패턴 이해하기[Compound component & Render props]
- (번역) useMemo를 사용하는 것을 당장 멈추세요!
- 콘솔로그가 이상한건 setState가 비동기 함수여서가 아닙니다. (feat: fiber architecture)
- 라이브러리를 추상화해 의존성 낮추기
- 촉촉한 코드, 건조한 코드
- 가상 DOM: 블록으로 돌아가기 | bohyeon.dev
- [번역] React Query 적으로 사고하기
- react-window로 대형 리스트 가상화
- [번역] 리액트 동시성 이해하기
- Next.js
- (번역) Next.js의 app 디렉터리 아키텍처 이해하기
- 극한의 프론트엔드 성능최적화 1편 (Nextjs 13)
- Next.js 와 React Router로 싱글 페이지 애플리케이션 만들기
- 2023-06-13 Next.js 13의 서버는 한 개가 아니란다
- Next) 서버 컴포넌트(React Server Component)에 대한 고찰
- Javascript
- [번역] 지난 3년간의 모든 자바스크립트 및 타입스크립트 기능
- (번역) :불: 자바스크립트 메모리 관리: 일반적인 메모리 누수를 방지하고 성능을 개선하는 방법
- [JavaScript] 가비지 컬렉션(GC)
- [번역] ES2023에서 도입된 자바스크립트의 새로운 배열 복사 메서드
- (번역) StructuredClone API를 사용하여 객체를 깊은 복사하는 법
- [번역] “const”의 속임수
- (번역) 이벤트 루프를 차단하지 않기 위한 실용적인 가이드
- (번역) 미래지향적 웹사이트를 구축하는 여러분이 몰랐던 7가지 자바스크립트 웹 API :폭발하는_머리:
- Typescript
- HTML / CSS
- [CSS] 마진 상쇄(겹침) 현상 (Margin Collapsing) 해결하기
- 스텀 프로퍼티를 이용해 CSS 와 자바스크립트 간 데이터 공유하기
- (번역) 더 나은 CSS 트랜지션 및 애니매이션을 위한 10가지 팁
- Web(Browser)
- Security
- CS
- Frontend Trends
- Test
- Error Handling
- Micro Frontend
- App(IOS, Android)
- Etc