プログラミング100日チャレンジ記録 #100daysofcode frontendGitHubJavaScriptReact 108日目②:プロフィールにGitHubのレポジトリを表示する:Displaying Github Repos 2019年7月18日 プロフィール画面にGitHubのレポジトリを一覧で表示できるようにしました。具体的には、登録ユーザーがGithubのユーザーネームを入力すれば、一覧でレポジトリの名前と説明欄が表示されるというものです。今回も、新しいファイルProfileGithub.jsを作成しました。... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendGitHubJavaScriptReact 108日目①:プロフィールに経験と学歴を表示させる:Profile Experience & Education Display 2019年7月18日 ユーザーのプロフィール欄に経験と学歴を表示できるようにしました。まずは、client/src/components/profile/Profile.jsに必要な情報をコーディングしてから、Profil... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendJavaScriptReactReactHooks 107日目①:プロフィールページに「Back To Profiles」と「Edit Profile」(リンク付き)ボタンをつける(React Hooks) 2019年7月10日 ユーザーそれぞれのプロフィールページに「Back to Profiles」(他のユーザーも一覧表示されているプロフィールページに戻る)と「Edit Profile」(ユーザー本人であることが確認できた場合プロフィールを編集できる)ボタンを作成しました。... キョウコ
プログラミング100日チャレンジ記録 #100daysofcode frontendJavaScriptReactReactHooks 106日目②:debug成功!ユーザー(developers)のプロフィールを表示させる&React Hooksのdebug修正 2019年7月9日 昨日のdebug修正を行い、登録したユーザー(developers)のプロフィールが表示されるようになりました。また、他ファイルにも間違いがあり、debugしました。... キョウコ
プログラミング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 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... キョウコ