React

리액트 도큐먼트를 번역하고 코드를 이해한다.

ref. React Document - hooksReact

리액트 공식 Document 중 Custom Hook 생성 부분을 번역한 내용이다.구글 번역기의 도움을 빌렸으며, 어색한 문장은 재량껏 번역하도록 하였다.

리덕스 공식 API와 자습서를 번역한 내용이다.구글 번역기의 도움을 빌렸으며, 번역이 어색한 부분은 재량껏 의역하도록 노력하였다.

예제 코드를 보며 Redux를 이용한 상태 관리를 익힌다.

React, Redux를 이용해 간단한 틱택토 게임을 만든다. 리액트 공식 자습서를 기반으로 작성하였으나 클래스 컴포넌트 대신 함수형 컴포넌트를 사용해여 개발한다.

React, Redux를 이용해 간단한 틱택토 게임을 만든다. 리액트 공식 자습서를 기반으로 작성하였으나 클래스 컴포넌트 대신 함수형 컴포넌트를 사용해여 개발한다.

틱택토 게임(2)에서 완성한 프로젝트를 Redux를 이용하는 코드로 변경한다.

handlebars + js + jQuery로 만들어져있던 front view를 React + Redux 로 리펙토링한다.

중복된 컴포넌트를 사용하는 login, join 페이지를 하나의 컴포넌트로 통합한다.

material-table을 이용해 게시판 목록을 출력한다.

미들웨어 redux-thunk를 이용하여 서버에 비동기 요청을 전송한다.

게시글을 클릭하면 모달로 상세 내용을 띄워주고, 수정 요청 후 재랜더링하는 로직을 추가한다.

게시글을 삭제 및 추가 로직을 완성한다. 컴포넌트를 상태에 따라 다르게 생성할 수 있도록 분리한다. + 로그아웃 버튼을 활성화한다.

검색을 구현하기 위해 UI를 변경하고 액션을 추가한다.

검색 범위 설정하기, 관리자 계정으로 로그인 한 경우 데이터 삭제 가능하도록 변경, 로그인하지 않은 경우 자동으로 로그인 페이지로 이동하기, api 요청에 실패한 경우 로직 추가