WIL. 6th week
航海
6週目のミニプロジェクト駐車はコラボレーションの仕方が分かる駐車です.バックエンドはフロントエンドとともにAPI設計され、フロントエンド間にワイヤフレームが作成され、コンポーネントが分割されます.航海で求められる重要な能力の一つである協力能力をどのように育成するかを理解した.意見が衝突したり、ケンカしたりすることもありますが、結果的に協力は悪くありません.
chapter6. スモールプロジェクト
今週、チームは小さなプロジェクトを実行し、ウェブサイトを作成しました.先週Firebaseを使用してWebサイトを作成しましたが、今回はバックエンドで作成したサーバがフロントエンドで作成したクライアントページとインタラクティブなサイトを作成しました.私が担当している部分はaxiosを使用してPOSTを通じてユーザー情報を作成、ログイン、維持することです.const signupM = (formData) => {
return async (dispatch, getState, { history }) => {
// console.log(userId, userName, password, pwConfirm, userProfile, gender);
let userInfo = {
formData,
};
console.log(userInfo);
console.log('회원 가입 중입니다.');
await axios({
method: 'post',
url: 'https://95bdde78-b028-4db6-b139-9f7e8f06b2e5.mock.pstmn.io/post',
data: formData,
headers: {
'Content-Type': 'multipart/form-data',
},
})
.then((res) => {
console.log(res);
dispatch(getUser(userInfo));
window.alert('회원가입이 완료되었습니다.');
history.replace('/login');
})
.catch((error) => {
console.log(error, '회원가입에 실패했습니다.');
});
};
};
会員登録時に身分、ニックネーム、パスワード、確認パスワード、性別、個人写真を入力し、個人写真の画像はjson形式ではなくformdata形式でインポートする必要があります.このフォームデータをインポートできないため、挿入時に画像とすべてのデータをパッケージ化してフォームデータにインポートできることがわかりました.const signup = (e) => {
e.preventDefault();
const file = fileInput.current.files[0];
console.log(file);
const formData = new FormData();
formData.append('userId', userId);
formData.append('password', password);
formData.append('pwConfirm', pwConfirm);
formData.append('userName', userName);
formData.append('gender', gender);
formData.append('userProfile', file);
console.log('formData', formData);
return dispatch(userActions.signupM(formData));
};
の最後の部分
今週の車はフロントからどのように分業して仕事をもっと効率的にするかを見ることができます.途中で一人の隊員が行って、それから仕事を変えて行って、絶対に時間が足りません.このような状況で、チームメイトと今は些細に見えるが、その時は大きな問題で感情を消耗した.健康的な精神と集中力が必要な1週間だと思います.今後行われるクローンコードでは,実力面の発展も重要であるが,コラボレーションの観点からチームメンバーとの人間関係をどのように維持するかが大きな要素となる.つまり、もっと思いやりと理解を持って、自分の問題と相手が感じている問題の差を適切に調整してほしいということです.良い口調と礼儀を堅持し、航行を続けなければならない.もちろん、個人学習も見逃せません.今は勉強の習慣が軌道に乗っているので、他人より遅くても焦らないで、黙って自分の道を歩いてください.
今週WILキーワード
フロントエンドとバックエンドとして初めてのコラボレーションの残念さと喜び
残念なことに。
残念ながら、
const signupM = (formData) => {
return async (dispatch, getState, { history }) => {
// console.log(userId, userName, password, pwConfirm, userProfile, gender);
let userInfo = {
formData,
};
console.log(userInfo);
console.log('회원 가입 중입니다.');
await axios({
method: 'post',
url: 'https://95bdde78-b028-4db6-b139-9f7e8f06b2e5.mock.pstmn.io/post',
data: formData,
headers: {
'Content-Type': 'multipart/form-data',
},
})
.then((res) => {
console.log(res);
dispatch(getUser(userInfo));
window.alert('회원가입이 완료되었습니다.');
history.replace('/login');
})
.catch((error) => {
console.log(error, '회원가입에 실패했습니다.');
});
};
};
const signup = (e) => {
e.preventDefault();
const file = fileInput.current.files[0];
console.log(file);
const formData = new FormData();
formData.append('userId', userId);
formData.append('password', password);
formData.append('pwConfirm', pwConfirm);
formData.append('userName', userName);
formData.append('gender', gender);
formData.append('userProfile', file);
console.log('formData', formData);
return dispatch(userActions.signupM(formData));
};
喜びの点
いずれにしても、
Reference
この問題について(WIL. 6th week), 我々は、より多くの情報をここで見つけました https://velog.io/@podonamu01/WIL.-6th-weekテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol