사이드 프로젝트 - Urkunde

리액트와 타입스크립트를 활용하고 싶었다.이 때까지 배운 라이브러리(recoil, styled-components, framer-motion, react-hook-form, react-query)들을 잘 활용해보고 싶었다.방학 기간동안 사이드 프로젝트를 한번 해봐야 겠다

Home 컴포넌트가 어느정도 끝났다. 네비게이션바도 일단 구현은 해놨는데 기능들 다 구현이 되면 모달창과 함께 수정해야겠다.NavBar는 화면 전환을 위한 달 아이콘, 모달로 이동하는 Info 아이콘이 있다.달 아이콘을 누르면 다른 아이콘으로 전환 되며 색상이 변경된다

사이드 프로젝트를 행동으로 옮긴지 3일이 지났다. 많이 어려울 줄 알았는데 생각보다 리액트 실력이 늘어가는게 눈에 보여서 흐뭇하다. 그래도 아직 100% 구현이 안된 기능들이 있어 나중에 얼추 완성되 갈때 쯤 리팩토링을 진행하려 한다. 폴더 구조도 좀 정리할 필요가 있

개발하기 전에는 몰랐던 것들이 하려고 보니 문제되는 것들이 몇 가지 생겼다. 그런 변경 점들을 혼자서 고민해서 변경사항을 만들어 내려고 하니 생각보다 머릿속에서 정리가 잘 되지 않았다. 이 참에 그런 것들을 여기에 풀어내는 것도 나쁘지 않겠다라는 생각이 들어서 적어보려

1. 슬라이더 구현 영상 첨부가 안되어 사진으로만 남기게 되었다.(추후에 GIF라도 되면 첨부해야지) 왼쪽 오른쪽 버튼을 누르게 되면 화면에 맞는 슬라이더를 구현하였다. 세부 설명 -> 전체 문제 중 현재 몇 번째 문제인지 알려주는 것으로 수정했다. 마지막 문제인

이번에 남은 사항들을 정리 했고 결과론 적으로 다 완성하긴 했다.코드 상으로 아쉬움이 있어 일단 배포 먼저 하고 시간 남을 때 천천히 리팩토링 하려한다.결과 화면은 최대한 심플하게 구성하였다.체크 페이지로 이동하기를 누르면 다시 체크 페이지로 이동한다.전체 문제 갯수에

1. 배포 문제 발생 업로드중.. gh-pages에 배포를 마쳤는데 새로고침 시 404에러가 발생하는 문제가 발생했다. routes.tsx에서는 react-router-dom이 지원하는 BrowserRouter를 사용했다. BrowserRouter는

스타일로는 컴포넌트 대로 분리를 했지만 비즈니스 로직이 분리되지 않아 후에 유지보수 하기 매우 불편할 거라고 생각했음또한, 기능별로 tsx or ts 파일로 추상화 하면 좀 더 보기 편한 구조가 될 거라고 생각그래서 각 도메인 별로 폴더를 구성 한 후 최대한 분리할 수

이번엔 check 컴포넌트에 대해 리팩토링 해보려 한다.전과 마찬가지로 비즈니스 로직이 있는 것들 위주로 진행하려 한다.뒤로가기 버튼, 차트, 문제 만들기 버튼, Weekly Check에 있는 Circle 컴포넌트를 분리한 후 하나의 컴포넌트로 결합하는 형태이다.cha

CreateQuestion.tsx각 기능(전체 문제 개수, 문제 생성 함수, 리셋 함수)들을 custom hook으로 분리하여 SRP를 지키고자 함느슨한 결합을 위해 Input, TextArea, QuestionNumber, CreateButton, ResetButto