[DevNote] 0210

오늘 내가 공부 한 것.

• 오늘은 React 공부를 위해 노마드 코더 강의를 들었다. 스파르타 강의를 들으려고 했지만, 도저히 이해가 가지 않아서 과제는 어느정도로만 해놓고 React에 대해서 이해하는 방향으로 가려고 한다.

---

오늘 배운 내용 정리.

1.프로젝트 시작 순서

1. index.js 필요없는 파일 날리고 아래와 같이 만들 것.

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

2. App.js도 정리해 줄 것

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

3. Prop types를 설치하고 import 한다.

• 터미널에서 설치

npm i prop-types

• 해당 컴포넌트에 import.

import PropTypes from "prop-types";

function Button({ text }) {
  return <button>{text}</button>;
}

export default Button;

• PropTypes를 사용해 줌으로써 Props 타입 명시

import PropTypes from "prop-types";

function Button({ text }) {
  return <button>{text}</button>;
}

Button.proTypes = {
  text: PropTypes.string.isRequired,
}; //props의 타입은 String이며 이 props는 Required된다.

export default Button;

느낀점

• 노마드 코더 수업을 들으니 그래도 조금 이해가 되는 것 같다.
• 내일 부터 백엔드와 협업이 있겠지만, 혼자서 공부는 계속 해야 겠다.

---

오늘의 한줄

꾸준하게 공부하자.