\(@^0^@)/

✨ 삼항 연산자는 만능이 아니다 중첩 삼항 연산자는 파악이 힘듦. 삼항 연산자의 요소가 길어질 때는 &&도 되지 않을까 한번 더 생각하자. 삼항 연산자가 false일때 null 이면 항상 &&연산자를 생각해보거나, 어쩌면 조건부 렌더링조차 필요 없을 수도 있다. 출처 : 프리온보딩 세션 🔑 useState 과도하게 사용하지 않기 1. state가 props를 통해 부모로부터 전달된다면 2. 시간이 지나도 변하지 않는다면 3. 컴포넌트의 다른 state 또는 props를 기반으로 계산할 수 있다면 state가 아니다. 참고 : https://www.zigae.com/useState-dont-over/ 📷 useMemo useMemo는 함수의 값을 pass useMemo를 자식 컴포넌트에 props로 넘겨서..

두 번째 과제는 주어진 사이트의 관리자용 상품 페이지를 제작하는 것. 아무래도 페이지를 제작하는 것이다 보니, 해야 될 마크업이 상당해서 2일로는 벅찬 과제였다ㅠ.ㅠ 회고 순서는 1. 이번 과제를 통해 새로 알게 된 기능들과 코드를 정리하고 2. 개인적으로 리팩터링 하고 싶은 부분들과 리팩터링 후 새로 알게 된 기술들 💎 작업을 위해 고려했던 사항들 1. mui 달력 라이브러리 사용 2. 카테고리 리스팅 ( 체크박스를 선택 시 오른쪽에 선택된 카테고리만 따로 리스팅 됨) 3. 이미지 업로드 (1, 업로드 시 이미지 프리뷰 2. 업로드 시 이미지 타이틀들을 보여 줌) 4. 필터 태그 검색 ( 검색창 포커스 시 모든 필터태그 제공, 검색 시 검색 결과 제공) 1. mui 달력 라이브러리 사용 Material..

두번째 과제에서 MUI의 달력 라이브러리를 사용하면서 style을 주려했는데, 인라인 css로 스타일을 적용해봤지만 적용이 되지 않아서 이리저리 찾아보다가 발견한 mui에서 style을 적용하는 법을 메모해두려함 1. 왼쪽의 빨간네모박스의 @emotion/styled 와 material-ui 를 설치 2. 컴포넌트에서 makeStyles를 import 3. 해당 mui 컴포넌트 코드 밖에서 makeStyles 함수를 생성하여 그 안에 적용할 스타일들을 작성하고 4. classes라는 변수로 그 함수를 컴포넌트 안으로 불러온다. 5. 스타일을 적용하고 싶은 섹션에 넣어주면 끝! MUI : https://mui.com/components/date-range-picker/ 참고 : https://github...