wumo 프로젝트를 진행하면서 고민했던 부분을 기록하고자 한다. wumo 서비스(06.23 현재 서버 종료): https://5yes-wumo.vercel.app/ wumo 깃헙: https://github.com/prgrms-web-devcourse/Team-5YES-WuMo-FE wumo 회고: https://yj-zero.tistory.com/176 react hook form에 가격 formetter 적용하기 사용금액 입력하는 부분에서 입력 즉시 포맷터를 적용해야 했다. 기존에 진행했던 방법은 react-hook-form고 별개로 state로 input을 관리하였다. 포맷터를 별도의 라이브러리가 아니라 자바스크립트에 내장되어 있는 Intl을 사용하였다. 따라서 포맷터를 적용한 입력값을 input의..
총 4주의 기간 동안 프론트엔드 4명, 백엔드 3명으로 프로젝트를 진행하였다. 처음으로 백엔드와 함께 협업을 하면서 배려하며 소통하는 방법, 백엔드와 협의해야 할 점들에 대해 배울 수 있었다. 기획부터 개발까지 진행하면서 어려웠던 점, 느낀 점들에 대해 정리하고자 한다. 📌서비스 소개 서비스 명: WuMo 해당 서비스는 가족, 친구와 함께 모임에 대해 일정을 만들어서 기록할 수 있는 서비스이다. 카톡방에서 약속, 모임에 대해 이야기할 때 모임 내용과 관련없는 이야기가 섞여서 필요한 장소나 정보에 대해 찾기가 어렵다고 느껴서 모임에 대한 내용을 정리하고 기록할 수 있는 서비스를 만들게 되었다. 📱배포 사이트: https://5yes-wumo.vercel.app/ 🛠️프로젝트 깃헙: https://githu..
총 2주 반 정도의 프로젝트 기간을 통해 '언성히어로'라는 서비스를 만들었다. 짧지만 기획부터 개발까지 진행하며 많은 것을 배울 수 있는 기간이었고 스스로에 대해서도 많이 깨달은 기간이었다. 그래서 프로젝트, 그리고 프로젝트 기간 동안 느낀 것들에 대해 간단히 정리하고자 한다. 서비스 소개 서비스 명: 언성히어로 해당 서비스는 '말 없는 아버지들의 고민 상담소' 라는 캐치프레이즈를 가지고, 많은 고민을 안고 살아가지만 쉽게 고민을 털어놓지 못하는 아버지들을 위한 자유로운 소통, 상담 그리고 위로받는 공간을 만들기 위해 기획하였다. 언성히어로는, 용기 있는 행동, 자기희생적 행동을 하여 훌륭한 업적을 달성했지만 유명하거나 알려지지 않은 사람’을 뜻하는 합성어 이런 뜻을 가지고 있다. 우리는 여기서 언제나 ..
데브코스 첫 번째 개인 프로젝트로 노션 클로닝 프로젝트를 진행했다. 바닐라 자바스크립트를 컴포넌트 방식으로 사용하였고 데브코스에서 제공하는 API를 활용하여 서버에 데이터를 저장하고 불러와서 구현하는 것이었다. 💥결과물 💭기본 요구사항 바닐라 JS 사용 글 단위를 Document Document는 하위 Document를 포함할 수 있다. 화면 좌측에 Root Documents를 불러오는 API를 통해 루트 Documents를 렌더링한다. Root Document를 클릭하면 오른쪽 편집기 영역에 해당 Document의 Content를 렌더링한다. 해당 Root Document에 하위 Document가 있는 경우, 해당 Document 아래에 트리 형태로 렌더링한다. Document Tree에서 각 Docu..
