[TIL] 2020-03-25

[ groomedu ]

- 웹 표준 사이트 만들기(2019) 헤더 타이틀 & 웹 폰트까지 수강

[ 노마드코더 ]

- ReactJS로 웹 서비스 만들기 재수강

 

[ 배운 내용 및 회의록 ]

- 둘다 클론 코딩으로 이루어졌기 때문에, 코딩을 하는 것을 따라서 진행하는 중이다.

- 웹 표준 사이트를 만들 때, 레이아웃을 구분하기 위해 div에 id값으로 header, contents, footer를 적용해서 기본 틀을 만들고, 또 그 안에서 div로 header안에 또 다른 레이아웃을 구성하고, 또 contents안에 또 다른 레이아웃을 구성하는 방법을 배우고 있다.

- 다른 React 강의를 듣고 있지만, 너무 이론 위주이고 중간중간에 모르는 개념들이 많아서, 노마드코더 React강의를 다시 재수강하면서 기본 개념을 잡고, 다른 React 강의를 다시 진행할 예정으로 공부하는 중이다.

- React에서 부모 컴포넌트에서 자식 컴포넌트한테 데이터를 보낼 때, <컴포넌트 속성="속성 값" /> 이런 형식으로 보내진다.

- 자식 컴포넌트에서 console.log(props)를 하면 콘솔창에서 해당하는 값들이 객체로 되어있고, 객체 안에 해당 속성과 속성 값들이 들어있다.

- 자식 컴포넌트에서 보내진 데이터를 받을 때, 인자값을 props로 정하고 props. 속성 이름으로 받아도 되지만, javascript 최신 문법(ES6)에서는 { 속성 } 이름으로 데이터를 받아서 사용할 수 있다.