Tips notion 에 github 잔디 연동하기( pdf 로 내려받으면 이미지로 보이지 않기 때문에, 연동 후 이미지로 저장하여 붙여 넣는 것이 더 낫다 ) 참고 블로그 Redux 에서 React-query 로 옮겨간 기업들 기술 블로그 >카카오톡 https://

CSS 글자 색상에 black 사용은 지양해라 브랜드 컬러코드 조합 참고해서 써라(좋은 예, 애플) https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ Adobe

Tips 폴더 depth 는 깊어져도 된다. 쓰는 곳, 횟수에 따라 구조를 잘 짜는 게 더 중요. 웹팩은 사이즈를 줄이기 위해 함수 이름을 임의로 변경한다. js 에서 1000000 을 1000_000 으로 적어도 같다고 인식함. HTML onClick 이벤트 적용된

라이브러리를 뜯어보는 공부가 정말 많이 도움 된다.디자인을 단순히 보기만 하지 말고, 어떤 색이 메인이고, 몇 개의 색이 쓰였고, 어떤 식으로 컴포넌트를 나눴구나, 생각하면서 보면 감각을 익히기에 좋을 것.Emotion 이 SSR 지원 측면에서 Styled-Compon

Tips API 가 구리게 와도 코드가 구려지면 안됨! API 명세와 데이터 타입이 맞지 않는 경우는 매우 흔한 일이다 폴더 구조는 팀 마다, 회사 마다 기준이 다름. 현재는 본인의 기준을 세울 수 있으면 된다. import 정렬 기준 >맨 위: node_modules

e.target 은 클릭한 자식 요소를 반환하지만, e.currentTarget 은 이벤트가 부착된 부모 핸들러를 반환한다. 후자를 쓰는 것이 좋다. 공식 문서에도 나와 있다.

Styled-Components 장단점을 정리하다가, CSS의 문제점부터 한번 다시 정리해보는 게 좋을 것 같아서 글을 쓴다 🌷

리액트로 card maker를 만드는 프로젝트를 하고 있는데, 카드 양식으로 쓸 표를 만들어야 했다. 두 가지 방법으로 시도해 보았다.

드림코딩 by 엘리님 유튜브 강의를 보고, 다시 찾아보지 않기 위해 정리했다.