오늘의 개발
[WIL] 항해99 7주차 회고ㅣ클론 코딩
이번 주 톺아보기 2022.12.26 [TIL] 7주차 클론 코딩ㅣAWS EC2 서버 배포 2022.12.27 [TIL] 7주차 클론 코딩ㅣSpring Data JPA 필터링 구현 2022.12.28 [TIL] 7주차 클론 코딩ㅣReact + Spring boot 연동 에러 모음집 2022.12.29 [TIL] 7주차 클론 코딩ㅣairbnb 클론 코딩 발표 2022.12.30 [TIL] 7주차 실전 프로젝트ㅣ주간 시작과 기획 회의 2022.12.31 [TIL] 7주차 실전 프로젝트ㅣ게임 기획에 살 붙이기 7주차는 클론 코딩 주차로, 우리 팀은 숙박 예약 플랫폼 에어비앤비를 클론 코딩 하였다. 미니 프로젝트만 했던 여태까지와는 다르게 실제 상용화된 서비스를 클로닝 해보니 비교적 그럴듯한(?) 프로젝트가 완..
[TIL] 7주차 실전 프로젝트ㅣ게임 기획에 살 붙이기
협업은 뭐부터 해야 할까? 기획 회의 와이어프레임, ERD, API명세서 기능 분배 Base Project 생성하여 Github push 코드 컨벤션 (변수명이나 주석 어떻게 작성할지) Github branch 전략 사용, commit 컨벤션 적용 사전 프로젝트까지 총 5번의 팀 프로젝트 끝에 나만의 '협업 체크리스트'가 생겼다. 팀장이라면, 첫 회의 전까지 위의 체크리스트에 대한 큰 그림을 그려야 한다. 여기에 더해서 이번 실전 프로젝트 때는 데일리 스크럼을 도입해 보기로 했다. 아무래도 온라인으로만 진행되는 프로젝트이고, 6주간 지속되어야 하기 때문에 서로의 의견과 상황을 최대한 많이 공유하는 게 중요하다고 생각했다. 매일 10시에 만나 (1) 지금까지 한 일 (2) 앞으로 할 일 (3) 현재 겪고 ..
[TIL] 7주차 실전 프로젝트ㅣ주간 시작과 기획 회의
드디어 실전 프로젝트 시작! 대망의 마지막 실전 프로젝트가 시작되었다. 이걸 위해 지금까지 달려왔다고 해도 과언이 아니다. 나는 마음이 잘 맞았던 프론트엔드 한 분과 리더/부리더를 맡아 6주간 실전 프로젝트에 임하게 되었다. 우리 나름대로 앞으로 나아갈 방향, 협업 방식 등을 자주 논의해서 그런지 마음이 좀 든든했다. 앞으로의 세부 일정은 다음과 같다. 12/30 (금) 자정까지 : 팀 노션 생성 및 S.A 대시보드 작성 완료 S.A 제출 팀 노션 생성 12/31 (토) S.A. 서면 피드백 1/21 (토) MVP 중간 발표회 2/10 (금) 최종 발표회 실전 프로젝트 기획 회의 (1) 동영상으로 보내는 롤링 페이퍼 : 롤링 필름 나는 친구의 생일이면 다른 친구들의 축하 영상을 찍어서 보내주곤 했다. 마..
[TIL] 7주차 클론 코딩ㅣairbnb 클론 코딩 발표
클론 코딩 [항해 bnb] 발표 1. 프로젝트 소개 🏖️ 에어비앤비 웹서비스를 클로닝한 프로젝트 hanghaebnb hanghaebnb has 2 repositories available. Follow their code on GitHub. github.com 2. 주요 기능 Spring Security, JWT를 이용한 회원가입/로그인 이메일 인증을 통한 로그인 구현 AWS S3를 이용한 다중 이미지 업로드 JPA Pageable을 이용한 페이지 무한 스크롤 타입별, 가격별 필터링 기능 키워드 검색 기능 숙소 좋아요 기능 swagger 적용 숙박 시설 CRUD(조회 시 이미지 preview) 3. 서비스 아키텍처 4. 기술 스택 🎨 Front-end Stack React , javascript Redu..
[TIL] 7주차 클론 코딩ㅣReact + Spring boot 연동 에러 모음집
클론 코딩 [항해bnb] 진행 상황 내일 발표를 앞두고, 드디어 오늘! 프론트엔드와 백엔드의 결과물을 합쳐 보기로 했다. 지난 미니 프로젝트 때 React와 Spring Boot 연동을 하면서 너어어어무 많은 에러를 마주쳤기 때문에 이번에도 단단히 각오하고 덤벼들었다. 오늘의 에러 모음집 왜 갑자기 LocalDateTime이 배열로? Postman으로 조회 테스트 중에 생성날짜, 수정날짜 부분이 배열로 나오는 이슈가 발생했다. 팀원분이 빠르게 해결책을 찾아 적용해 주었다. @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Seoul") @JsonFormat을 ResponseDto 쪽에 ..
[TIL] 7주차 클론 코딩ㅣ@Query로 필터링 구현하기
@Query 어노테이션을 이용한 필터링 에어비앤비에는 카테고리 기능과 가격, 숙소 유형 등으로 필터링해 주는 필터 기능이 있다. 이번 클론 프로젝트에서는 숙소 유형으로 카테고리 기능을 대신하고, 가격 필터까지 적용해 볼 것이다. 현재 전체 조회에는 Pageable을 이용한 페이징이 구현되어 있기 때문에 어떤 방식으로 필터링 기능을 덧붙일까 고민하다가 최대한 Spring Data JPA의 Query Method를 활용하되, 조금 복잡한 쿼리에는 @Query 어노테이션을 사용해 보기로 했다. @Query 어노테이션을 이용하면 쿼리를 직접 정의할 수 있다! RoomRepository public interface RoomRepository extends JpaRepository { Page findByType..
[TIL] 7주차 클론 코딩ㅣAWS EC2 서버 배포
클론 코딩 [항해bnb] 진행 상황 바로 오늘! 되든 안되든 배포하기로 한 날이다. 생각보다 기능 구현이 빠르게 되어서 확장 스코프를 제외한 최소한의 스코프는 어느 정도 마무리가 되었다. ⭕ 구현 완료된 기능 리스트 1. 회원 로그인 회원가입 도전! 소셜 로그인 2. 방 CUD 방 등록 방 수정 (+S3 수정) 방 삭제 3. 방 R : 내가 맡은 부분 메인 페이지에서 방 전체 조회 type(호텔, 아파트, 주택) 별 필터링 → 진행 중 페이지네이션 4. 다중 이미지 업로드 S3에 이미지 등록(+방 등록) S3에 이미지 삭제(+방 삭제) 5. 좋아요 좋아요 추가 좋아요 삭제 좋아요 여부 반환(true or false) 6. 검색 키워드로 검색 ❓ 구현 예정인 기능 리스트 이메일 인증 타입별, 가격별 필터링..
[WIL] 항해99 6주차 회고ㅣ미니 프로젝트
이번 주 톺아보기 2022.12.19 [TIL] 6주차 미니 프로젝트ㅣAWS RDS, S3 다중 이미지 업로드 2022.12.20 [TIL] 6주차 미니 프로젝트ㅣAWS EC2 서버 배포 2022.12.21 [TIL] 6주차 미니 프로젝트ㅣReact + Spring boot 연동 2022.12.22 [TIL] 6주차 미니 프로젝트ㅣ프론트 서버 배포, 발표 2022.12.23 [TIL] 6주차 클론 코딩ㅣ주간 시작 2022.12.25 [TIL] 6주차 클론 코딩ㅣJPA Pageable을 이용한 페이징 이번 주는 클론 코딩, 실전 프로젝트를 앞두고 주특기 주차에서 배운 것들을 다시 익혀보는 시간이었다. 처음으로 프론트엔드와 협업하며 기본 CRUD를 포함한 미니 프로젝트를 구현하였다. 😀 잘한 점 새로운 기술..