220512 Today I learned!
- Vuex 활용 실습
- CSS 그리드
1. Fact
(1) Vuex 활용 실습
수요일에 학습한 Vuex에 대한 내용을 리마인드 한다.
- 어제 수업시간에 학습한 to-do 리스트를 혼자 구현한다.
- 지난 번에 제작했던 유튜브 API를 활용한 유튜브 앱을 Vuex를 통해 구현한다.
- 검색 기능
- 검색 결과에 맞는 유튜브 영상 리스트 제공
- 리스트 항목을 클릭하면 유튜브 영상이 플레이 된다.
- 정리본
(2) CSS 레이아웃 강의 (그리드)
1학기 마지막 프로젝트 준비
2. Feeling
Vuex를 활용해서 직접 구현해보니 확실히 편리하다는 것을 알았다. emit, props으로만 컴포넌트가 통신하는 것이 얼마나 불편한지 새삼 깨닳게 되었다. 하지만 Store에 저장할 데이터와 컴포넌트단에서만 사용할 데이터를 잘 구분해야 할 것 같다. 단순히 유저에게 받아오는 인풋데이터 같은 경우 일일이 DB에 저장할 필요는 없다. 1학기 마지막프로젝트에서도 이것을 잘 유념해서 코드를 작성해야 할 것 같다.
그리고 드디어 css 레이아웃 강의를 전부 다 들었다! flex는 지난 리액트 프로젝트에서 활용해서 많이 익숙해진 것 같지만, 아직 그리드는 아니다. 이에 대해서 많이 연습을 해야겠다. 그리고 이번 강의를 들으면서 css에 대한 기초지식이 많이 부족하다는 것을 느꼈다. 여유가 생기면 css 기초에 대해서도 더 공부를 해야할 것 같다.
3. Finding
null;
4. Future Action & Feedback
| Future Action | 진행 상황 | Feedback |
|---|---|---|
| DOM을 깨우치다 | pause 🤦♀️ | 잠시 중단! |
| why 리액트? | Not Start🌙 |