プログラミング100日チャレンジ記録 #100daysofcode asyncawaitBackendfrontendJavaScript 103日目：ダッシュボードに経験（experiences)と学歴・教育（school, degree etc.)を追加・編集できるようにする：Add Education & Experiences 2019年7月2日 引き続きダッシュボードへ情報の追加・編集ができるようコーディングしました。今回は経験(experiences)と学歴・教育(school, degree etc.)です。（このWebアプリケーションは開発者用ですので、教育欄にはプログラミングのbootcampsも含みます。）... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode ReactReactHooksReduxRoute 102日目②：ダッシュボードのプロフィール編集ができるように設定する:Edit Profile on Dashboard 2019年7月1日 新しいファイルDashboardActions.jsとEditProfile.jsを作成して、ダッシュボードでさらに詳しいプロフィール編集が行えるように設定しました。... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode ReactReactHooksReduxRoute 102日目①：Create Profile Action：React routerでwithRouterを使ってリダイレクトを可能にする 2019年7月1日 今回は、ダッシュボードのプロフィール部分のactionを作成しました。新しく学んだことは、import { withRouter} from 'react-router-dom'; を使って、history、history.pushを使って別のページへリダイレクトするように設定することです。... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendJavaScriptReactRedux 101日目②：CreateProfile Componentを作成して、登録済ユーザーが自分のプロフィール情報を追加できるようにした 2019年6月28日 登録済みユーザーがログインしてダッシュボードのページに入った時に、自分のプロフィール情報をさらに入力できるよう、CreateProfile.jsというファイルを作成しました。（フォルダはcomponent/profile-form/CreateProfile.jsで、新しく作成）... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendJavaScriptReactReactHooks 101日目：Dashboard作成とCreateProfile Componentの作成 2019年6月28日 Dashboard(ユーザーがログインした時に表示される画面）と、新たにプロフィールに追加する内容を記入できるCreateProfile Componentを作成しました。 ①client/src/c... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendReactReactHooksreducer 100日目②： Profile Reducerの作成とCurrent ProfileをGetする 2019年6月26日 先程の続きで、Profile Reducerの作成とユーザーの現在のprofileをgetする、ということを行いました。Profile Reducer & action 仕様で、バックエンドに... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode ReactReactHooksreducerRedux 100日目（達成！）：ダッシュボードとプロフィールの管理：Protected Routeの作成（PrivateRoute) 2019年6月26日 今回は新しくProtectedRoute(PrivateRoute)の作成方法を学びました。actionを使って全てのデータをfetchし、そのデータをRedux stateへ持っていき、それを他のc... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode ReactreducerReduxRoute 99日目：ユーザーのログイン＆ログアウト、ナビゲーションバーのリンクを完成させる（Section 8 React User Authentication完了） 2019年6月24日 この日は６つのファイルにコードを書き足しながら、ユーザーのログイン・ログアウト、そしてナビゲーションバーのリンクを完成させました。 ①src/actions/auth.jsに./typesからのインポートとL... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode ReactReactHooksRedux 98日目②：React HooksのuseEffect Hookについて学習する 2019年6月23日 本日はuseEffectが出てきたので、Reactの公式サイトの”Using the Effect Hook”というページで学習しました。⇒参照記事 4．Using the Effect Hook (... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode BackendfrontendJsonWebTokensJWT 98日目：引き続きReact User Authentication作成：axiosとuseEffect Hooksについて学ぶ 2019年6月23日 ユーザーのauthenticationができるように、load User とtAuth Tokenの設定が行えるようにしましたJavascriptライブラリ axiosの復習と、React HooksのuseEffectについても学習しました。... キョウコ
