Today I Learn _ EP92 ~ EP98_ 14주차

개발 공부 85일차 2021-07-05 (스타일 컴포넌트)

---

오늘은 스타일 컴포넌트에 대해 학습하였다! 확실히 시각적으로 표현할수 있는 파트이기 떄문에 너무 

 

재미있다!!! 하지만 오랜만에 css를 다루다 보니 기본적인 css처리도 잊어버렸다... 그래도 다시 검색을

 

하면서 기억을 되찾으면서 이것 저것 실험을 많이 해보면서 기억을 많이 되찾았다..... 후..... 역시 css는

 

공부 하면 할 수록 익숙해지고 재미있는것 같다!!! 리엑트에서 스타일 컴포넌트는 일반적인  css와 달리

 

컴포넌트화 해서 스타일링을 할 수 있어서 너무 편한것 같다! 심지어 재사용과 엔퍼센드를 활용해서 중복

 

처리도 가능하다!!! 아직 많이 익숙하지는 않치만 많은 연습과 실험을 통해 익혀야 겠다!

 

 

개발 공부 86일차 2021-07-06 (스타일 컴포넌트)

---

후..... 오늘은 뭔가 집중이 안된다..... 왜그럴까 ??...... 시험이 일주일 남은 시점 몸도 정신도 체력도 다 바닥.....

 

비가 많이 와서 그런지 온몸이 쑤신다.... 좀 쉬엄쉬엄 하면서 멘탈관리를 해야겠다...ㅠㅠ 후... 여튼 오늘은

 

스타일 컴포넌트에서 모달창, 테그, 토글, 텝을 구현하는 시간을 가졌다! 역시 두번보는 내용이여서 그런지

 

할만했따..... 하지만 css는 다까먹... 역시 한번 손 놓으면 다까먹는게 css인것 같다. 다시 기억을 되찾으면서

 

진행했고 여전히 css는 재미있다!!! 시각적인 효과를 주기떄문이다!!! 기수이동을 하면서 뭔가 만들어 보는

 

시간을 가지려고 했는데 많이 못만들어서 너무 아쉽다 ㅠㅠ 깃정리와 스터디, 스프린트, 이것 저것 준비

 

하다 보면 개인시간에 미니 프로잭트할 시간이 없다 ㅋㅋㅋ 그래도 무비앱만들기, 유튜브 클론 코딩은 

 

다해서 다행이다... 이번주말에 시간이 허락한다면 또 다른 무엇인가를 만들어 봐야징... ㅎ

 

 

개발 공부 87일차 2021-07-07 (리덕스 예습)

---

스타일 컴포넌트를 활용해서 나만의 미니 프로잭트를 진행하려 했지만 시간상 여유가 없다 ㅠㅠ 여튼 

 

내일부터 리덕스에 대해 다시 학습하게 된다! 저번엔 너무 어렵고 이해를 못하고 넘어갔는데 이번기회에

 

예습 복습 철저히 해서 내것으로 만드는 시간을 가져야 겠다!!! 그래서 오늘은 리덕스에 대해 간단하게

 

영상 강의를 통해서 리덕스에 대한 전반적인 흐름과 사용용도에 대해 알아보았다!!! 처음 봤을땐 몰랐는데

 

역시 다시보니까 이해가 잘되었다! 리덕스는 복잡해진 컴포넌트 관계속에서 상태를 변화 시킬 때 유용하게

 

사용되는 라이브러리이다. 일반적으로 훅으로 프롭스를 전달시키면서 상태를 관리 하는 경우가 많은데

 

복잡한 관계라면 올라갔다 내려갔다~ 많은 컴포넌트를 거쳐서 상태를 전달 시킬 것이다... 하지만 리덕스는

 

하나의 스토어에 저장하고 불러올수 있어서 관리의 효율성과 직관적인 코드를 작성하는데 너무 유용하다!!

 

아직 직접 코드를 작성하면서 실습을 못햇지만 어떤원리인지는 파악하였다!! 내일 리덕스 연습을 많이 

 

