[TIL] 20210714

🎯 오늘 공부한 것

• [React] 학원 수업 - Axios를 이용한 게시판 CRUD 구현 및 복습
• [React] velopert 인프런 강의 완강

---

📚 보충해야 할 것

• [React] 이벤트 이해하기

handleCreate = (data) => {
    const { information } = this.state;
    this.setState({
      information: information.concat(
        Object.assign({}, data, {
          id: this.id++,
        })
      ),
    });
  };

  render() {
    return (
      <div>
        <PhoneForm onCreate={this.handleCreate}></PhoneForm>
        <PhoneInfoList data={this.state.information}></PhoneInfoList>
      </div>
    );
  }

 

- handleCreate에서 parameter에 넣어주는 data는 어떻게 받아오는 걸까? 이해가 안된다... onClick은 event를 parameter로 쓰는 게 이해가 가는데... 사용자가 만든 이벤트 핸들러는 parameter를 어디서 받아오는 것인가..?

 

• [React] Axios 비동기 사용법
• [Node.js] 복습

---

🎇 Reflection

• 10시까지 우아한 형제들 채용설명회 들었다. 복지가 진짜 대박이다. 신입 초봉 6천만원에 사인온보너스 20퍼에 주 35시간 기준 연장근로하면 분당으로 계산해서 연장 수당 주고 재택근무 2일 고정에 재택근무 지원비 10만원 준다고 함. 책은 무제한으로 사준다고(소설도!!). 10월에 우테코 모집한다고 함.
• axios 써서 백엔드랑 연결하는 거 했는데 노드가 넘 부족하다는 걸 다시 한 번 깨달았다. 혼자 해보라고 시간 주셨는데 완전 막막했다. 복습 열심히 해야겠다.
• 티스토리에서 코드 블럭 하이라이트 안되는 거 거슬렸는데 플러그인 설치했더니 하이라이트 된다!
• 벨로퍼트님 인프런 강의 듣는데 이해가 잘 안돼서 어제 저녁에는 1강 정도만 듣고 잤다. 아침에 일어나서 다시 들으면서 이해해보려고 했는데 여전히 이해가 안갔다. 리액트 공식문서 보면서 이해해봐야겠다.
• 개발바닥 유튜브에 어젠가 올라온 영상 보는데 향로님이 <리팩토링 2판>을 가지고 js 스터디하는 얘기를 해주셨다. 객체지향과 NestJS와 DDD에 대해 꼭 공부해봐야겠다고 느낌!!!! 아래는 향로님이 추천해주신 NestJS 관련 Medium 글이다. 지금은 못 읽을 것 같고 나중을 위해 남겨놓음.

Why I choose NestJS over other Node JS frameworks

Nest.js — Architectural Pattern, Controllers, Providers, and Modules.

8 Best Practices for Future-Proofing Your TypeScript Code