38) 마지막 수업

이희주·2022년 7월 1일
0
post-thumbnail

안정성 높이기

게시글 등록, 회원등록 등과 같은 api요청을 하게 될때, 등록 버튼을 여러번 누르게 된다면 의도치 않은 api 요청이 중복되어 실행된다.
api 중복 요청을 해결하는 방법은?

isSubmitting

const [isSubmitting, setIsSubmitting] = useState(false)

const onClickSubmit = async() => {
	setIsSubmitting(true)
	await createBoard ({
		variables: {
			writer,
			password,
			title,
			contents
		}
	})
	setIsSubmitting(false)
}

await에 포함되는 함수들은 Task/Que에서 작업을 수행하게 된다.
따라서 isSubmitting이라는 state값이 바뀌면서 렌더링이 진행되고, await 부분을 만나게 되면서 Task/Que에서 작업이 진행된 후에,
다시 isSubmitting 이라는 stater값이 바뀌면서 렌더링이 진행되게 된다.

실무형 알고리즘

날짜 입력하면 자동으로 . 붙고 지우면 자동으로 . 사라지게 하기 (5주차 고난도 2-3 참고)
체크박스 전체선택, 전체 선택해제, 개별선택으로 전체가 체크되면 전체선택 부분도 자동으로 체크되게 하기

React firebase 응용

을 응용해서 배열을 객체로 만들기

(클래스룸 24-Browser Storage 참고)

취업하기 위해서 !

  1. 반응형 디자인은 기본!
  2. UI 최대한 신경쓰기
  3. 모든 기능 구현하기 + 유저 편의성 추가구현
  4. 공통 컴포넌트 많이 만들기! 컴포넌트 재사용성 높이기
  5. 타입스크립트
  6. useCallback 적용하기
  7. SSR 적용해서 배포하기 (서버사이드 랜더링)
  8. 도메인 연결하기
  9. 프로젝트 핵심 유저플로우 gif로 만들기
  10. 경력 2~3년 차 위주로 지원하기

팀프로젝트를 통해서 !

git 협업 능력
빠른 기술 습득 능력
검색 능력
공식문서 리딩 능력 (설치, 세팅 부분이 핵심)
집요하게 해결하는 능력

검색하는 노하우
에러났을 때 : 에러나온 메세지 그대로 복사해서 구글에 붙여넣기하기

이력서 준비, 포트폴리오 업데이트, 깃이랑 블로그 정리

profile
어제보다 오늘 발전하는 프론트엔드 개발자

0개의 댓글