멘토님께서 도움되는 말씀을 많이 해주셔서 정리해보고자 한다.
타입 스크립트 관련
-
취업 전 타입스크립트 공부하기
-
타입스크립트 props 자동완성, props 전달받을때 배열 표시
-
(data)=>data. 뒤에 뭐있는지 표시
-
점 찍었을때 나오면 객체 / map 안나오면 배열
-
라이브러리에서 쓸 수 있는 값을 표시해줌
ex) drawer (모달 기능 라이브러리) : open="" -
커맨드 누르면 anchor 안에 무슨 값을 넣는지 확인 가능
-
라이브러리 공식문서는 보통 깃허브에 있음. 타입스크립트로도 속성 확인 가능
-
리액트 사용 타입스크립트는 일주일 정도 공부하면 가능
-
자바스크립트 플젝을 본인이 맡은 부분만 타입스크립트로 리팩토링하는 경우도 있음
그 외
-
컴포넌트 폴더 분리하기
-
잘못된 url 리디렉션해주는 기능 등 라우터기능 한두가지 추가하기
-
어떤 상황에서도 웹 화면은 보여야함
api가 수정이 되거나, 프론트배포url는 있지만 서버가 닫히는 상황에서도 항상 동작해야함 -
데이터를 못받아오면 '글정보를 받아오지 못했습니다' 뜨게 하기
-
일부러 오타내서 404에러받아서 테스트하기
-
맵 돌릴때 && 연산자 많이 씀, 삼항 연산자 사용해서 에러 화면 구현
-
'작성하신 xx가 없습니다.' ==> 글보러가기, 글 작성하기 유도
-
리액트 단점이 데이터 받아오기전까지 화면이 비어있는 상태임
데이터 응답이 있어야 404에러도 뜸 -
로딩 상태에서는 div가 줄어들기도 하니, nightmare 과제로 빈공간에 로딩일때 빈 스켈레톤, 높이만 있는 div 띄워주면 좋긴한데 시간 많이 걸리긴함
-
리액트쿼리는 로딩상태를 구현해줘서 쉬움
-
axios는 로딩상태 일일히 해줘야하는데 귀찮음
-
로컬스토리지와 비교해서 리액트 쿠키가 좋음. 보통 만료기간 옵션 넣음
-
아이폰이 로컬스토리지,세션스토리지 둘 중 하나를 지원 안해서 쿠키 쓰는게 여러모로 좋음
-
mui에서 select 코드 그대로 쓰면 드롭메뉴 나옴
커스텀도 되서 배경, 간격 변경 가능
커스텀하는 건 how to mui custom 보면 나와있음 -
현업에서도 mui 많이 씀
사용자 조작이 좋고, hover 설정 다 돼있고,
잘못입력 시 에러창 띄우는 것, 별점 기능, 슬라이더 기능, 라디오그룹, 아바타, 모달, 페이지네이션 등 많음 -
백오피스 .. 회사내부시스템은 mui 구입해서 쓰기도 함 [7만원내면 평생 사용가능]
-
소셜로그인만 하는게 대세.. 피클플러스, 망고플레이스
