🚀 What I Learned

인증 & 인가 1

1. 인증과 인가가 무엇인지 설명할 수 있다. Click
2. 사용자의 비밀번호 관리가 어떻게 이루어지는지 이해한다.
3. JWT에 대해서 이해하고 프론트단에서 토큰을 어떻게 관리해야 하는지 이해한다.
4. 내가 만든 로그인 페이지에서 로그인과 회원가입 API를 호출하여 로그인과 회원가입을 리액트에서 구현할 수 있다.

useEffect

1. useEffect()훅을 활용해 다양한 Side Effect(부수효과)를 일으킬 수 있다. Click
2. React에서 일어나는 UI Rendering과 Side Effect(부수 효과)의 차이를 구분하여 설명할 수 있다.
3. useEffect Hook을 활용해 원하는 타이밍(의존성 배열)에 Side Effect를 일으킬 수 있으며, 이 과정에서 일어나는 컴포넌트 렌더링 과정을 설명할 수 있다.

Code Review

1. 코드 리뷰의 필요성과 목적에 대해 이해하고, 이를 기반으로 리뷰를 진행할 수 있다. Click
2. 제공 받은 Refactoring Checklist 에 맞춰 자신의 코드를 수정할 수 있다.
3. Github 에 PR 을 생성할 수 있고, File Changed 탭을 확인하여 팀원의 코드를 리뷰 할 수 있다.
4. Github PR 의 라벨 / 코멘트를 적극 활용하여, 리뷰어와 소통할 수 있다.

로그인 & 회원가입 실습

1. 로그인 과정에서 일어나는 프론트엔드, 백엔드 간 통신 흐름을 설명할 수 있다. Click
2. Access Token 과 JWT의 개념을 이해하고 설명할 수 있다.
3. 백엔드에서 전달 받은 Access Token을 프론트 단에서 어떻게 관리하는지 설명할 수 있다.
4. fetch 함수의 구조를 이해하고, 이를 이용하여 서버에 HTTP 요청을 보낼 수 있다.
5. Postman 을 사용해서 백앤드 API 호출 테스트를 해볼 수 있다.

비동기

1. 프로그래밍 언어에서 동기와 비동기가 무엇인지 설명할 수 있다.
2. 자바스크립트가 동기 방식으로 진행된다는 것을 이해하며 비동기 패턴 구현에 대한 필요성을 느낀다.
3. 자바스크립트에서 비동기를 구현하는 방식을 이해하고 스스로 구현할 수 있다. Click
4. JavaScript에서 비동기에 대해 블로그 글로 정리한다.

[React] Monster 과제

1. useEffect()훅을 통해 data fetching 등 컴포넌트 렌더링 이후 필요한 다양한 side effect(부수효과)를 일으킬 수 있다.
2. fetch() 함수를 사용해 API 호출을 할 수 있다.
3. Array.map() 함수를 통해 component를 재활용할 수 있다.
4. props 를 사용해 단방향(부모 컴포넌트 > 자식 컴포넌트)으로 데이터를 전달할 수 있다.
5. Array.filter() 를 통한 검색기능을 구현할 수 있다. (Optional!)