albireo3754 / KaTalkFE

1. KaTalkFE

Service Introduction

카카오톡 챗봇 api를 이용하면 간단한 restAPI 서버를 이용해서 챗봇을 만들 수 있다. 그리고 이를 위해 제작한 api 서버를 백엔드로 두고 카카오톡 챗봇을 클론코딩하여 프론트엔드로 구현해보도록 한다.

Purpose

1. 카카오톡을 클론코딩하면서 기초적인 HTML + CSS + JS 공부를 한다.
2. 리팩토링 과정을 거치면서 실제 프로젝트를 효율적으로 설계하고 개선해본다.
3. 최종적으로 리액트를 이용해서 컴포넌트 단위로 재설계하여 본다. +@ 깃허브의 각종 기능들을 사용해보면서 깃허브에 익숙해진다.

Tech Stack

• HTML + CSS + JS
• HTML
• Styled Component(CSS)
• React
• TS
• Redux + Redux Toolkit (상태 관리)

Progress (2021 - 03 - 25)

• React를 적용하기
• TypeScript를 사용하기.
• Redux를 이용해 State관리 하기
• ReduxToolkit의 createAsyncThunk를 이용해 비동기 통신 관리하기.

(HTML + CSS + JS)

(React로 빌드 후 첫 화면)

(비동기 통신 후 데이터 가공해서 화면에 렌더링)

Upcoming

• 함수의 재사용성 증가 시켜보기
• 새로운 디자인 추가 하기