🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 이제는 + 모양 버튼을 누르면 리스트가 추가되어야 한다. 이것도 김다정님의 책을 참고해서 일부분 변형해서 구현해보려고 한다. 지금 문제는 원래 todomate의 추가 버튼이 상단 바 오른쪽에 있어서 나도 그렇게 만들어야 한다면, route 별로 BasicNavBar가 다르게 보일 수 있도록 해야하는건지, 아니면 그냥 화면에 구현하고 위치만 상단으로 옮겨놔도 되는지 이다. 고민하다가 일단 버튼을 만들어서 상단에 올려놓고, 나중에 조건문을 쓰던 뭘 하던 해야겠다고 생각... 1. Todo를 추가하는 컴포넌트 만들..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 이제 즐거운 마크업 시간은 가고 진짜 기능들을 구현해놔야 하는 시점이 된 것 같다. 이제 Main의 Feed 부분을 만들어야 하는데, 이 Feed는 Goal(목표)의 하위에 들어가는 todo를 입력하고, 관리하는 부분이라 Goal 페이지 먼저 만들어야 한다는 사실을 깨달았다. 이런 순서도 없이 마구잡이로 만드려고 하니 오히려 내 Todo가 정리가 안되는 느낌이다. 그래서 회피로 가득차는 바람에 어제도 조금 코드를 건드렸지만 기록을 남기지 못해서 오늘 몰아서 기록한다. 우선 주말 계획은 Goals ▶ Feed ..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 오늘의 할 일은 Explore의 달력부분을 만드는 일이다. 달력의 경우 NHN TOAST에서 제공하는 Calendar UI 라이브러리를 사용하기로 하였다. 그래서 TOAST의 공식문서에서 적용방법을 따라해본다. 1. 설치 npm 이나 bower, CDN을 통해 라이브러리를 이용할 수 있다. 리액트 프로젝트이기 때문에 간편한 CDN 보다는 npm을 통해 패키지를 설치하자. npm install --save @toast-ui/react-calendar 2. Calendar 패키지와 CSS를 import 해온다. ..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 MainNavBar의 Drawer 메뉴를 만들었으니, 이제 Content 부분의 여러 기능들을 해결해봐야겠다. 이번주는 캘린더와..... ..... 투두.... Feed 부분을.... Explore → Feed 순으로 작업하려고 한다. MUI는 진심으로 미쳤다. 이 부분에 쓸 컴포넌트도 이미 만들어져 있다. 바로 Avatar다. 이 Avatar 컴포넌트에서 Letter Avatar 컴포넌트를 사용해본다. 캘린더 상단의 저 부분은 내가 팔로우한 사람의 닉네임의 앞글자가 표시되는 곳이다. Avatar 패키지를 i..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 아까까지 작성한 글을 전부 날리고 슬픔에 휩싸였다. 지금까지 한 것은 저번에 만든 회원가입, 로그인 버튼에 이동 하는 기능을 연결하는 것이다. 간단하게 라우터를 이용하면 쉽게 해결할 수 있을 줄 알았는데, button에 onClick으로 이벤트를 생성하려고 했더니 Link to 로는 안된다고 해서 useHistory를 이용하고 있었다. 우선 라우터를 사용해야 하는데 이 부분은 별도로 설명을 하지 않고 (썼는데 날라가서 의욕 잃음) 참고했던 블로그의 주소를 첨부한다. 가장 중요한건 useHistory를 사용하려..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 와 .. PR이라니 내가...개발자가 되고도 버전관리가 전혀 안되는 서비스에 있다 보니 깃헙을 더 연습할 길이 없었는데 사이드 프로젝트를 통해 감사하게도 깃헙도 연습할 기회가 생겼다. 이번주차의 목표는 - [프론트] 레포지토리 생성해서 공유하기 - [모두] 각자 개발할 기능 정해서 구현 후 풀리퀘 올리기 이렇게 두 가지였는데 프론트 레포지토리는 내거 생성한거로 우선 전달하면 될 것 같고, 어제 만든 화면을 풀리퀘..? 해보는 것을 오늘 해보려고 한다! 오메 떨려 내가 참고한 글은 아래 블로그인데 국비학원에서 ..