총 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..
이전에 진행했던 노마드 코더 바닐라 JS를 통해 배운 To Do List에 기능을 추가하여 사이트를 만들었습니다. To Do List를 메인으로 계산기, 이미지 슬라이드, 캘린더 기능을 추가하였고 모두 바닐라 JS로 구현하였습니다. 캘린더는 fullcalendar 라이브러리를 사용하였습니다. netlify를 통해 호스팅한 사이트의 주소입니다. Document (to-do-site-jy.netlify.app) Document 0 0 7 8 9 C 4 5 6 ÷ 1 2 3 × +/- 0 . - = + ❮ ❯ to-do-site-jy.netlify.app 디자인 사이트를 만들기 전에 피그마를 통해 대략적인 디자인을 계획하였습니다. 로그인 화면 저장된 사용자의 정보가 없을 땐 로그인 화면이 나타납니다. 입력 칸..
이전 블로그에서 2022.06.22에 작성한 포스팅입니다. 노마드 코딩의 바닐라 JS 2주 챌린지가 끝났다! 이렇게 순식간에 끝나다니... 무료 강의였음에도 불고하고 이번 챌린지와 강의를 통해 감을 잡아갈 수 있어서 좋았다. 졸업작품으로 강의에서 배운 to do List 사이트를 만들어야 했다. 만들고 싶은 테마랑 기능들이 있어서 다 구상해놨는데 어쩌다보니 코테 준비하는 기간이랑 겹쳐버려서 기존에 만들어놨던 거를 좀 더 수정해서 냈다 ㅠ 시간을 내면 낼 수 있었을 텐데 아쉽다. 그래도 구상해뒀던 건 틈틈이 만들어서 포폴에 넣을 예정이다! 그리고 졸업 작품을 git.io로 냈어야 해서 그냥 기계적으로 git에 알고리즘만 올리다가 처음으로 제대로 사용해봤다. (git 강의도 들어야돼..) 그래서 그것도 ..
