반응형 react8 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. 리액트 버전 변경하기 프로젝트 진행 중 에러가 발생했는데, 리액트 버전 때문에 발생한 에러였다. 일단 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. (React)카운터 Redux로 만들기 - 6 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의React 완벽 가이드 with Redux, Next.js, TypeScript 이번강의에서는 Redux에서 ReduxToolkit를 활용해 코드를 리팩토링 할 예정이다. ReduxToolkit은 리덕스의 몇가지 특징을 단순환 시킨 라이브러리라고 생각하면 편하다. 기존 index.js import { legacy_createStore } from 'redux'; const initialState = { counter: 0, counterShow: true }; const counterReducer = (state = initialState.. 2022. 6. 24. (React)카운터 Redux로 만들기 - 5 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번글에서 카운터를 보여줬다고, 숨겼다가 하는 기능을 추가할 예정이다. Counter.js import { legac.. 2022. 6. 24. (React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번에는 5가 증가하는 버튼을 만들어 볼 예정입니다. counter.js import React from 'react'.. 2022. 6. 23. 이전 1 2 다음 반응형
