반응형 칸반보드3 사내 칸반보드 개발 프로젝트 -3 스타트업 프론트개발자의 칸반보드 풀스택개발기 사내 칸반보드 개발 프로젝트 -22024.05.15 - [개발] - 사내 칸반보드 개발 프로젝트 -1포부를 밝혔던 1편에이어 이제 진짜 코드가 들어가는 2편이 시작된다.빠르게 설명부터 들어가자 칸반보드의 핵심의 첫번째는 바로 드래그앤sancho216.tistory.com 오늘은 칸반보드의 글을 작성하는 글을 넣어본다 !!그래서 editor를 찾아보았는데 제일 많이 사용하는 에디터인 React-Quill 를 선택했다.내가 사용해보기도 만족도가 높았던 에디터였다. react-quillThe Quill rich-text editor as a React component.. Latest version: 2.0.0, last published: 2 years ago.. 2024. 5. 22. 사내 칸반보드 개발 프로젝트 -2 2024.05.15 - [개발] - 사내 칸반보드 개발 프로젝트 -1포부를 밝혔던 1편에이어 이제 진짜 코드가 들어가는 2편이 시작된다.빠르게 설명부터 들어가자 칸반보드의 핵심의 첫번째는 바로 드래그앤 드롭 기능 구현이다.구글링 해보니 대부분 라이브러리 react-beautiful-dnd 를 사용해서 구현하고 있었다.나는 라이브러리를 사용하기 보다 직접 구현하고 싶어 사용하지 않기로 했다.나에게는 chat gpt가 있으니 말이다.코드를 보여주기전에 나의 스택을 나열하면 1. react2. tailwind3. style-components를 사용했다. css 라이브러리를 특이하게 두개나 사용하는데 taillwind 는 보통 엘레멘트 css 용도로 사용하고 스타일 컴포넌트는 컴포넌트를 만들때 주로 사용한다... 2024. 5. 16. 사내 칸반보드 개발 프로젝트 -1 최근에 프로젝트를 하면서 사내 QA를 피그마로 진행했다.저번에는 노션으로 했었고, 이번에는 어쩌다 보니 피그마로 진행하게 되었는데 불편하지 않았다.다만, 내가 이걸 편하게 만들어서 동료들이 이용했으면 하는 욕구가 폭발해 프로젝트가 끝나자 마자 시작했다. 현재 나는 프론트지만 풀스택으로 개발하는게 목표로 잡았다. 뭐든 목표는 크게 잡는게 중요하니 그리고 무엇보다 실천하는게 제일 중요하니까사담은 그만두고 이제 본론으로 들어가보자 칸반보드를 만들기에 앞서 레퍼런스를 찾아보았다. 그림판에 칸반보드가 있다고 표현하면 적절하다.1. https://boardmix.com/ AI Online Whiteboard Making Collaboration a Breeze - BoardMixJimmy Training Instr.. 2024. 5. 15. 이전 1 다음 반응형
