KPT 보드 V1

현재 코드스테이츠 부트캠프에서 섹션(한달)마다 KPT 회고를 하고 있습니다.

• 마크다운 등 텍스트로 KEEP, PROBLEMS, TRY 을 정리하다보면 한 눈에 KPT 를 볼 수 없는 것이 불편했습니다.

그래서 KPT 를 한 눈에 볼수 있도록 칠판에 메모장을 붙이는 느낌을 줄 수 있도록 드래그 & 드롭 'KPT 보드' 를 만들었습니다.

• 실제로 KPT 회고를 해당 보드로 하니까 한 눈에 KPT 를 한눈에 볼 수 있어서 좋았습니다.

기여자

• @HyeonWooGa(박연우)

동작 예시

• 오늘 부트캠프에서 회고를 하는 날이였기 때문에 당일에 부랴부랴 스케쥴들 사이에 만들어서 동기들에게 빠르게 공유해주고 싶어 디자인적인 디테일이 꽤 부족할 수 있습니다.
• 최대한 미니멀하게 드래그 & 드랍, 생성, 삭제 기능만 구현하였습니다.
• 로컬스토리지를 사용하여 브라우저 종료, 재시작 발생하여도 데이터가 남아 있을수 있도록 하였습니다.

기술 스택

• React
• Recoil
• Styled-Components
• React-Beautiful-DnD
• React-Hook-Form

덧붙임

작은 것이라도 그때그때 필요한 웹 어플리케이션을 직접 구현해보고 사용하고 또 공유하는 경험이 중독적일 정도로 즐겁습니다.