본문 바로가기
반응형

전체 글411

사내 칸반보드 개발 프로젝트 -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.
tailwind css prettierrc 적용하기 tailwind css prettierrc 적용기 ~ 많은 개발자들이 깔끔한 코드를 위해 prettierrc 사용하죠 ~~그리고 요즘 프론트 개발자들이 많이 사용하는 tailwind !!!단점이라면 class 에 넣다보면 규칙성 없이 적용해 지저분하죠 !! 그것을 단번에 해결할 수 있는 방법은 바로 tailwind css prettierrc 적용하면 됩니다. 일단 공식문서링크https://tailwindcss.com/blog/automatic-class-sorting-with-prettier Automatic Class Sorting with Prettier - Tailwind CSSPeople have been talking about the best way to sort your utility cla.. 2024. 5. 10.
[React] 뽀모도로 개발 일기 - 1 10년전 까까머리 고등학생들, 미국 횡단을 결정하다.모든 일이 생각보다 거창하지 않게 시작하는 경우가 많다. 이번에 가는 여행도 퇴근길에 나와 민창이 그냥 전화 한 통으로 시작됐다(믿기지 않겠지만) 통화내용은 우리가 고등학교 때부터 같이sancho216.tistory.com미국을 다녀온 후 1달이 지난 지금  원래 집중력이 좋은 사람이 아닌데 집중력이 더 약해진 것 같은 느낌이 들어환경적인요인을 강화하려고 몇가지들 결정했습니다.그리고 개발자인만큼 개발실력이 늘지않고 퇴화되는 느낌이 너무너무 강하게 들어.......정신차리자는 의미에서 뽀모도로 타이머를 직접 개발하고 배포까지 해보려고 합니다. 배포도 클라우드를 이용해서 한번 해보려고 합니다. 환경 생성1. 미국 가기전에 했던 스터디 재 참가( 심지어 카톡.. 2023. 3. 9.
웹 폰트 최적화하기 회사 프로젝트를 하면서 웹 폰트가 바뀌는 부분이 사용자에게 노출이 되어서 수정해야지 마음만 먹다가 이번주에 시간이 될 것 같아 드디어 수정을 했습니다. 수정을 하면서 웹 폰트 최적화에 대해 알게 된점을 블로그에 공유하면 더 좋을 것 같아 글을 써봅니다. 본격적인 설명에 앞서 1. 웹 폰트란 ?? 요즘 핫한 chatGPT 한번 물어봤습니다 ㅋㅋ 웹폰트는 웹 사이트에서 사용되는 폰트를 서버에서 다운로드 받아 사용하는 기술입니다. 이를 통해 사용자가 해당 폰트를 설치하지 않아도 웹 사이트에서 폰트를 일관되게 보여줄 수 있습니다. 웹폰트를 사용하면 사용자가 해당 폰트를 설치하지 않아도 웹 사이트에서 폰트를 일관되게 보여줄 수 있습니다. 이는 사용자가 더 나은 사용자 경험을 느끼도록 도와주며, 웹 디자인에서도 중.. 2023. 3. 6.
반응형

티스토리툴바