[20220407 T]

💻 2) GRAMMAR OF JAVASCRIPT

6 to 7

✍️ 클래스

• 클래스
  • 자바스크립트 내부적 이용 (프로토타입)
  • es6 이후 클래스 이용 객체지향 프로그래밍
    * 과거 생성자 함수
  • 클래스를 통해 만든 object => instance

• 클래스 예시

class 클래스 네임{
//클래스 초기화 작업
//field
constructor(){
//생성자 -> new 키워드로 객체를 생성할 때
//함수는 생성자 밖에 많이 씀 (this x, function 생략)
}
//함수이름(){}
//get 또는 set 함수이름(){}
}

- 접근제어자? private(#) : 외부에서 접근 불가능, public , protected

• getter/setter

  • 함수를 항상 property로 만들 순 없음
  • 접근자 프로퍼티

• 상속

class Fruit{
생략
}

class Banana extends Fruit{
생략
}
과일의 속성 매서드 다 접근가능
공통은 공유, 필요한 것은 추가

• super 이거는 부모 클래스와 관련!!
  생성자에서 super(특정) / super.함수()

💻 3) SNS PROJECT

22 to 24

✍️ 회원가입 페이지/ 관련 자료

• 커스텀 훅

• 리덕스

  • next redux wrapper
  • require 대신 import
  • Provider 필요없음
  • 필요성- 여러페이지에서 공통적인 데이터 like 로그인 여부
  • context api, redux, mobx 등등 중앙 데이터 관리
  • 비동기 요청/성공/실패
  • 컴포넌트는 화면만 그려주기/ 데이터는 중앙에서
    * 데이터 수정, 추가, 삭제
  • {} ==={}//false 새로운 객체
  • 히스토리 관리하기 위해 항상 새로운 객체 생성(return {})-> 참조관계로 하면 안됨/ 메모리(...state) 아끼기 위해-> 참조관계 유지해도 ok
  • 이전 상태 + 액션 => 다음상태
  • 액션을 만들어 주는 함수 , 동적으로

  const 함수이름 = (data)=>{
  return{
  type:"PLUS",
  data:data,
  }
  }

  store.dispatch(함수이름(data))

  • useSelector (react-redux)
  • useDispath

const 변수이름 = useSelecot(state=>state.user.변수이름);

const dispatch = useDispatch();
dispathch(action_creator(data))

🆎🎾 4) ENGLISH/ GERMAN / TENNIS

Monday/ Wednesday/ Thursday (Clarisse랑 날짜 조정하기)
Wednesday/ Saturday

• clarisse (20 to 21)
  * subside => to become less strong
  • ultrasound
  • co-members
  • enthrall

📌 5) ETC (READING/ ECONOMY)

Free time

6) TODO & QUESTIONS

• 클래스 예제 만들기/
• searchbox 고정이랑 search 이거 페이지 이동 처리?
• 내일 테니스복, 서점, 텐동?🤔
• "전체" 상수처리

❤️ 4월 GOALS

• 루틴화하기(집중 안되더라도 습관화하기)
• 이해하고 넘어가도록 노력하기
• 업무 질문 많이많이하기
• es6 재정리하기/ SNS Project & Redux(4-5월)
• 테니스 시작 스트레스 풀기