[BerBnb]第2項後期
🍻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)企画書
<>お酒を飲むのはやってみること!
どこにいても、お酒を飲みたいなら、必ずお酒を飲んで、必ずお酒を飲んで、必ず助けます!
BEAB&Bでは、お酒の種類に応じて最適な住まいを見つけます.
Air Vi&Bの魅力とページのデザイン/企画が好きなので、デザイン/企画部分のみクローンしました.
開発は初期設定から直接実施され,プレゼンテーションビデオからすべての部分がバックエンドと通信していることがわかる.
開発時間:2021/8/16~2021/8/27
開発者:フロントエンド4名、バックエンド2名
組員
[フロントエンド]
李娜県:nav,footer,ホームページ
金佳英:KakaoSocialログイン/ログアウト、ホストログインページ
黄文実:商品リストページ、コカソ地図API
ペ・ユンア:商品詳細ページ、私のページ、予約
[バックエンド]
パク・ジョンギュ:KakaoSocialログイン、ナレーター登録、宿泊予約機能
金道譚:商品詳細、予約日確認、管理機能
毎朝StandUp会議
前回のプロジェクトよりトレロの方が効果的です.印象的な部分は、毎日ボード会議で共有されている内容をチケットにして、ブログ部分を作って一緒に解決することができます.したがって、スラリーを達成できるかどうかを共有し、スラリーを達成する方向に進むことができる.
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のレビューを終了します.
Reference
この問題について([BerBnb]第2項後期), 我々は、より多くの情報をここで見つけました https://velog.io/@lnhyen43/BeerBnb-2차-프로젝트-후기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol