[원티드] 1일차 TIL

리뷰 세션

내 코드를 포함한 다양한 사람들의 코드 리뷰를 통해...

👉 e.target 말고 e.currentTarget
👉 이메일 정규식은 w3c 표준에서 긁어오기
👉 css선택자 id사용 금지
👉 onChange 등 안에다가 함수 길게 쓰지 말고 밖에다가
따로 정의하기
👉 필수로 사용하는 이미지(아이콘 이미지 등) public말고 src에 보관
👉 svg사용시 ReactComponent as 로 가져오면 클래스 네임 변경가능
👉 stroke를 통해 색깔 상속
👉 transition 빨라 보이려면 0.2
👉 useOnClickOutSide 이용해서 외부 클릭 시 창 닫힘 구현
react-use라이브러리 → useClickAway, useMount, useUnmount, useTitle
👉  드롭다운 onchange에 useEffect필요없음
👉 onBlur 삼항 연사자 더러움
👉 classNames 이용해서 삼항연산자 지저분한거 없애주기

강의

평상시 scss를 사용하고 있었으나 혼자 공부할때 작성하던 코드는 그렇게 길지 않아 mixin이나 include 사용을 하지 않고 있었는데 확실히 규모가 커지면 굉장히 유용하므로 습관적으로 적극적인 채용을 하고자 한다.

@mixin rounded($radius: 10px) {
	border-radius: $radius;
}

.box-wrap {
	@include rounded();
}

.menu-box-wrap{
	@include rounded(5px);
}

재사용성이 높아지므로 규모가 커질수록 유용할 것 같다.

👉  반응형 짤 때 작은 사이즈부터 작성해 나가기