[20220407 T]

오늘은 (4) 월 (7) 일 / 날씨: (맑음)

한줄: 하루가 48시간이었으면 좋겠다...👀

💻 1) WORK MEMO & REVIEW

8 to 17(재택),24 to 2

✍️ 소스코드

• git 공부하다 여기저기 헤맴(?) 순삭/ develop에서 branch 따기~
• 흠 커밋메시지를 푸시하고 생각해보니.. '코드리뷰수정' 이렇게 두루뭉술한 거보다 명확히 수정한 부분을 명시하는 게 더 나았을 것 같다는 생각이..🙀
  https://velog.io/@dev_bomdong/Git-%EC%9D%B4%EB%AF%B8-push%ED%95%9C-commit-message-%EC%88%98%EC%A0%95%ED%95%98%EA%B8%B0
  푸쉬 커밋 수정도 가능한듯 한데 옛날에 근데 -force 잘못해서 날려버린 기억이 있어서. .. 일단 보류
• 코드리뷰 부분수정(todo쓰기랑 no-magic-number+)=>수정한 게 맞는지 다시 알아보기..@.@ 그 selectbox는 수정해보긴 했는데 다시 더 고민해보기 (아니면 아래처럼 다 펼쳐서 쓰기?)

 const [classes,setClasses] = useState("전체");
  const handleClassesChange= (option)=>{
    setClasses(option.value)
  }
  const [student,setStudent] = useState("전체");
  const handleStudentChange = (option)=>{
    setStudent(option.value);
  }
  const [subject, setSubject] = useState("전체");
  const handleSubejctChange= (option)=>{
    setSubject(option.value)
  }
  const [type,setType] = useState("전체");
  const handleTypeChange = (option)=>{
    setType(option.value)
  }

  const [submitted, setSubmitted] = useState("전체");
  const handleSubmitted = (option)=>{
    setSubmitted(option.value)  
  };
  
  const handleReset = ()=>{
    setClasses("전체");
    setStudent("전체");
    setSubject("전체");
    setType("전체");
    setSubmitted("전체");
  }

• 커스텀 훅 return array vs object
  https://dev.to/namick/writing-your-own-react-hooks-the-return-value-3lp6

💻 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월)
• 테니스 시작 스트레스 풀기