노마드코딩 수강일지 04 / ReactJS #5 노드 JS 설치, 환경 세팅

https://nomadcoders.co/react-for-beginners/lectures/3279

All Courses – 노마드 코더 Nomad Coders

 

package.json 안에 많은 스크립트들이 저장되어있음

 

react팀에 의해 개발된것들

 

5.1

props, 컴포넌트 등 을 create-react-app 으로 해볼 것

버튼이나 그런것들을 파일에 다른 파일에 만들어두고, 필요한 파일에서 불러와서 사용하는 방식

 

css 모듈?

필요한 모든걸 파일화해서 저장하면 너무 방대해짐.

그렇다고 하나하나 쑤셔넣는것도 싫어?

 

Button.module.css

import PropTypes from "prop-types";

import styles from "./Button.module.css"

function Button({text}){

    return <button className={styles.btn}>{text}</button>;

}

Button.protoTypes = {

    text : PropTypes.string.isRequired,

};

export default Button;

 

 

button.js

import PropTypes from "prop-types";

import styles from "./Button.module.css"

function Button({text}){

    return <button className={styles.btn}>{text}</button>;

}

Button.protoTypes = {

    text : PropTypes.string.isRequired,

};

export default Button;

 

클래스네임은 무작위로 생성되기에, 클래스 이름이 같게 설계하고있었어도 상관 없다