240517 TIL&WIL_개인 프로젝트2 (To Do List 제작) 종료 > React 문법(프롭스 구조분해할당)

240510 ~ 240517 개인 프로젝트 종료!
리액트 첫 사용... 🎉

import React from "react";

const ToDoItem = ({ todo }) => {
  return (
    <div>
      {todo.title}
      {todo.content}
    </div>
  );
};

export default ToDoItem;

디스트럭처링 좋아하는데 프롭스로 받아온 거에서 바로 안 된단다...

이거 불가능..... 🥹
import React from "react";
이거 불가능..... 🥹
const ToDoItem = ({ {title, content} }) => {
  return (
    <div>
      {title}
      {content}
    </div>
  );
};
이거 불가능..... 🥹
export default ToDoItem;
이거 불가능..... 🥹

왜 안 되는데......... 바보 같은 JSX 🥹.......

개인과제 컴포넌트 분리 -> 제출
스탠다드반 강의 복습 2배속
스탠다드반 개인과제 todo 공장장 1회 2회 3회
베이직반 강의 듣기 2배속 하고 싶은데 아직도 영상이 안 올라와있다...! 볼 게 많은데 얼른 올라왔으면 좋겠다....🥹

틀린 부분

const formData = new FormData(event.target);
const inputTitle = formData.get("inputTitle");
const inputContent = formData.get("inputContent");

생성자 함수 익숙하지 않다. 익숙하지 않은 게 아니라 개념을 아예 모른다! 외워서 쓰는 것밖에 되지 않는다. 공부하기.

[일주일 회고록]

역시나 함수명 와장창 틀림. 복사붙이기 했는데도...🥹 프롭스 전달이 이렇게나 어렵다. 프롭스 드릴링이.... 🤨 계속 내려보내는 게 이게... 비효율... 컴포넌트를 잘게 쪼개는 리액트의 특성상 (물론 다른 언어도 기능별로 쪼개주는 것이 좋긴 하겠지만 어쨌든) 프롭스 드릴링은... ... ... 얼른 더 리액트의 많은 것에 익숙해져서 더 좋은 방식을 계속 배우고 싶다!

리액트는... 뭔가 접근 방식을 다르게 해야 할 것 같다. 바닐라로 했을 땐 틀 잡아놓고 셀렉트 해서 뭉텅뭉텅 그려도 됐다면, 리액트는... 먼저 컴포넌트부터 자잘하게 분리하는 식으로 배워서 그런지는 몰라도, 어쩐지 작은 부분부터 소소하게 확장시키면서 이벤트까지 미리미리 완성하는 게 속 편한 느낌이다...

뭔가 느낌이 다른데 속 시원하게 표현하기가 힘들다. 어쨌든 느낌은 알았으니 더 열심히 해보기로~~~!