달리 2팀의 많은 시행착오 끝에 배웠던 소중한 과정들을 기록하는 공간입니다 🌈
TWL
번들 사이즈 최적화 1편: 번들 사이즈 분석 도구 설치하기
webpack
최적화
Git 리모트 저장소 이름 변경하기
github
Git
해결 여부
redirect 없이 새로고침 시 기존 페이지 유지하기
React
이슈
LifeCycle
해결 여부
inline style 적용 시 기존 스타일 미적용 문제
React
이슈
해결 여부
Git에서 커밋 합치기
github
이슈
해결 여부
Git에서 push된 Merge 취소하기
github
이슈
해결 여부
릴리즈 버전 관리 (feat. git tag)
github
배포
해결 여부
배포 매뉴얼
github
배포
해결 여부
정사각형 이미지 갤러리 만들기 (feat. flex)
CSS
CSS 스타일링
해결 여부
Netlify에 SPA 앱 배포하기 (with webpack)
Netlify
배포
해결 여부
CSS in JS vs props 변경으로 인한 리렌더링, 어느 것이 우선할까?
React
Component
stylelint 확장자 lint 검사 오류
Stylelint
이슈
개발 환경 세팅
린터 및 포맷터
해결 여부
Git merge 후 우리가 해야 할 일
github
협업
이슈
해결 여부
깃
rebase 충돌이 발생할 때github
협업
이슈
해결 여부
ReactDOM: Render Method vs CreatePortal Method
React
Event
LifeCycle
Component
이슈
해결 여부
component unmounted CleanUp Issue
React
이슈
Event
Component
LifeCycle
해결 여부
스타일린트에서 자동 fix가 되지 않는 현상
Stylelint
린터 및 포맷터
JSON.parse 구문 해석 오류
JavaScript
이슈
JSON
해결 여부
Cross-Origin Error Thrown
React
이슈
해결 여부
마운트 될 때 업데이트 되지 않은 props의 key에 접근하는 오류 해결하기
React
해결 여부
React에서 리렌더링을 하는 조건
React
해결 여부
Input 입력시마다 Focus out 되는 현상
React
해결 여부
이벤트 위임을 활용한 효과적인 토글 방식
JavaScript
Event
해결 여부
효과적으로 스타일링 하는 법
CSS
CSS 스타일링
해결 여부
emotion 문법 오류
Emotion
이슈
ESLint와 StyleLint 충돌 해결하기
ESLint
협업
이슈
린터 및 포맷터
개발 환경 세팅
해결 여부
[WIP] 리액트 개발환경 설정하기
React
라우팅 처리로 인해 언마운트 컴포넌트의 상태를 업데이트 하지 못하는 문제
React
해결 여부
from 'react-router' eslint 오류
React
ESLint
린터 및 포맷터
해결 여부
Mouse Event에 따른 메뉴 렌더링하기
React
Event
해결 여부
Storybook Emotion11 충돌 오류
Storybook
이슈
해결 여부
슬랙 채널에 Github repository 연결하기
github
협업
해결 여부
ESLint 8.0.1 + Airbnb rule 설치 Issue
ESLint
린터 및 포맷터
해결 여부
Github PR merge 전략 중 Squash and Merge가 좋은 전략인가
github
협업
해결 여부
Github Actions를 사용하여 CI 설정하기
github
개발 환경 세팅
해결 여부
Why style-loader used in webpack5 development mode
webpack
개발 환경 세팅
해결 여부
Don't use file-loader in webpack5
webpack
개발 환경 세팅
해결 여부
Plugins[0][1] must be an object, false, or undefined
webpack
개발 환경 세팅
이슈
해결 여부
@babel/polyfill
webpack
개발 환경 세팅
해결 여부
이미지 미리보기 구현
React
이슈
해결 여부