오늘의 Tips
-
lazy loading은
react-lodable을 추천하셨다. -
render 단에서는 map을 쓰지말고 컴포넌트로 만들어서 useMomo로 감싼 후 넣자.
-
삼항 연산자도 render단에 쓰지말자. => 가독성이 떨어진다.
-
useMemo나 useCallback을 쓰는 이유는 deps를 최소화 하기 위해 습관 처럼 쓰면 도움이 될 수 있다.
-
useMomo나 memo, useCallback은 최적화를 망칠 수도 있다.
-
props는 3~4개를 넘기지 않도록 잘게 짜르자.
-
오픈 소스
star가 많은데 에러가 나면 내 잘못이다. -
컴포넌트 아토믹 구조와 클린 코드 및 클린 스트럭쳐를 열심히 공부하자.
-
시간이 없어서 그렇게 짰다는 핑계는 안된다. 잘게 나누자.
-
icon 보다는 svg를 사용하자. 보통은 디자이너 분들이 준다.
-
기업들이 어떤걸 만들고 싶어하는지를 생각해보자.
ex) 장바구니 기능 좋아야 기능 등이 필요할 것이기 때문에
-
테마 컬러는 5~6개만 쓰는 구나.
-
emotion은 ssr에 장점이 있기 때문에 함께 쓰면 좋다.
-
기준이 명확하면 css module이나 css in js를 함께 써도 상관이 없다.
-
폴더 구조를 잘 지키자.
-
state는 변수명으로 활용 X
-
type script union type
-
array인지를 판단하고 싶다면 lodash의 isArray를 사용하자
-
next에 욕심내지말자.
-
주석은 자기가 코드를 못짠거에 대한 핑계다.
-
favicon & app icon generator
-
/* [if IE] //관련 내용넣기 */ [endif] -
구글 애너러틱스 기본 : 이벤트 때마다 ga 토큰 보내게 설정하기
오늘도 머리에 넣을 지식이 너무 많다...
