본문 바로가기

[프로젝트]7

비전곰VisionBear 스터디 프로젝트 - 드디어 배포! 북극곰 프로젝트 드디어 배포까지 끝났다! 코드의 'ㅋ'도 모르는 사람들끼리 모여 처음부터 끝까지 얼레벌레 살 붙여가며 리액트로 1차 작업을 하고, 또, 타입의 'ㅌ'도 모르는 상태에서 타입스크립트 꾸역꾸역 적용해 가며 리팩토링에 추가 기능까지 넣어서 완성✌ 프로젝트 완성한 것도 정말 기쁘지만, 이렇게 좋은 인연들을 만나게 되어 두배로 기쁘다. 처음 독학을 시작했을 때, 힘들고 어려워도 어찌 해결할 줄도 모르고, 어디 털어놓을 곳도 없었는데.. 이제 개발에 대해서 공감해 줄 친구들이 있어 너무 든든하다. 리팩토링 하면서 새로 알게 된 것들도 있어 차차 글로 정리해야 할 것 같다. 개인적으로 제일 큰 소득은 react-query, useInfiniteQuery를 사용해 본 경험과 redux/toolkit에 .. 2023. 2. 27.
엘리스 SW 3기 2차 프로젝트 - 1주차 22.12.12~22.12.18 엘리스 2차 프로젝트 1주차 회고 프로젝트 기본 사항 서비스 이름: TripMatch 서비스 목적: 혼자 여행하고 싶지 않은 사용자를 연결해 주는 서비스 (국내 여행 위주) FE 기술 스택: React, Redux, TypeScript, Styled-Components 협업 툴: Figma, GitLab, Notion (Jira > notion > gitlab 첫 주간 동안 협업을 하면서 팀의 협업 방식에 잘 맞는 툴로 변경했다.) 유저 관련 기능: 회원가입, 로그인, 회원 탈퇴, 동행 신청, 동행 거절, 동행자 평가 등 게시글 관련 기능: 동행 게시판, 자유게시판 글 작성/수정/삭제, 공공 데이터 축제 정보 제공 관리자 관련 기능: 글 삭제, 회원 탈퇴 내 담당은 홈페이.. 2022. 12. 20.
비전곰VisionBear 스터디 1차 프로젝트 - 6일차~절반의 마무리 역시 프로젝트 후기는 프로젝트 마감하고 며칠 지나 써줘야 제맛이지😋 엘리스 스터디 발표가 있어 기한 안에 최대한 기본적인 기능들을 구현하는 것으로 목표를 잡았다. 내가 담당했던 부분은 모두 구현하긴 했다. 헤더, 헤더의 로그인 여부에 따른 변화, 푸터 홈페이지 모든 컨텐츠 페이지의 페이지네이션과 정렬 기능(시간순, 댓글순) 모든 컨텐츠 페이지를 내 컨텐츠 페이지로도 활용 '구현하긴 했다'라고 표현한 것은 에러가 일부 있는 부분을 억지스러운 코드로 구현했기 때문이다. 헤더와 푸터 컴포넌트를 본문 컴포넌트와 완전히 분리하여 구성하여 로그인 이후 홈으로 전환 시 헤더 컴포넌트가 리렌더링 되지 않아 헤더의 네비 부분이 비회원 네비로 노출되었다. 웹 자체를 리로드 하면 회원 네비가 노출되기에, 급하게 로그인 컴포.. 2022. 12. 5.
비전곰VisionBear 스터디 1차 프로젝트 - 1~5일차 엘리스 1차 스터디로 만난 비전공자 동료들과 함께 2차 프로젝트가 시작하기 전에 토이 프로젝트를 하나 진행해 보기로 했다. 개발할 아이템은 독서기록을 공유하는 웹 사이트! 'Book극곰' : 독서 기록을 웹에 올려 다른 사람들과 의견을 공유하고 자신의 독서 기록도 되돌아볼 수 있는 서비스. 프론트 기술 스택: React, jsx, styled-components 아직 관리자 기능을 만들 계획은 없어서 우선 사용자 기능 위주로 기획했다. 회원가입, 회원 탈퇴, 개인정보 수정 전체 글 보기, 내 글 보기 게시글 작성, 게시글 수정, 게시글 삭제, 게시글 열람 댓글 작성, 댓글 조회, 댓글 수정, 댓글 삭제 내가 담당한 부분은 홈페이지와 내 글 보기 페이지. 리액트는 아직 엘리스 진도도 안 끝났고, 다들 처음.. 2022. 11. 25.
엘리스 SW 3기 1차 프로젝트 - 3~14일차 정신없이 코드만 치느라 미루고 미뤄뒀던 회고록,,,, sessionStorage는 저장소라고 하니 괜히 막막했는데 알고 보니 껌인 애였다. 뭐든 처음 보는 것에 긴장하는 습관을 버려야겠다. 막판에 메인 페이지에는 localStorage를 활용한 코너도 넣었다. daum 주소 검색 기능을 회원가입 폼에 붙여보았다. 외부 기술을 가져다 쓰는 거라 어떨지 겁이 났는데 내부에서 기능 구현을 하는 것보다 훨~씬 간편했다. 카카오페이 결제 기능도 넣어봤으면 하는 아쉬움이 남았다. 장바구니 함수를 짜는데 계속 거르지 못하는 부분이 있고, 에러가 발생하는 곳이 있어 js 파일을 여러 번 갈아엎었다. 이렇게 복잡하게 엮인 페이지를 구현하기 전에 조직도 혹은 구상도를 미리 짜 보고 구현하는 것이 좋겠다. 할인 코너에 카운.. 2022. 11. 14.

티스토리툴바