카카오톡 챗봇 api를 이용하면 간단한 restAPI 서버를 이용해서 챗봇을 만들 수 있다. 그리고 이를 위해 제작한 api 서버를 백엔드로 두고 카카오톡 챗봇을 클론코딩하여 프론트엔드로 구현해보도록 한다.
- 카카오톡을 클론코딩하면서 기초적인 HTML + CSS + JS 공부를 한다.
- 리팩토링 과정을 거치면서 실제 프로젝트를 효율적으로 설계하고 개선해본다.
- 최종적으로 리액트를 이용해서 컴포넌트 단위로 재설계하여 본다. +@ 깃허브의 각종 기능들을 사용해보면서 깃허브에 익숙해진다.
HTML + CSS + JS- HTML
- Styled Component(CSS)
- React
- TS
- Redux + Redux Toolkit (상태 관리)
- React를 적용하기
- TypeScript를 사용하기.
- Redux를 이용해 State관리 하기
- ReduxToolkit의 createAsyncThunk를 이용해 비동기 통신 관리하기.
(HTML + CSS + JS)
(React로 빌드 후 첫 화면)
(비동기 통신 후 데이터 가공해서 화면에 렌더링)
- 함수의 재사용성 증가 시켜보기
- 새로운 디자인 추가 하기