하루에 5분만 꾸준히 기록 해 두면, 이력서 작성을 위해 고민하는 20시간을 절약할 수 있어요!
Table
주차별
대분류
소분류
Search
대분류
5분 기록
소분류
기록일자
일정 분류
메모/생각정리
프로젝트 기획
2024/03/26 14:00
1주차
기술적 의사결정
프로젝트 기획
2024/03/27 14:52
1주차
기술적 의사결정
와이어프레임을 보완하며 페이지 구성을 함께 살펴보고 누락되거나 잘못된 내용을 수정했다. 퀴즈 만들기 기능에서 필요한 데이터의 흐름을 함께 짚어보며 db erd를 작성했다. 본격적인 개발에 앞서 github, supabase, jira를 셋팅했고 커밋룰, issue/pr 템플릿을 작성했다.
Open
프로젝트 기획
2024/03/28 14:24
1주차
기술적 의사결정
supabase 데이터 간 더욱 긴밀하게 연결되도록 ERD Diagram을 수정했다. 예상 개발 시간을 확인하고, 스케줄 조정을 했다. 팀원과 논의하여 기능별 분업하고 깃허브와 프로젝트 초기 셋팅을 마쳤다. 이제 개발 준비 끝!
Open
프로젝트 기획
2024/03/29 12:42
1주차
기능 구현
PageUp공통 컴포넌트 구현, 퀴즈만들기 에디터 페이지에서 quiz/question 렌더링을 하기 위한 타입을 정의했다. 에디터 페이지 특성상 여러 복잡한 상태를 컴포넌트 간에 전달하고 또 전달받아 supabase에 insert 해야하는데 너무 어렵게 느껴진다. supabase insert 함수와 mutation을 작성하던 중에 정신이 자꾸만 흐려졌다… 눈앞이 깜깜해졌다.
Open
퀴즈만들기 에디터
CRUD
2024/04/01 13:51
2주차
기능 구현
첨부 이미지를 supabase storage에 업로드하고, 받아온 url을 활용하여 newQuiz 항목을 quizzes 테이블에 insert할 수 있도록 구현했다. 이 때 테이블 policy 설정과 primary key 생성에 대해 살펴볼 수 있었다. 이제 각 input에 입력된 questions, options 값들로 데이터를 구성하여 각 테이블에 업로드하는 로직을 완성하면 대강 퀴즈 에디터 페이지는 정리가 될 것 같다. Header & Footer 컴포넌트의 대략적인 UI를 잡아보았다. 이번 프로젝트에는 공통 컴포넌트를 십분 활용할 수 있으면 좋겠다.
Open
퀴즈만들기 에디터
그외 기타..
2024/04/02 13:50
2주차
기능 구현
Header와 Footer 스타일을 조정하고 quiz-list 페이지 간략한 레이아웃을 미리 잡아두었다. quiz-form에서 ‘등록하기’ 버튼 클릭 시 5개의api(스토리지 버킷2개, 테이블3개)와 3개의 mutation이 실행되어야 하는데…ㅎ 각각의 코드를 구성하는 것과 실행 순서에 대해 곰곰이 생각해보았다. mutation을 별도의 훅으로 분리했다. quiz-form에서 받아온 데이터를 어떻게 잘 upload/insert할 수 있을지 고민하고 있다.
Open
퀴즈만들기 에디터
CRUD
퀴즈리스트 페이지
2024/04/03 13:41
2주차
기능 구현
기존에 select 태그로 임시 구현해 놓았던 난이도 선택 부분을 버튼을 숨긴 라디오 인풋으로 수정하여 UI를 개선했고, 선택된 값이 있는지 여부에 따라 조건부 스타일링을 해주었다. 다른 페이지에서도 쓸 수 있도록 공통 버튼 컴포넌트를 구현해 두었다. 그리고 나서는 하루종일 퀴즈 등록하기 코드를 짰다. 여러 개의 동적으로 나타났다 사라졌다 하는 input에 값이 있을 수도 있고 없을 수도 있어서 이걸 적절한 storage와 table에 집어넣는 것이 쉽지만은 않다.
Open
퀴즈만들기 에디터
그외 기타..
2024/04/04 15:49
2주차
기능 구현
퀴즈리스트 페이지
2024/04/08 14:01
2주차
기타사항
모의면접 준비
2024/04/08 14:02
2주차
기능 구현
퀴즈리스트 페이지
2024/04/08 14:02
3주차
트러블슈팅
퀴즈만들기 에디터
2024/04/08 14:02
3주차
기능 구현
퀴즈만들기 에디터
2024/04/08 14:03
3주차
기능 구현
첨부한 썸네일/퀴즈 이미지 삭제하기 기능을 구현했다. 이미지가 첨부되면 이미지 위에 닫기 버튼을 겹쳐 표시하고, 버튼 클릭 시 관련 state를 모두 초기화하여 값을 비워주는 것으로 구현했다.
Open
퀴즈만들기 에디터
2024/04/09 14:05
3주차
리팩토링/구조화
퀴즈만들기 에디터
2024/04/09 14:06
3주차
기능 구현
supabase 테이블에서 각종 데이터를 불러와서 페이지에 출력하도록 구현했다. 특히 ‘프로필 수정’ 모달창을 띄워 기존의 프로필 이미지와 닉네임을 불러온 다음 수정하여 업데이트 하도록 구현했다.
Open
프로필 페이지
2024/04/11 14:23
3주차
트러블슈팅
언제부턴가 useEffect로 비동기 데이터를 불러와 로컬 상태에 저장해두는 식으로 구현하고 있다가 어느 순간 정신이 퍼뜩 들어서 useQuery를 사용하여 서버 상태로 관리하는 걸로 리팩토링했다. useQuery - mutation - clickHandler 세가지를 넘나드는 서버 상태 관리에 조금씩 익숙해지는 것 같다.
Open
프로필 페이지
공통 컴포넌트
2024/04/11 14:23
3주차
CSS
프로필 이미지를 원 모양으로 스타일링하고 있는데, 이미지 비율이 깨지지 않도록 수정했다. 또한 디자이너님으로부터 이미지 소재를 일부 전달받아 필요한 곳에 적용하고, 메인페이지, 헤더, 퀴즈 리스트 페이지의 전체적인 스타일을 조정했다.
Open
그외 기타..
2024/04/12 15:56
3주차
리팩토링/구조화
profile 페이지에서 useEffect로 비동기 데이터를 가져와 state로 관리하면서 비동기 상태 관리가 상당히 불안정했는데, useQuery로 서버 상태화 했다. 또한 서버 상태가 loadinng, error 상태인 경우 적절한 return 처리를 하지 않아서 페이지가 망가졌던 이슈를 해결했다.
Open
프로필 페이지
2024/04/12 18:36
3주차
중간발표
중간발표를 하고 튜터님으로부터 피드백을 받고 팀원들이랑 회고하는 시간을 가졌다. 사용자에게 더 나은 UX를 제공할 수 있는 더 좋은 서비스를 만들기 위해 오늘 피드백과 회고 내용을 기반으로 남은 시간동안 지치지말고 더 노력해야겠다
Open
중간발표
2024/04/15 13:23
4주차
기능 구현
로그인한 사용자가 만든 퀴즈인 경우 삭제하기 버튼을 출력하고, 클릭 시 해당 퀴즈를 삭제하는 기능을 구현했다. supabase에서 sql로 외래키 설정을 넣어두어 quizzes 테이블에서 항목을 삭제하는 것만으로도 연결된 questions와 options가 함께 정상적으로 삭제된다.
Open
CRUD
퀴즈만들기 에디터
2024/04/15 13:24
4주차
기술적 의사결정
MVP는 남아있는 부분, 보완할 부분을 제외하면 거의 구현 완료되어 초기 기획 때 ‘여유가 되면 해보는’ 걸로 보류해뒀던 추가 기능들을 그냥 해보기로 의사결정 하고, 함께 논의하여 분업했다.
Open
추가기능
2024/04/16 15:01
4주차
Load more
5분 기록 보드 사용법
1.
새로 만들기를 누르면 기록 일자에 현재 시각이 자동으로 찍힙니다. 누르기만 하세요!
2.
다음으로 대분류를 체크해 주세요. 대분류는 반드시 하나만 기록합니다.
3.
이제, 5분 기록 내용을 채워주세요. 자세히 쓰지 않아도 됩니다. 오늘 무엇을 했는지 1~3줄만 써 주세요.
•
만약 테스트 같은 것을 했다거나, 오류 등을 수정했다면, 나중에 기억할 수 있게 사진 정도만 캡쳐해서 담아두세요.
4.
다 쓰고 나서, 소분류를 채워주세요. 소분류는 여러개 체크해도 괜찮습니다.
5.
일정 분류는 이번주에 무엇을 했는지 표시하는 용도입니다. 이렇게 작성하면 5분 기록 완료!
주차별 보기
대분류 보기
소분류 보기
‘5분 기록 보드’ - 이렇게 쓰세요!
Copyright 2024. ⓒ TeamSparta All rights reserved.