728x90 개발24 사내 칸반보드 개발 프로젝트 -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. 리액트 버전 변경하기 프로젝트 진행 중 에러가 발생했는데, 리액트 버전 때문에 발생한 에러였다. 일단 npx-create-react-app [폴더이름] 을 통해 폴더를 만듭니다. 처음 package.json 지금 보면 react,react-dom이 17.0.2 버전인 것을 확인 할 수 있다. 버전 변경은 생각보다 한줄만 쓰면 어렵게 않게 할 수 있습니다. npm install react@^[버전 정보] react-dom@[버전 정보] 터미널에서 위의 코드를 쓰면 버전 변경이 가능합니다. 변경 후 package.json 리액트 버전이 16.14.0으로 바뀐 것을 확인 할 수 있습니다. 에러 발생 위에 사진처럼 에러 발생 해 구글링중에 버전 문제인 것을 알게되 블로그 작성까지 이끌게 되었다. 사실 지금 적용한 라이브러리가 내가 .. 2022. 7. 1. 이니시스 PG 웹 연동시 결제창이 뜨지 않을 경우 feat. bootstrap v4 회사 프로젝트에서 kg이니시스 모듈을 붙이다 마주한 에러 해결에 관한 글이다. 한 4일동안 고생했다. 사수의 도움을 받기도 했지만, 심리적으로 쉽지 않았다. 문제 화면 결제를 클릭했을 때 kg이니시스 모듈이 나와야 하는데, 안나오는 현상이었다. 몇일 동안 고생하던 중 사수님 덕분에 알게됐는데 bootstarp v4 버전에 있는 문제때문에 발생한 현상이었다. 구글링을 다르게 했으면 찾을 수 있었는데 ㅠㅠ나는 부족하다. 아래 코드 때문에 모듈이 안나오는 문제였다. 처음 찾은 솔루션 bootstrap 버전을 낮추는 방법이였는데 이니시스 모듈을 나오나 큰 단점이 bootstrap버전이 달라지다보니 해놨던 디자인 다 깨지는 현상이 발생해서 다른 솔루션이 필요했다. 그때 큰 절망을 느꼈다. 적용 솔루션 열심히 다시.. 2022. 7. 1. 이전 1 2 3 4 다음 728x90