해보는 시간을 가져야 겠다!

 

 

개발 공부 88일차 2021-07-08 (리덕스 기본 개념정리)

---

오늘도 리덕스!!! 공부 하면 할수록 재미있다!!! 이해가 가서인가 ? ㅋㅋ 여튼 아직도 많이 부족하지만 

 

리덕스는 액션, 액션을 생성하는 함수, 리듀서, 디스패치 스토어가 있다! 액션은 말그대로 행동하는 것

 

즉 어떤 일을 하는지 정의를 하는 것이다! 액션은 객체로 구성되어 있고 type을 꼭 명시 해줘야 한다!

 

그리고 이 액션을 함수로 표현 한 것이 액션 생성함수이다! 액션 생성함수를 실행시켜주는 것이 

 

리듀서이다!! 이리듀서는 보통 스위치 케이스 문으로 작성하고 액션타입에 따라서 각각의 로직을

 

작성하면 된다. 특히 리덕스 원칙에 따라 순수함수를 사용해야 하자!!! 

 

리듀서를 작성하면 이것을 크리에트스토어 인자에 담아서 사용하면 된다!!! 

 

내일 중으로 리덕스에 대한 기본개념을 디테일하게 정리해서 깃에다 커밋해야겠다!!@ 끝

 

 

 

개발 공부 89일차 2021-07-09 (리덕스 연습 및 실습)

---

오늘은 바닐라 자바스크립트를 통해서 리덕스를 활용한 예시를 만들어서 연습하였고 리덕스에 대해 깊게

 

고민하고 생각하는 시간을 가졌다! 또한 충분히 연습을 다하고 실제로 버튼을 활용해서 리덕스가 어떻게

 

어떤식으로 흘러가는지 파악하게 되었다!!! 역시 눈으로 보는 것보다 직접 치는게 좀 더 쉽게 이해 되는것

 

같다!!! 프로잭트떄 리덕스를 많이 쓴다고하니 확실하게 알고 넘어가야 겠다!!! 주말은 밀린 공부 및 시험

 

대비 관해 전체적으로 복습하는 시간을 가져야 겠따!! 끝~@#

 

개발 공부 90일차 2021-07-10 (리덕스 복습)

---

흑 ㅠㅠ 리덕스를 잘 이해한줄 알았는데 같이 스티디 하는 분이 리덕스를 활용해서 구독 버튼을

 

구현할수 있는지 질문을 받았다. 접근은 쉬웠는데... css랑 같이 병행하면서 하려고 하니까 좀 헷갈렸다....

 

특히 원버튼으로 하려면 어떤 로직을 작성해야될지.. 머리가 백지상태가 되었다 ㅋㅋㅋ 두버튼으로 하면 

 

액션에서 플러스 마이너스를 정의한뒤 리듀서에서 로직을 작성하고 디스페치를 활용하면 비슷하게 

 

구독버튼을 + 버튼을 누르면 숫자가 올라가고 -버튼을 누르면 내려가도록 간단하게 만들었는데 

 

원버튼은 감이 안온다... 후.... 개인 공부도 많이 미뤄서 많은 시간을 할애하지는 않았지만... 시험 끝나고

 

한번 시도해봐야 겠따!!! 나름 스터디분으로 인해서 리덕스에 대해 깊게 고민하는 시간을 가져서 

 

너무 좋았따!! 꼭 해결해보자!!

 

 

개발 공부 91일차 2021-07-11 (전체 복습)

---

다음주에 시험이 있다! 이번 한달간 여태 배웠던 내용에 대해 복습하였다. 특히 리엑트 상태끌어올리기,

 

api호출, 서버에 대해 집중적으로 학습하였고 스프린트도 반복적으로 학습하여 구조가 잘 보인다! 

 

빨리 시험보고 싶다... 너무 달렸더니 온몸이 아프고 피곤하고~ 미치겠다... 시험 끝나고 주말에

 

친구들도 보고 산책도 하고 맛있는것도 먹으면서 힐링하는 시간을 보내야 겠다! 오늘은 일찍 자자...