3월 9일은 대선으로 인해 수업을 하지 않아서
7, 8, 10, 11 이렇게 4일 간 수업이 있었다.
그중 10일 부터 13일 까지는 리액트를 활용해보는 미니프로젝트를 진행했었다.
리액트의 마지막 수업은 책 주문 사이트를 만들어보는 것이었다.
특히 모달 화면과 컨텍스트 개념을 집중적으로 사용해보았는데,
컨텍스트 개념은 이해하는 데 시간이 조금 걸리긴 했지만, 꼭 필요한 개념이라는 것을 느꼈다.
전역변수 처럼 사용하는 개념이었는데, 이후 팀으로 진행한 미니프로젝트에서도 유용하게 사용되었기 때문이다.
(컨텍스트_Context 개념은 아래 링크를 참고)
https://ko.reactjs.org/docs/context.html
Context – React
A JavaScript library for building user interfaces
ko.reactjs.org
기존에는 여러 컴포넌트 단계마다 일일히 props 값을 넘겨주면서 데이터 등을 전달했는데,
context를 이용하면 이런 단계별 작업 없이, 컴포넌트 전체에 데이터를 제공할 수 있게 된다.
물론 일반적인 상황에서는 컴포넌트간의 props 값을 넘겨주면서 작업하겠지만, 중간의 엘리먼트들에게 props를 넘기면서 작업할 필요가 없을 때나 다양한 레벨에 nested되어 있는 컴포넌트에 데이터를 전달할 때 꼬이지 않고 전달 할 수 있기 때문에 이런 상황에서는 context를 사용하는 것이 좋을 것이다.
이 책 주문 서비스를 구현할 때도 역시 여러 구분된 함수형 컴포넌트를 이용해 화면을 구성했다.
넷플릭스 메인화면 클론 코딩과 책 주문 서비스 구현을 통해 함수형 컴포넌트의 사용은 확실히 이전 보다 익숙 해진 것 같다.
이번 미니 프로젝트 까지 진행하면 이젠 백엔드 영역으로 넘어간다.
다행히..? 어느 정도 js 알러지는 극복한 것 같다.
물론 아직도 익숙하게 코드를 구성하여 작성하는 것은 어렵지만, 적어도 검색해가면서 화면을 구성할 수는 있게 되었고,
나름의 발전이라고 생각한다.
이제 Spring이 나를 기다리고 있다.
기대가 되면서도, 이전에 2번의 학습동안 제대로 이해하지 못한 과거가 있어서 인지 걱정스럽기도 하다.
나 자신.. 화이팅..
'부트캠프수업정리' 카테고리의 다른 글
| 12주차 정리(3/21~3/25) (0) | 2022.03.30 |
|---|---|
| 11주차 정리(3/14~18) (0) | 2022.03.22 |
| 9주차 정리(3/2~3/4) (0) | 2022.03.08 |
| 8주차 정리(2/21~2/25) (0) | 2022.03.02 |
| 7주차 정리(2/14~2/18) (0) | 2022.02.21 |