prototype

• 프로토 타입이란 쉽게 말해 디자인 패턴이다.

• 자바스크립트에서 리소스 낭비없이 객체를 생성해보려는 노력

• 자바스크립트는 프로토타입 기반 언어이다.(클래스 기반이 아니다!-> 리액트에서 사용하는 클래스는 흉내만 낸 클래스다.)

  • 객체의 생성
    1. 생성자함수(new)를 사용해서 만들어진다.
    2. 모든 객체가 어떤 원본 객체에서 복사되어 생성됐는지 알고있다.
    3. 모든 객체는 프로토타입을 가지고 있다.

• 함수로 보는 프로토 타입
  

  • construtor 는 함수이며, 정확히는 cat 함수라고 알려주고 있다.
  • 프로토 타입은 객체라고 알려주는 중
  • 프로토 타입을 열면 여러개의 프로토와 construtor가 나오는데 이렇게 타고 올라가는 구조를 프로토 타입 체인이라고 한다.

컴포넌트 쪼개기

1. 프로토 타입 툴(피그마)

• 프로토 타입 툴은 협업할 때 아주 유용한 툴이다.
• 프로젝트 디자인을 그대로 옮겨 코딩할때 색상같은 세세한 부분을 캐치하기 좋다.
• 컴포넌트 쪼갤때 유용하게 사용된다.

2. 컴포넌트 잘 쪼개기

1. 컴포넌트는 뷰 측면과 데이터 측면에서 두번 쪼개면 굉장히 좋다.
2. 쓰기 편하게 쪼개야한다.
   • 크기가 적당해야 함(너무 크면 쓰기 힘들다.)
   • 모양이 예뻐야 한다 -> props가 적당히 있어야 한다.(너무 많으면 쓰기 어려움)
   • 공통적으로 여러번 쓰이는 것들은 컴포넌트로 따로 빼서 여기저기 붙여주면 편하다.

• 이 세상에 컴포넌트 쪼개는 방법은 오만가지가 있지만, 내게 잘 맞는 방법으로 쪼개면 된다.
• 나는 모방으로 시작할 예정 (큰거에서 작은걸로 쪼개 나갈거다.)
• 컴포넌트 쪼개기, 기능 구현, 데이터 정리 등을 종이에 적어두면 프로젝트를 진행하기 조금 더 수월하다.