airbnb airbnb의 데이터를 MongoDB로 가져오고 검색 데이터를 브라우저에서 표시 airbnb가 게시하는 데이터를 MongoDB로 가져오고 해당 데이터를 mongo 쉘에서 검색합니다. 그 결과를 Browser를 사용하여 표시합니다. Windows 10 MongoDB 4.0.9 이번에는 상기 URL로부터 시드니(Sydney)의 2019/3/7분의 데이터 listings.csv.gz reviews.csv.gz 을 다운로드합니다. 도쿄(Tokyo)는 에러가 되어 다운로드할 수 ... MongoDBairbnb Airbnb의 스타일 가이드와 Prettier로 Eslint를 설정하는 빠른 가이드 필요에 따라 사용자 지정할 수 있습니다. 그러나 초보자에게는 Eslint가 제공하는 옵션이 압도적일 수 있습니다. The process is same if you want to follow these guides instead. 다음 명령을 입력하여 기본 구성으로 package.json 파일을 만듭니다. 구성 파일을 만드는 쉬운 방법은 다음 명령을 입력하는 것입니다. 이 명령은 선택할 수 있... airbnbeslintprettierbeginners Showkase를 이용한 UI 요소 시각화 Jetpack Compose를 활용하여 안드로이드 앱을 개발하면서 적용했던 라이브러리인 airbnb의 Showkase를 소개합니다. Showkase는 Jetpack Compose의 UI 요소들을 시각화하고, 검색 가능하게 하여 디자인 요소에서 발생할 수 있는 문제를 미리 파악하고 재사용을 도와줄 수 있는 라이브러리입니다. 아래와 같은 순서로 소개해 볼까 합니다. 좋은말 같은데 무슨 소리인가요... jetpack composeandroidshowkaseairbnbandroid-libraryairbnb [PROJECT] AIRBNB CLONING #4 Room Detail 페이지에서 User가 Superhost인지의 여부, User의 이미지, Amenity와 Facility와 같은 편의시설, Reservation, 체크인 날짜와 숙소의 숙박이 가능한 날짜, 그리고 리뷰와 리뷰에 들어갈 이미지, 호스팅 지역, 숙소 규칙 등의 정보가 들어가야 합니다. 여러개의 API가 한 페이지에 합쳐져 잘게 쪼개서 진행했습니다. 디데일 API 코드는 다음과... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #5 해당 방을 저장하기를 하면 원하는 이름의 위시리스트를 만들고 해당 폴더 안에 저장할 수 있습니다. 그렇기에 모델링을 할 때 wishlist라는 테이블에 이름과 사용자의 테이블이 필요했고, 방과 위시리스트를 잇는 wishlistroom이라는 중간테이블이 필요했습니다. users/urls users/views body에 room_id, list_id, list_name의 항목을 담아 json으로... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #3 Authorization 인가가 완료되면 리소스 접근 권한이 담긴 Access Token이 클라이언트에게 부여됩니다. 클라이언트의 접근 자격을 확인하고 Access Token을 발급해 권한을 부여하는 역할을 수행합니다. Authorization Code Grant│ 권한 부여 승인 코드 방식 Resource Owner Password Credentials Grant │ 자원 소유자 자격증명 ... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #6 도커(Docker) 컨테이너는 소프트웨어를 개발, 배포, 운영하기 위한 단순하면서 빠르고 강력한 방법을 제공해주는 컨테이너 가상화기술 입니다. 이번 블로그에서는 docker image를 생성하여 Docker Container를 활용해 배포 해보겠습니다. Install Docker Setting 하고 RDS mysql 서버에 접속합니다. mysql -h 'RDS Database Endpoint... dockerairbnbprojectdjangoairbnb RecyclerView를 쉽게 수행할 수 있는 Epoxy 라이브러리 사용 시도 Epoxy는 Airbnb에서 생산하는 라이브러리입니다.특히, 여러 ViewType 유형의 RecyclerView를 쉽게 구현할 수 있습니다. build.gradle에 다음 내용을 추가합니다. RecyclerView를 사용하여 헤더 2종, 콘텐츠 2종 등 총 4가지 레이아웃을 포함하는 다음과 같은 화면을 만듭니다. Epoxy를 사용하지 않는 경우 RecyclerView와 연결된 Adapter에... RecyclerViewAndroidKotlinairbnb [Vanilla JS] Airbnb 클론 코딩 후기 2주차: 동적 기능 클론 HTML, CSS, JS로 airbnb를 클론코딩하는 프로젝트를 진행했습니다. 스스로 처음부터 진행했던 클론 코딩이라 많은 것을 배울 수 있었습니다. 기존에 HTML, CSS를 동시에 개발하는 것과 다르게 HTML => css => js 각 단계별로 구현을 진행하면서 느낀 점들을 간단하게 작성했습니다. class 네이밍부터 어떤 종류의 태그를 사용해야 좋을지를 고민하... airbnbprojectairbnb Unexpected dangling '_' in '_id' 어떤 에러인가요? axios요청을 통해 res.data에 담겨있는 _id를 사용할 일이 필요한데 eslint에 의해서 _id가 제한되는 에러 에러 메시지 에러 핸들링 방법 아래 코드를 해당파일 제일상단에 써주면 된다! 에러 핸들링을 위해 참고한 레퍼런스 링크... 에러핸들링airbnbESLintESLint
airbnb의 데이터를 MongoDB로 가져오고 검색 데이터를 브라우저에서 표시 airbnb가 게시하는 데이터를 MongoDB로 가져오고 해당 데이터를 mongo 쉘에서 검색합니다. 그 결과를 Browser를 사용하여 표시합니다. Windows 10 MongoDB 4.0.9 이번에는 상기 URL로부터 시드니(Sydney)의 2019/3/7분의 데이터 listings.csv.gz reviews.csv.gz 을 다운로드합니다. 도쿄(Tokyo)는 에러가 되어 다운로드할 수 ... MongoDBairbnb Airbnb의 스타일 가이드와 Prettier로 Eslint를 설정하는 빠른 가이드 필요에 따라 사용자 지정할 수 있습니다. 그러나 초보자에게는 Eslint가 제공하는 옵션이 압도적일 수 있습니다. The process is same if you want to follow these guides instead. 다음 명령을 입력하여 기본 구성으로 package.json 파일을 만듭니다. 구성 파일을 만드는 쉬운 방법은 다음 명령을 입력하는 것입니다. 이 명령은 선택할 수 있... airbnbeslintprettierbeginners Showkase를 이용한 UI 요소 시각화 Jetpack Compose를 활용하여 안드로이드 앱을 개발하면서 적용했던 라이브러리인 airbnb의 Showkase를 소개합니다. Showkase는 Jetpack Compose의 UI 요소들을 시각화하고, 검색 가능하게 하여 디자인 요소에서 발생할 수 있는 문제를 미리 파악하고 재사용을 도와줄 수 있는 라이브러리입니다. 아래와 같은 순서로 소개해 볼까 합니다. 좋은말 같은데 무슨 소리인가요... jetpack composeandroidshowkaseairbnbandroid-libraryairbnb [PROJECT] AIRBNB CLONING #4 Room Detail 페이지에서 User가 Superhost인지의 여부, User의 이미지, Amenity와 Facility와 같은 편의시설, Reservation, 체크인 날짜와 숙소의 숙박이 가능한 날짜, 그리고 리뷰와 리뷰에 들어갈 이미지, 호스팅 지역, 숙소 규칙 등의 정보가 들어가야 합니다. 여러개의 API가 한 페이지에 합쳐져 잘게 쪼개서 진행했습니다. 디데일 API 코드는 다음과... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #5 해당 방을 저장하기를 하면 원하는 이름의 위시리스트를 만들고 해당 폴더 안에 저장할 수 있습니다. 그렇기에 모델링을 할 때 wishlist라는 테이블에 이름과 사용자의 테이블이 필요했고, 방과 위시리스트를 잇는 wishlistroom이라는 중간테이블이 필요했습니다. users/urls users/views body에 room_id, list_id, list_name의 항목을 담아 json으로... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #3 Authorization 인가가 완료되면 리소스 접근 권한이 담긴 Access Token이 클라이언트에게 부여됩니다. 클라이언트의 접근 자격을 확인하고 Access Token을 발급해 권한을 부여하는 역할을 수행합니다. Authorization Code Grant│ 권한 부여 승인 코드 방식 Resource Owner Password Credentials Grant │ 자원 소유자 자격증명 ... projectairbnbdjangoairbnb [PROJECT] AIRBNB CLONING #6 도커(Docker) 컨테이너는 소프트웨어를 개발, 배포, 운영하기 위한 단순하면서 빠르고 강력한 방법을 제공해주는 컨테이너 가상화기술 입니다. 이번 블로그에서는 docker image를 생성하여 Docker Container를 활용해 배포 해보겠습니다. Install Docker Setting 하고 RDS mysql 서버에 접속합니다. mysql -h 'RDS Database Endpoint... dockerairbnbprojectdjangoairbnb RecyclerView를 쉽게 수행할 수 있는 Epoxy 라이브러리 사용 시도 Epoxy는 Airbnb에서 생산하는 라이브러리입니다.특히, 여러 ViewType 유형의 RecyclerView를 쉽게 구현할 수 있습니다. build.gradle에 다음 내용을 추가합니다. RecyclerView를 사용하여 헤더 2종, 콘텐츠 2종 등 총 4가지 레이아웃을 포함하는 다음과 같은 화면을 만듭니다. Epoxy를 사용하지 않는 경우 RecyclerView와 연결된 Adapter에... RecyclerViewAndroidKotlinairbnb [Vanilla JS] Airbnb 클론 코딩 후기 2주차: 동적 기능 클론 HTML, CSS, JS로 airbnb를 클론코딩하는 프로젝트를 진행했습니다. 스스로 처음부터 진행했던 클론 코딩이라 많은 것을 배울 수 있었습니다. 기존에 HTML, CSS를 동시에 개발하는 것과 다르게 HTML => css => js 각 단계별로 구현을 진행하면서 느낀 점들을 간단하게 작성했습니다. class 네이밍부터 어떤 종류의 태그를 사용해야 좋을지를 고민하... airbnbprojectairbnb Unexpected dangling '_' in '_id' 어떤 에러인가요? axios요청을 통해 res.data에 담겨있는 _id를 사용할 일이 필요한데 eslint에 의해서 _id가 제한되는 에러 에러 메시지 에러 핸들링 방법 아래 코드를 해당파일 제일상단에 써주면 된다! 에러 핸들링을 위해 참고한 레퍼런스 링크... 에러핸들링airbnbESLintESLint