Enjoy Programming

react에서 styling해주는 방법은 css파일을 만들어 한번에 import 해주거나 또는 각 컴포넌트들과 묶어서 css를 import해주는 방법이 있다. react는 각 부분부분을 나누어 쓰는 컴포넌트화 시키는 것에 의미가 있기에 이런식으로 index.js파일을 포함한 폴더를 만들어서 default로 내보내주면 인식이된다. 음 .. index라는게.. 의미가 크구나 싶다. 아직 잘 이해는 안간다 계속 봐야 할듯 하다. 그런데 css를 하다보면 class명을 주기가 참 까다롭다. class명이 중복되지 않도록 코드를 짜는게 상당히 성가시다. 물론 같은 class를 줘서 함께 prop을 주기는 좋지만~ 코드가 방대해지다 보면 다른 부분과 겹칠 가능성도 농후한데 react에서는 css모듈이라는 것을 이용..

이번에는 동일 파일 안에서 작업을 해보자 이렇게 동일 파일 안에서 한 컴포넌트에 다른 컴포넌트를 넣어서도 사용 가능하다 jsx에서는 component에 정보를 보낼 수 있다. react는 기본적으로 재사용 가능한 component를 만들 수 있다. 반복적으로 사용가능하다는 말이다. 이제 jsx문법을 간단히 보며 시작해보자 props(propertys)와 함께~ 먼저 무비 컴포넌트를 만들어주고 I love thor라고 텍스트를 지정해줬다. 메인 컴포넌트인 App에 라고 입력해주면~ 변화는 없다. 여기서 name은 html에서 class=~ id=~이런 속성이다 name 속성~ 자 변화를 시켜보자 현재 movie컴포넌트에 parasite라고 value로 prop name을 지정해줬다. name이 아니어도 되..