🍻BeerBnb

Introduction to BeerBnb Project

<>お酒を飲むのはやってみること!

どこにいても、お酒を飲みたいなら、必ずお酒を飲んで、必ずお酒を飲んで、必ず助けます!

BEAB&Bでは、お酒の種類に応じて最適な住まいを見つけます.

Air Vi&Bの魅力とページのデザイン/企画が好きなので、デザイン/企画部分のみクローンしました.

開発は初期設定から直接実施され,プレゼンテーションビデオからすべての部分がバックエンドと通信していることがわかる.

BeerBnb TEAM MEMBER & TERM

開発時間:2021/8/16～2021/8/27

開発者:フロントエンド4名、バックエンド2名

組員

[フロントエンド]

李娜県:nav,footer,ホームページ

金佳英:KakaoSocialログイン/ログアウト、ホストログインページ

黄文実:商品リストページ、コカソ地図API

ペ・ユンア:商品詳細ページ、私のページ、予約

[バックエンド]

パク・ジョンギュ:KakaoSocialログイン、ナレーター登録、宿泊予約機能

金道譚:商品詳細、予約日確認、管理機能

• Beerbnb Link: https://github.com/hyen43/23-2nd-BeerBnB-frontend

進行方法

毎朝StandUp会議
• Trelloでコンパクトな計画を実現
  
  
  
  
  
  前回のプロジェクトよりトレロの方が効果的です.印象的な部分は、毎日ボード会議で共有されている内容をチケットにして、ブログ部分を作って一緒に解決することができます.したがって、スラリーを達成できるかどうかを共有し、スラリーを達成する方向に進むことができる.
  
  
• プロジェクト企画書とAPI定義
  
  1)企画書
  
  

2)API定義書

私の司会者の部分

1.Nav Bar機能

1.ログイン時にnavbarメニューを変更する

3つの演算子を使用してtokenArrayを登録tokenにした場合、LOGINデータ変数にtokenがない場合、LOGOUTデータ変数.

とonclickイベントは2回含まなければならないため、内部に3つの演算子が1回書かれています.

2.商品検索をクリックして検索欄を開く

2-1)データ取得とフィルタリングによる場所検索機能を実現

2-2)react-deadsカレンダーapi接続

2-3)人数増加機能

2-4)サイト、カレンダおよびユーザ入力をquery stringに変換し、サーバ上のデータ記事および詳細ページ

に移動

2-1)データキャプチャフィルタを用いた場所探索機能

2-1-1) data fetching

  const getLocation = () => {
    axios
      .get(`${BASE_URL}/address`)
      .then(response => setLocationData(response.data.message));
  };

2-1-2) filter

  const fliterLocation = locationData.filter(location => {
    return location.includes(userInput);
  });

2-1-3)サイト検索機能

2-2)react-datsカレンダーapi接続

2-4)サイト、カレンダー、およびユーザ入力をquery stringに変換して詳細ページに移動

3.最も困難ないくつかのonclickボタン

下部のSearch Barセクションには複数のonclickイベントが含まれています.それぞれonclickに設定できません.正確には、正常に動作していません.だからね.この問題を解決する方法を探していたところ、複数onclickで[name]を指定する方法が見つかりました.

nameにパラメータを作成し、onclickイベントでパラメータ呼び出し関数を使用するときにnameの値を指定すると、エラーは発生しません.

//SearchBottom.js

<LocationDesTop>
  <input 
    onClick={() => bottomOnClick('location')}
  />
</LocationDesTop>
.
.
.
<Checkin onClick={() => bottomOnClick('checkInandOut')}>

Beable&Bの2番目の項目を通して感じたこと

「p」プロジェクトを終えて1ヶ月後に書いた回顧録だが、当時の記憶は依然として記憶に残っている.「がんばれ」の雰囲気を感じたので第1種目に比べて、第2種目は確かに体力的に難しい.ずいぶん痩せました...ちょっと痛いです.ほほほ
それでも、私たちのメンバーは私たちを応援して、一緒に応援する雰囲気の下で、私たちは順調に完成することができます.br/>
もちろん、私は残念ながら必要な実施しかできませんが、私の仕事量は小さいので、今私が実現したすべての機能を理解することができます.(完全に私のコードだと感じます.)

特に、最後のプロジェクトが発表された日、私のパソコンに画面が開けられない問題があったにもかかわらず、みんな冷静にこの問題を解決したのを覚えています.🤷‍♀️

これは本当にチームメンバーに自分の重要性を意識させ、感謝させる2番目のプロジェクトです.

🧡再び集まってプロジェクトをしたいbeebnbグループ🧡

私の精神を助け、困難なカレンダーライブラリ機能を完成させる允児

地図apiに問題があったが、最終的に完成した文実

KakaoTalkの登録サービスを完璧に実施した佳英

毎朝の会議で私たちを元気づけ、簡潔なデータを提供してくれるバックエンド責任者Dodam

非常に優れたバックエンド開発者である鐘圭

チームになれて嬉しいです.

2番目のプロジェクトbeaby and beのレビューを終了します.