[20220428 T]

오늘은 (4) 월 (28) 일 / 날씨: (선선해서 기분이 좋아😋)

한줄: 귀찮거나 바쁘더라도 배운 건 그때그때 기록으로 남길 것...🤹🏻‍♀️ 밤 양재에 이렇게 사람 많은 거 진짜 처음 본다 술집마다 사람이 가득 코로나 진짜 이제 빠이인가🤭 근데 청소는 언제할거니…?

💻 1) WORK MEMO & REVIEW

~~Everyday, 23 to 24 오늘한거 정리해정리

✍️ 소스코드 관련

• setState
  • 리액트는 state가 변경되면 ui가 업데이트
  • state 변경을 위해 setSate함수 호출
  • 현재상태와 새로운상태(setState 함수 안) 비교
  • PureComponent의 경우 -> shallow 비교
  • 그냥 Conponent의 경우 -> setState 될 때마다 무조건
  • setState 는 비동기 함수임!!! 중요!!
  • setState의 2가지 종류
  • 1) setState(newState)
  • 2) setState(preState=> {
    return newState
    }) // ->지난 번에 차장님이 설명해주신 부분
  • 만약 새로운 state 값이 이전 state값과 관련이 있다면 2번으로 써 주는게 best!
• State를 직접 수정하면 좋지 않음!! -> 불변성

  • 직접적으로 수정하면 안 되는 이유

  • 1) setState가 비동기적여서 버그가능성

  • 2) PureComponent에서는 동작x -> 얕은 비교때문에
    https://velog.io/@jellybrown/ReactJS-%EC%96%89%EC%9D%80-%EB%B3%B5%EC%82%ACShallow-Copy-%EA%B9%8A%EC%9D%80-%EB%B3%B5%EC%82%ACDeep-Copy-%EA%B7%B8%EB%A6%AC%EA%B3%A0-React%EC%9D%98-%EB%A6%AC%EB%A0%8C%EB%8D%94%EB%A7%81

    // const handleData = (index) =>(e)=>{
    const newData = [...data];
    newData[index].message = e.target.value:
    setData(newData);
    } -> 이렇게 보다
    
    //const handleData= (index) => (e)=>{
    setData( preData=>
    preData.map((item, dataIndex) => {
    if (dataIndex === index) {
    return {
    			...item,
    message: e.target.value,
    }} 
    else {
    return data;}
    }));
    }  // useCallback 도 써주기

• 추후 소스코드에서 고쳐야 될 것은 체크 훅으로 고치기(코드양줄이기)랑/ setState(pre=> ) 이런식으로 쓰는 것
• 컴포넌트명이랑 변수명 다시 생각해보기
• map쓸때 each 쓰는 거 바꾸기
• 반복되는 컴포넌트 가독성을 위해 분리 vs 코드양 줄이기 위해 통합 ?

💻 2) GRAMMAR OF JAVASCRIPT

Every Morning

✍️ 클로저

• Closures
  • 전역 -> outer -> inner
  • inner 함수에서 outer 함수 scope에 접근할 수 있는
  • 왜 쓰는가? -> 내부 정보 감추고 외부를 통한 데이터 조작
    * 클래스 private 필드 or 메소드

    class Counter {
    	#count=0;
        increase(){
        	this.#count++;
        }
    }
    const counter = new Counter();
    counter.increase();

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures
• 소제목

💻 3) PROJECT & STUDY

Every Evening 24 to 2

✍️ 대제목:

• 소제목
• 소제목

🆎🎾 4) ENGLISH/ GERMAN / TENNIS

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

The alarm is ringing🙄
Working out
Keep having that hight spirit and Continue to carry passion in learning😏
클라리스랑 벌써 8?9개월? Time flies sosososososososo fast

📌 5) ETC (READING/ ECONOMY)

Free time

6) TODO & QUESTIONS

• 테니스 레슨 예약-> 성공
• 서연언니 9일
• 23 to 24정리
• 24 to 2 자료찾기
• 전입신고 하세요/청년지원혜택찾기
• 오전 pull request

❤️ 4월 GOALS

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