FE개발 공부 시작: 23년 4월 10일

✏️TODO [✓] CS 강의 & 스터디 [ ] 리뷰 리스트페이지 [ ] 리뷰 수정페이지 [ ] 폴더구조 정리해서 깃헙 머지 ㄱㄱ [ ] 팀 코드리뷰 -7시반 키워드 픽 체크박스에 필요해서 어쩔수없이 카테고리별 state를 나열해놨는데 더 좋은 방법 있을지 여쭤보기 onSubmit에 preventDefault해놨는데도 입력폼에 엔터 갈기면 제출 되는 이슈 Next 이렇게 쓰면 되는건지 더 좋은 방법에 대해 문의 작성폼, 수정폼을 같은 컴포넌트 사용하는 방법에 대한 문서에 방법 헷갈리는 문의 (참고문서: https://tech.osci.kr/react-hook-form-series-3/) [ ] 리팩토링 - hook으로 기능분리, 합성 컴포넌트 적용해볼 수 있을까?, next 디자인패턴 참고할거있는지 찾아..

✏️TODO [✓] 기술면접 답변정리(~8번질문까지) & 기술면접 타임어택(2시) [✓] 영화 선택 기능 [ ] 리팩토링 - hook으로 기능분리, 합성 컴포넌트 적용해볼 수 있을까?, next 디자인패턴 참고할거있는지 찾아보고 적용 ㄱ [✓] 리뷰 읽기페이지 [✓] 리뷰 삭제기능 [ ] 코드리뷰 오늘은 꼭 받아라 진짜 .. 🤬🤬🤬오늘도 미루면 사람아님🤬🤬🤬

✏️TODO [✓] 임시저장 기능 [✓] 로그인 유저 정보 주스탠드로 받아오는게 안되는데 팀원분께 여쭤보고 수정. 유효성검사도 어떻게 처리하셨는지 같이 물어보기 [ ] supabase에 카테고리 데이터를 다차원 배열로 넣어보기 [ ] 작성폼 코드 리뷰 받기 [✓] 영화 선택부분 문의 -디자이너님과 상의 후 작업하기. 영화 선택 여부, 팝업 형태인지 여부, 로직이 서브페이지에서 작성하는게 아니라 마이페이지에서 작성하는게 맞는지 확인 [ ] 기술면접 어제꺼까지 총 4개 작성해야 됨 ㄷㄷ [✓] CS 강의 및 스터디(2시반) - CPU와 메모리 심화 다른 팀원의 코드를 이해할 수 있는 정도를 목표로 이쯤에 Next 공부를 꼼꼼히 하고 가야될 듯

✏️TODO [✓] 키워드 픽 리뷰(카테고리별 옵션 선택하여 리뷰) [✓] 해시태그 기능 [✓] 리뷰할 영화 정보 불러오기 [✓] 작성 시 유저 id 정보 넣어주기 [✓] 기술 멘토링 -저녁7시 [ ] 레이아웃 관련 기능(탭 메뉴 등) [ ] 임시저장 기능 기술 멘토링 내용 Zustand에서 스토리지에 유저 정보 저장 시 써드파티 라이브러리 사용 추천 persisting store data -> authentication에 많이 활용하는 미들웨어로 좀 더 대중적인 방법임 임시 저장 기능 역시 Zustand의 persisting store data 이용해서 세션스토리지에 저장 리믹스 프레임워크(넥스트 앱 라우터랑 비슷한 프레임워크). 쓰라는거 아니구 어떤거 설명해주시는 중간에 보여만 주신거 Next 서버액..

✏️TODO [✓] CS 1강 [ ] CS 복습 후 키워드식으로 정리해보기 (+중요한 부분도 정리) [✓] 기술면접 2개 작성 [✓] 달력 기능 -Datepicker 라이브러리 사용 [ ] 키워드픽 기능(카테고리별 옵션 선택하여 리뷰) [ ] 태그 기능 👀오늘의 회고..! 오늘 와이어프레임을 정리본 전달받아서 그걸 바탕으로 작업 재시작. 날짜 선택 기능이 생겼길래 Date picker 라이브러리 사용 Ant Design이 예뻐서 잠깐 고민했는데, 그냥 대중적으로 많이 쓰이는 Date picker 라이브러리로 사용하고 디자인은 나중에 custom하기로 결정 ㅇ ㅇ작성예정

남은 마지막 4주는 제일 중요한 기간. 최대한 집중해서 알차게 보내보자 ! 최종프로젝트 목표: ~25(금)까지 기본 기능 완성하기. 맡은 기능 끝내고나서 Next 꼼꼼히 정주행 21(월): 읽기 - 작성 기능 완성 & 피드백 받기 & 반영 22(화): 수정 - 삭제 기능 완성 & 피드백 받기 & 반영 23(수): Next.js 공식문서 정주행 + 다른 기능? 24(목)~ : 인강 밀린거 들으면서 해 + 다른 기능? 이제 매일 해야되는 거 CS: 저번주에 안했으니 이번주는 하루 1강씩 들어 기술 면접: 니도 저번주에 안했으니 이번주에 하루 2개씩 적어 TIL: TIL을 주간스케줄러 쓰듯이 이용ㄱ. 아침마다 9시~9시30분에 오늘 뭐할건지 하루치 스케줄러 작성하고 시작해라 ㄱㄱ 최종프로젝트: 위 일정 준수...

1. Facts (사실, 객관) 프로그래머스 1단계 코테 1문제(팀) & 스터디 프로그래머스 1단계 코테 2문제(개인) 공부 기록: 지난 프로젝트 회고록 작성, 클린코딩 특강내용 정리, 프로그래머스 문제풀이 헬스장 유산소 40분, 틈틈히 목 스트레칭 2. Feelings (느낌, 주관) 이번 주는 목이랑 허리 상태가 안좋아서 거의 공부를 못했다. 처음엔 목만 뻐근하다싶었는데 알아서 낫것지하고 방치하다가 이젠 움직이기도 힘들고, 허리두 아파서 최종 프로젝트 들어가기전에 나으려고 요 며칠 관리 빡세게 하는 중. 그래도 요 며칠 운동해주고, 스트레칭도 해주고, 실습 없이 듣기만 해도 되는건 최대한 누워서 듣는 식으로 신경 많이 써줬더니 단 며칠사이에 부쩍 좋아졌다! 이제 목도 좀 돌아가고 한결 나은듯. 이 컨..

1. Facts (사실, 객관) 프로그래머스 0단계 코테 1문제 & 팀 스터디 프로그래머스 1단계 코테 1문제 투두리스트 과제 Lv2에 추가로 리덕스 청크+타입스크립트 적용해 봄 리드미 문서 작성 선발수업: TypeScript Tips https://school.programmers.co.kr/learn/courses/30/lessons/181871 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr https://console-log.tistory.com/181 [프로그래머스 Lv. 1] 가운데 글자 가져오기 1. 문제 https://school.progra..

1. Facts (사실, 객관) 투두리스트 과제 Lv2 : 리덕스 툴킷+타입스크립트 최종 프로젝트 팀빌딩 발제 프로그래머스 0단계 코테 1문제 & 팀 스터디 프로그래머스 1단계 코테 1문제 클린코드 특강_2. 의미 있는 변수명 짓기 https://school.programmers.co.kr/learn/courses/30/lessons/181912 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr https://console-log.tistory.com/179 [프로그래머스 Lv. 1] 음양 더하기 1. 문제 https://school.programmers.c..

1. Facts(사실) 팀 프로젝트 제출 및 발표회 Typescript 문법 종합반 강의 완강 및 정리노트 작성 코딩애플 타입 스크립트 무료 부분만 강의 들음 코딩알려주는누나 리액트 타입스크립트 유튜브 강의 타입 스크립트 가이드 및 실습코드 투두리스트 과제 Lv1 : 타입스크립트를 이용해서 투두리스트 만들기 선발 수업: Zustand, jotai (상태관리 라이브러리) 프로그래머스 코테 0단계 & 팀 스터디 프로그래머스 코테 1단계 문제풀이 2. Feelings & Findings(느낌과 배운 점, 주관) 주말까지 달렸던 프로젝트를 월요일에 드디어 제출하고 발표까지 무사히 마쳤다..! 조장님께서 발표를 넘나 재밌게 진행해주셨음😺. 결과물을 보니 뿌듯하고 좋았다 ㅎㅎ Typescript 문법 종합반 강의를..