9주차 정리(3/2~3/4)

28일은 교육센터 휴일, 1일은 공휴일이라 2,3,4일만 수업을 진행했다.

이번 주간은 React를 공부하는 주간이었다.

리액트의 기본적인 문법을 학습하고, 이를 응용해보기 위해 넷플릭스 메인페이지 클론 코딩을 시작했다.

(넷플릭스 클론 코딩)

https://paabaep.tistory.com/58

[React] 넷플릭스 메인 화면 클론 코딩

 

먼저 리액트의 기본 문법은 공식문서의 순서대로 진행했다.

(진짜 공식 문서 잘 나와있다...! - 아래는 '그' 순서의 첫번째 문서이다.)

https://ko.reactjs.org/docs/hello-world.html

Hello World – React

 

공식문서에서 알려주는 기본 개념을 위주로 학습하되, 클래스형 컴포넌트는 함수형 컴포넌트로 바꿔가며 실습했다.

확실히 함수형이 이해도 잘 되고, 코드 작성하기도 수월 한 것 같았다.

 

여러 컴포넌트들을 분리해서 선언하고, 이를 가져와서 사용하는 과정은 처음엔 조금 어려웠지만 확실히 사용하다 보니 바닐라 js 코딩 보다 쉬운 것 같았다.

(처음엔 props 사용도 버벅였지만 이젠 나름 이해 하고 있는 것 같다.)

 

물론 종종 npm start 하는 거 까먹고 습관적으로 라이브 서버 열고는 있지만, 차차 고쳐나가면 되겠지 뭐...

넷플릭스 메인 페이지 클론 코딩 한 것은 이후 다른 게시물로 올릴 생각이다.

 

---

컴포넌트를 많이 분리해보는 연습을 한 것 같다.

사실 따라 치는 것은 할 수 있긴 한데, 그걸 그냥 만들라고 하면 자신이 없다.

(특히 css... 난 프론트가 적성이 아닌걸까)

 

이제 돌아오는 주에는 미니프로젝트도 하게 될텐데, 잘 마무리 되고 백엔드로 넘어갔으면 좋겠다.

그리고 티스토리 성실 연재... 정말 쉽지 않다 그냥 자고 싶은 마음이 치솟지만 스스로와의 약속을 오랫동안 지켜본 적이 손에 꼽는 것 같아서 이번에라도 오래오래 지켜보려고 한다.

help