my dev diary

목차 프로젝트 개요 사용 기술과 선정 이유 와이어프레임 API 명세 프로젝트 개요 프로젝트 명 Codegg 프로젝트 소개 본 프로젝트는 다양한 개발자들이 모여 지식과 경험을 공유하고, 소모임을 형성하며 함께 성장할 수 있는 공간을 제공하는 것을 목표함과 동시에 사용자들의 참여와 기여에 따라 포인트를 적립하고 보상하는 제도를 도입하여 더욱 활발한 활동을 유도함 주요 서비스 개발자들이 원활한 정보공유 및 의사소통을 할 수 있는 온라인 공간 제공 타깃 처음 입문하거나 개발과 관련해서 정보를 찾는 것에 있어 어려움을 겪는 개발자 정보를 제공하거나 공유하고 싶어 하는 시니어 개발자 함께 개발/스터디/프로젝트할 인원을 모으고 싶어 하는 사람들 기대효과 이 사이트에서 대화나 질문 및 답변을 통해 정보의 접근성을 높일..

WIL 2023. 8. 20.

프로젝트 개요 프로젝트 명 Cheers 주요 서비스 칵테일 레시피 검색 및 공유 서비스 KPT 회고 Keep 유지할 점 팀원들과 상시 소통이 잘 되었던 것, 문제가 있으면 바로바로 대화하며 해결할 수 있었음 팀원 모두가 각자 맡은 역할은 책임감 있게 마무리하려고 노력해서 원활하게 프로젝트를 마무리한 것 문제 해결을 위해 여러 자료들을 참고하면서 함께 노력한 것 팀 프로젝트의 원활한 진행을 위해 정해진 회의 시간 외에도 소통을 자주 한 것 도움을 요청하는 팀원이 있으면 적극적으로 도와주던 것 Problem 문제 데이터 api를 가져오는 과정에서 시간이 초기 예상보다 많이 지체됨 시간 분배 실패로 처음 기획했던 기능을 다 구현하지 못한 것 프로젝트 초기 구조설정을 구체적으로 하지 못해 나중에 상태관리에서 어..

WIL 2023. 8. 14.

Redux 리액트 상태관리 라이브러리. 자주 변경되는 데이터를 관리한다. 기존의 유지보수를 힘들게 하는 Props drilling 문제를 해결할 수 있다.(props로 데이터를 전달하지 않아도 됨.) Redux 설치하기 (리액트 환경에서) npm install redux react-redux # 혹은 yarn add redux react-redux Redux Toolkit 쉽고 효율적인 Redux 개발을 위해 Redux가 만든 공식 라이브러리. Redux를 사용하는 모든 앱에 Redux-Toolkit을 사용하는 것이 권장된다. Redux-Toolkit을 사용하면 코드가 간단하게 개선되고 여러 가지 패키지를 설치할 필요가 없어진다. Redux Toolkit 설치하기 npm install @reduxjs/t..

WIL 2023. 7. 30.

프로젝트 개요 프로젝트 명 MoodFood 주요 서비스 설문조사를 이용한 기분에 따른 음식 메뉴 추천 사이트 사용 기술 HTML, CSS, JS, React, Redux, Git, glitch, vercel KPT 회고 Keep - 유지할 점 팀원 전원의 높은 참여도. 프로젝트 후반부 예정에 없던 기능 추가로 초기 계획보다 작업량이 많아졌음에도 끝까지 완성해 낸 책임감. 서로 배려하고 존중하며 질문하는 팀원이 있으면 적극적으로 도와줌. Problem - 문제 기획 단계에서 웹사이트 전반을 구상하지 못해 프로젝트 후반부에 게시판(댓글 달기) 기능을 추가함. 일정 계획이 잘못 세워져 목표한 기간에 맞추려고 촉박하게 진행함. 초기 설계 단계에 시간을 지나치게 많이 소모함. - 원인 CRUD 중 C(설문조사..

WIL 2023. 7. 23.

프로젝트 개요 프로젝트 명 : Garden Gram 기획의도 : 최근 MZ세대에서 식물 키우기가 취미로 급부상 중이나, 이 취미를 공유하고 소통할 온라인 공간이 부족함. ➞ 반려 식물 이야기를 여러 사람들과 실시간으로 공유하는 SNS 제작하기. 필수 기능 구현 페이지 구성 : 메인페이지, 상세페이지, 로그인/회원가입 페이지 로그인 기능 이메일 회원가입 이메일 로그인 로그아웃 기능 유효성 검사 피드 업로드 기능(CRUD) 사진 및 코멘트 업로드 피드 수정, 삭제(등록자만) 사용자 프로필 수정 및 탐색 기능(사이드바 사용) 유저 프로필 수정 본인 피드 모아 보기 firebase 적용 vercel을 이용하여 배포하기 추가 기능 404 page 추가 탑 버튼 추가 구글 소셜 로그인 기능 KPT 회고 KEEP 수..

WIL 2023. 7. 2.

이번 팀 프로젝트에서 드디어 깃허브를 사용하여 협업했다. 생각보다 어렵고 변수가 많아 고생했다. 특히 pr 후에 merge 할 때마다 메인 브랜치가 잘못될까 봐 걱정이었는데 실무에서는 일반적으로 메인브랜치에 merge 하기 전에 먼저 병합해 보는 브랜치를 하나 더 가진다고 한다. : 각자 작업하는 브랜치에서 작업이 완료되면, > 테스트 브랜치로 1차 merge 후에 문제없는지 확인한다.(B ← C) >> 문제없을 시 주석까지 다 지운 깨끗한 코드를 메인 브랜치로 merge 한다.(A ← B) >>> 이 메인 브랜치가 최종적으로 사용자에게 공개될 브랜치!(A) 이렇게 하면 메인 브랜치가 안전하게 관리될 수 있다. 다음 팀 프로젝트 때는 이 방법으로 협업해 봐야겠다.

WIL 2023. 6. 11.

첫 번째 팀 프로젝트가 끝났다. 총평 단기간임에도 퀄리티 높은 결과물을 낼 수 있어서 만족스럽다. 오히려 기간이 너무 짧으니까 더 효율적으로 작업할 수 있었다. 다만 코드를 짜다가 막힐 때, 혼자서 해보고 팀원분들께도 물어보다 안되면 튜터님께 찾아갔었다. 좀 자주.. 어떻게든 알아서 해결해야 하는데 자꾸 도움 받는 게 습관 될까 봐 걱정이었다. 하지만 튜터님께서 해봐도 안되거나 모르는 게 있으면 망설이지 말고 찾아오라고 해주셨다. 엉뚱한 곳에서 헤매는 시간을 줄이고 로직을 이해하고 활용하고 습득하는 게 더 중요하다고. 마음이 편안해졌다. 또 다른 팀 발표 때 다들 내가 힘들어하던 부분과 비슷한 곳에서 어려움을 겪는 걸 봤다. 할 만한 곳에서 고민한거구나 싶어 안심됐다. 결론적으로 짧은 기간동안 몰입의 힘..

WIL 2023. 5. 21.