본문 바로가기

Sparta x 이노베이션 캠프/팀 프로젝트

(16)
내돈내여 : Front-end code convention code convention 1. NAMING CONVENTIONS (중요: 잘 지켜야 함!!) Compenents 이름: Pascal case (첫 단어를 대문자로 시작) Non-components: Camel case (띄어쓰기 대신 대문자로 단어 구분) 상위 폴더에 속해있는 파일들 이름 직관적으로, 알아보기 쉽게 통일 (ex: mypage folder > Myinfo.jsx , Mylikes.jsx, Myplan.jsx …) 속성명: Camel case로 작성 (className, onSubmit, onChange…) inline 스타일: Camel case로 작성 2. BUG AVOIDANCE null 또는 undefined 일 수 있는 값은 optional chaining 연산자 (?.)사용 3..
내돈내여 : Github-flow & Git commit message convention Github-flow 전략 FE member's branches(eunji, hyelim, dada): 각자 기능 개발하는 브랜치(feature브랜치 역할) semi: 각 멤버의 branch들을 merge한 배포 전 테스트용 브랜치 (develop 브랜치) 사용전략 각 멤버의 기능 개발 branch에는 기능이 추가 될 때 마다 리뷰와 사인이 끝난 후 수시로 push 한다. 기능 구현이 완료 되면 semi로 pull request 하여 merge. semi에서 기능 개발 branch들을 병합한 후 오류 수정 및 검토 ⇒ master 브랜치에 pull request 하여 merge. master: 실제 배포가 될 브랜치. semi 에서 테스트 후 병합. 빌드 후 배포 Git commit message con..
실전 프로젝트 - 내돈내여 (React + Spring) 광고 없는 여행 후기 내돈내여로 떠나기 ✈️ Back-End Github 👀 Front-End Github 👀 🧑🏻‍💻👩🏻‍💻 팀원 소개 서비스 개요 내 돈내고 내가 여행하는, 진정성있는 국내 단기 여행 정보 공유 플랫폼 서비스 서비스 아키텍쳐 Front-end node.js, 사용자 요청에 따른 각기 다른 웹사이트를 보여줄 수 있도록 동적 웹 호스팅이 가능한 EC2와, 리버스 프록시로서의 역할을 하며 서버가 SSL 요청을 처리하는데 드는 비용이 없는 nginx를 이용해 데이터 보안을 위해 https 환경으로 끊김없는 서비스를 제공 할 수 있고 많은 레퍼런스를 가진 PM2를 통한 무중단 배포를 하였고, 리액트 상태를 전역으로 관리하고 사용이 편리한 Redux-toolkit을 사용하였습니다. 또한 클라이언..
TIL : 카카오맵 지도 범위 재설정 하기 (Trouble Shooting, 코드리팩토링 ver.2) 내가 짠 코드를 리펙토링하면서 실전프로젝트에서 쓰는 카카오맵을 지도 범위 재설정을 해주었다. 예전 코드는 맵이 보여지는 컨테이너를 삼항연산자를 이용해 어떤 경우에 무슨 좌표를 보여 줄 지를 결정했다. 예전 맵 예외처리에 관한 포스팅 TIL : React 카카오 api 맵 예외처리, 카카오맵 중심좌표 이동시키기 실전 프로젝트 3주차. 벌써 반이나 지나갔다. 개발하고있는 어플리케이션은 여행후기공유 플랫폼이고 Minimum Viable Product (MVP)는 1. 소셜로그인 (네이버, 카카오) 2. 회원가입시 여행관련 관심사 선 nonjee888.tistory.com 예전에 맵을 보여주는 방식은 일일이 center 좌표를 데이터에서 뽑아내서 찍어주는 방식이었다면 이번 리펙토링은 라이브러리에서 제공하는 샘플..
실전 React 프로젝트 내돈내여 | 11주차 WIL : 중간 발표, 모르는게 너무 많아. 중간 발표는 그럭저럭 잘 넘어갔다. 지난 3주간 쭉 멘토링을 해주시던 멘토님이어서 그런지 피드백이 긍정적인 편이었다. 쓴소리를 기대 했는데 잘 하고 있는 것 같다는 평가를 들으니 기분이 정말 좋은데 또 마냥 좋지 만은 않다. 나는 진짜 잘하고 있는것 같지가 않다. 어쩔 땐 좀 괜찮은것 같은데? 싶다가도 기초적인 부분에서 엉뚱한 소리를 하고 고개를 갸우뚱하는 내 자신이 마치 속 빈 강정이 된 느낌임. 오기가 생긴다. 갑자기 일 못해서 자괴감이 들었던 옛날이 떠올랐다. 그땐 정말 나한테 열이 받아서 쉬는 시간에 쉬지도 않고 일했다. 아직 공부한지 2달밖에 안되었는데. 진짜 신입때 일하면서 삐걱거리던거 생각하면 지금은 아주 빠르게 성장하고있는것같은데. 조바심이 자꾸 난다. 나는 새로운 일에 익숙해지는데 시간이..
실전 React 프로젝트 내돈내여 | 10주차 TIL : 웹어플리케이션 내돈내여 중간 발표 전 정리 주요기능 진짜 여행 후기를 공유하는 것이 주 기능. 1. 소셜 로그인/회원가입 ⭕ 2. 여행 취향 분류 - 여행지 추천 (혼자여행, 친구, 가족, 연인, 여행 예산 별 추천) ...ing 3. 내 여행일정 관리 / 관심 게시물 관리 / 내 작성 게시물 / 프로필 설정 ⭕ 4. 게시글 검색 기능 ⭕ 5. 스토리 기능 (동영상 공유) ...ing 6. 신고 기능 ⭕ 7. 게시글 기능 (사진, 텍스트, 총 지출 금액 등 올리기) 수정, 삭제 ⭕ 8. 게시글 추천수, 좋아요, 최신 순 정렬, 태그 별 정렬 ...ing 9. 댓글 기능 ⭕ 서비스 아키텍쳐 Github-flow 전략 master: 실제 배포가 될 브랜치 semi: 각 멤버의 branch들을 merge한 배포 전 테스트용 브랜치 FE member b..
TIL : React 카카오 api 맵 예외처리, 카카오맵 중심좌표 이동시키기(Trouble Shooting, 코드리팩토링 ver.1) 실전 프로젝트 3주차. 벌써 반이나 지나갔다. 개발하고있는 어플리케이션은 여행후기공유 플랫폼이고 Minimum Viable Product (MVP)는 1. 소셜로그인 (네이버, 카카오) 2. 회원가입시 여행관련 관심사 선택 => 추천페이지에서 관련 게시물 뜨게 만들어줌 3. 나의 게시물, 나의 관심 게시글, 나의 여행 일정 관리 (CRUD) 4. 게시글 full-text-search 5. 게시글 신고 -> 5번 이상 신고하면 삭제 6. 게시글 업로드 (editor, 지도) (CRUD) 7. 게시글 댓글 기능 (CRD) 8. 게시글 추천수, 좋아요, 최신 순, 태그 별 정렬 내가 맡은 기능은 1, 4, 5, 6, 7, 8(부분적) 번으로 오늘은 이 중 예외처리로 골머리를 앓은 지도에 대해 이야기 해보려 한..
7주차: React로 CGV클론코딩 회고 Github Frontend : https://github.com/nonjee888/fe_clone1jo Frontend : 김보미 노은지 임다은 Backend : 박성수 정민우 전대훈 기능 진행 네이버 로그인 : 완료 (로그인상태확인 완료)⭕️ 로그아웃 버튼 만들기(로그인시만 보임)+ 로그아웃 기능 :완료 ⭕️ 상세페이지 정보 불러 와서 붙이기 : 완료 ⭕️ 상세페이지 찜 하기 버튼 : 완료 ⭕️ 무비차트 정보 불러 와서 붙이기 : 완료 ⭕️ 카카오 로그인 : 완료 ⭕️ 무비차트 현재상영중 체크박스 선택시 상영중인 영화만 보이기 : 완료 ⭕️ 마이페이지에 정보 불러 와서 붙이기 : 완료 ⭕️ ⭐️⭐️예매하기 : ( 월요일 새벽부터 시작~수요일 저녁 까지 끝내기) : 다은 진행중 현재 좌석선택창 메인페이..

반응형