Intro
검색이 잘 되는 사람이 되어야한다.
실력보다 중요한 것은 사람들 눈에 띄는 것이다.
이력서를 각종 채용사이트에 잘 올려두고 기회가 왔을 때 기회를 잘 잡아라.
코드리뷰 中 기억할 내용
-
컴포넌트 안에 쓰이는 메서드들의 이름에 통일성을 준다. 한눈에 보기 쉬움
ex) handleEmailClick, handleFilterMenu
change, click 이벤트의 콜백함수들은 'handler'로 시작하도록 명명한다. -
style 문법은 string 이기 때문에 {
${ }} 이중으로 씌워줄 필요 없다. -
반복문 만들 때 key 값으로 index 를 바로 넣지 않는다. 반복문이 중복되었을 때 예상치 못한 에러가 발생할 수 있다. 키의 값을 가공해서 넣어주는 것이 좋다.
index 를 넣으려면const key = placeholder-text${i};위와 같이 문자열과 섞어서 만든다.
-
돔을 직접 조작하면 에러가 나기 쉽다. (특히 querySelector 는 리액트에서 사용을 지양한다.) 직접 돔에 접근해서 값을 바꾸지 않도록 한다.
-
ref 는 요소의 가로, 세로 치수를 구하거나 ui 작업이 필요할 때 쓴다.
-
삼항연산자는 cx 로 리팩토링 해보자.
-
이메일 정규식 뒤에 {2,3}가 있으면 문제가 됨
mire.lerete.info 와 같은 메일주소도 있으니, 이메일은 정규표현식이 간단할 수록 좋다.
-> w3c 참고하기 -
기존 값을 이용해서 state를 업데이트 할 경우 prevState 이용하기
-
CSS 선택자로 id 쓰지 말자. 조작하겠다는 의도가 있을때만 쓸것
-
꼭 필요한 이미지들은 public 이 아니라 src 에 넣어야 한다.
-
svg 는 리액트 컴포넌트로 불러오자. 튜닝해서 쓰는 것이 가능해짐
-
외부 클릭 닫기 : useClickOutside hook 참고 --> react-use 라이브러리 이용해보기
-
이미지 용량은 1MG 가 넘지 않도록 주의한다.
-
z-index 는 scss 로 모아서 관리하면 좋다.
