내일배움캠프 React트랙 28일차 회고 (2022.12.08)

비동기처리에서 진도가 잘 안나갔다.. (뭐 물론 자바스크립트랑 리액트랑 병행해서였다는 핑계거리가 있기는 하지만)

뭔가뭔가  외부문서와 외부강의를 봐도 이해도 안가고 제자리걸음이었다.

그러다 모던자바스크립트 Deep Dive책을 참고했더니 퐝! 하고 뚫렸다. 어려운 책이라 참고를 가장 늦게 했는데 오히려 비동기처리의 

과정이 빠짐없이 적혀있어 미시적으로 찝찝하고 이해안가는 부분이 이해가 가게되어서 거시적으로도 이해가 되었다. 

백지에 펜으로 필기하다가 내친김에 굿노트로 잘 정리해둬서 두고두고 이해안갈때마다 보려고 꽤 시간들여 요약본을 만들었다.

아마 이것만 가지고 비동기를 접해보지 못한사람이 비동기를 이해하기는 힘들지만, 나한테는 이해안갔던 빈곳위주로 잘 정리해둔 필기노트니까 나한테는 이해가 가서 좋다. 일부러 최대한 간단간단하게 쓸려고 노력했다. 그래야 요약노트니까.

---

import React from 'react';
import Avartar from './Avartar';

export default function Profile({ image, name, title, isNew }) {
  return (
    <div className='profile'>
      <Avartar image={image} isNew={isNew} />
      <h1>{name}</h1>
      <p>{title}</p>
    </div>
  );
}

React의 컴포넌트에서 다른 컴포넌트를 사용할때는 props를 요롷게 활용해주면 된다.

<Avartar image={image} isNew={isNew} />