Git Product home page Git Product logo

airbnb's Introduction

header

Millie's GitHub stats
Top Langs

My tech stacks

HTML5 CSS3 JavaScript TypeScript React SASS Webpack


I'm currently learning...

React Query Vite React Native


My life motto

while (doubt || worry) {
  exercise();
  if (tired) break;
  sweatItOut();
}

Hits

Footer

airbnb's People

Contributors

damilog avatar godrm avatar jaypedia avatar tmdgusya avatar ttasjwi avatar

Stargazers

avatar

airbnb's Issues

Routing

Description

React-router-dom을 활용하여 라우팅 구현

Progress

  • layout 폴더와 파일 생성

SearchBar 클릭 시 팝업되는 Modal 구현

Description

  • SearchBar의 각 영역을 클릭하면 각 영역에 맞는 팝업창이 나오도록 모달을 구현한다.

Progress

Open

  • 검색 버튼을 제외한 SearchBar의 나머지 부분 클릭 시, 해당 영역에 맞는 내용물이 담긴 모달이 열린다.
    • filed에 맞게 분기 처리를 해서 modal에 맞는 내용을 넣어준다.
  • SearchBar의 background-color는 활성화 된 구역을 제외하고 회색으로 변경(기존 white)
  • 특정 구역 클릭 시 활성화
    • 활성화 된 구역은 흰색 배경 + 그림자 효과
  • Header의 바깥 영역은 약간 어두워진다. - 이것은 SearchResult 화면에서만 적용한다.

Close

  • SearchBar의 외부 혹은 Modal의 외부를 클릭할 시 모달이 닫힘
  • 활성화 된 상태에서 동일한 구역을 클릭하면 모달이 없어진다.

[Init] 백엔드 프로젝트 초기 설정 작업

Description

  • 백엔드 프로젝트 초기 설정 작업

Progress

  • .gitignore 추가
  • 기본적인 의존 라이브러리 추가
    • Spring Boot, Spring-Data-JPA, MySQL, Lombok, ...
  • 간단한 초기 설정
    • application.yml의 초기 설정(로깅, OSIV, 데이터베이스 설정, JPA 설정, ...)

BookingPeriod 클래스 기능 확장

Description

  • 생성 시 체크인, 체크아웃 날짜의 전후관계에 모순이 있을 경우 예외 발생
  • 다른 BookingPeriod와 겹치는 날짜가 있는지 여부를 응답할 수 있도록 함.

Progress

  • 생성 시 체크인, 체크아웃 날짜의 전후관계 모순 검증 로직 추가
  • 적절한 예외 생성
  • hasCommonDate 메서드 작성

GNB

Description

  • GNB UI & Feature

Progress

위치 정보 클래스 정의

Description

  • 위치 정보를 정의하는 값타입 클래스 생성
  • 값타입 클래스는 변경 불가능해야함에 주의

Progress

  • 위치 정보를 정의한 값타입 클래스 Location 클래스 정의

GNB Profile button dropdown menu

Description

GNB의 프로필 버튼을 클릭하면 드롭다운 메뉴가 노출된다.

Progress

  • 프로필 버튼을 클릭 시 드롭다운 메뉴 노출
  • 로그인하지 않았을 시, ‘로그인’만 노출된다.
  • 로그인했을 시 ‘예약 취소, 위시리스트, 로그아웃’이 노출된다

회원 Repository 생성

Description

  • 회원을 간단하게 저장, 조회하는 역할을 수행하는 Repository 생성

Progress

  • 회원 가입
  • 식별자 조회
  • GitHubId 조회

Header

Description

  • Airbnb 프로젝트의 Header 디자인 & 기능 작업

Progress

Repository에 Spring-Data-Jpa 적용

Description

  • 기존엔 직접 엔티티 매니저를 거쳐서 엔티티를 저장해왔다.
  • Spring-Data-Jpa를 적용하여, 인터페이스 생성만으로 기본적인 메서드들을 사용할 수 있도록 함.

Progress

  • 기존 Repository들을 JpaRepository를 상속받은 인터페이스로 변경

Initiating Project

Description

프로젝트 초기 세팅

Progress

  • Add issue labels - labels.json
  • Add Issue Template
  • Add Pull Request Template
  • Add team readme file

회원 엔티티 정의

Description

  • 회원 엔티티 정의

Progress

  • 회원 엔티티를 정의하여 생성한다.

SearchBar

Description

  • SearchBar 컴포넌트 UI 및 기능 작업

Progress

숙소의 시설 정보에 해당하는 Facility 클래스 정의

Description

  • 숙소의 시설정보에 해당하는 클래스를 정의할 것
  • 다음을 상태로 가져야함
    • 방의 갯수
    • 침대 갯수
    • 욕실 수
    • 주방 보유 여부
    • 무선인터넷 가능여부
    • 에어컨 보유 여부
    • 드라이기 보유 여부

Progress

  • 숙소의 시설정보를 정의한 Facility 클래스 생성

가격통계 API 사양 변경 : 가격들 목록을 리스트로

Description

  • 기존 : 서버에서 가격들을 구간별로 분류하고 클라이언트에 넘김
  • 변경 후 : 조건에 부합하는 숙소 1박 가격 목록을 넘김

Progress

  • AccommodationPricesResponse 사양 변경
  • SampleAPi가 가격 목록을 랜덤으로 응답하도록 하기

기본 Controller들 생성

Description

  • 프로젝트에 필요한 기본적인 컨트롤러를 몸통만 생성

Progress

  • MemberController
  • AccommodationController
  • BookingController
  • ReviewController

GNB UI

Description

GNB UI 제작

Progress

  • Logo, 메뉴 버튼, 프로필 버튼
  • 메뉴 hover 효과 : 메뉴의 글씨에 underline, 글씨 굵기 더 굵게 처리

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.