주말 과제 : mingo 클론 과제

레퍼런스

나의 클론

과제 학습을 통해 얻은 것

1. 카카오페이지 클론 프로젝트 코드 리뷰에서 지적 받은 컴포넌트를 좀 더 효율적으로 사용하였다
2. 프론트엔드 레이아웃을 보는 눈이 생겼고, TailwindCSS에 조금 익숙해지면서 원하는 코드 찾는 속도가 빨라졌다.

새로 진행한 작업

한 주 내내 react, tailwind, zustand, supabase, 소셜 로그인을 기존 작업물에 덧붙였다.

고민했던 것

제목, 카테고리, 썸네일, 사진 및 파일을 넣을 수 있는 게시글을 supabase에 업로드 하는 프론트 페이지 작성 중 제목, 게시물 등의 자료를 useState와 onChange를 사용하면 타이핑을 한 자 한 자 칠 때마다 메모리를 사용하는 것이 마음에 들지 않았다. 대신 발행하기 버튼의 onClick 이벤트를 통해 단 한 번 value를 받고자 useRef를 사용하여 value들을 받아 supabase에 업로드 하였다. 허나 강사님 피드백 결과 useRef는 주로 html element를 참조하는 용도로 자주 사용되기에 코드가 비 직관적이고, 해당 경우엔 useMemo를 사용했으면 의도에도 맞고 명시적으로 이해하기 쉬운 코드가 되었을 것이라고 조언해주셨다. 허나 onChange 이벤트를 수시로 일어나지 않는 의도로 작성한 좋은 코드라는 피드백까지 받았다.

그 외 새로 배운 것

• Local Storage, Session Storage, Cookies, Zustand를 사용한 로그인 데이터 유지 관리
• 소셜 로그인

——————————————————————————
본 후기는 [한글과컴퓨터x한국생산성본부x스나이퍼팩토리] 한컴 AI 아카데미 2기 (B-log) 리뷰로 작성 되었습니다.

#한컴AI아카데미2기 #AI개발자 #AI개발자교육 #한글과컴퓨터 #한국생산성본부 #스나이퍼팩토리 #부트캠프 #AI전문가양성 #개발자교육 #개발자취업