일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 컴포넌트 최적화
- React Router dom v6
- .env
- leetcode
- 모던 자바스크립트 Deep Dive
- Vite
- engines locking
- React Private Routes
- Sanity.io
- react-dom
- 모던 자바스크립티 Deep Dive
- toast-ui-editor
- Biweekly Contest 79
- React.memo
- Weekly Contest
- next-auth
- React
- next.js
- React Public Routes
- BFS
- javascript
- LV. 2
- 프로그래머스
- commitlint
- tailwindcss
- Medium
- 호이스팅
- medinum
- eslintrc
- sql
- Today
- Total
목록전체 글 (55)
뚜벅
vite를 사용하여 react 프로젝트 생성 후 eslint 설정한 뒤 git에 push를 하니깐 다음과 같은 에러가 발생했습니다! react-app을 찾을 수 없어서 생긴 에러인 거 같습니다. 해결 방법은 eslint-config-react-app을 설치하여 해결했습니다. npm i eslint-config-react-app 참고 링크 ESLint error - ESLint couldn't find the config "react-app" Me with my team, start a new React Project using the create-react-app bootstrap command. We add the eslint section on the project but we stuck with a..
사이드 바가 열려있을 때, 외부 클릭을 하면 사이드 바를 닫아주는것을 구현하기 위해 아래와 같이 외부 클릭 시 이벤트를 주었습니다. 전체 코드
이번 팀 프로젝트에서 redux을 사용할 일이 있어 공부도 할 겸 정리해봅니다! 우선 redux를 사용하기 위해 알아야 할 4가지 개념을 간단하게 정리해보면 1. redux 복잡한 상태를 관리하는데 도움이 되는 상태 관리 도구이며 예측이 가능하다. 중앙 데이터 저장소 (CDN)를 통해 전체 데이터 저장소를 한 곳에서 관리할 수 있다. 2. reducers 상태를 관리하고 새롭게 업데이트된 상태를 반환해준다. 3. actions actions는 type, payload 두 가지 속성을 가지며 type는 고유 식별자 payload는 디스패치에 대한 데이터가 포함되어 있다. 4. dispatch 데이터 업데이트 actions를 보내는 데 사용된다. Redux 사용 1. react에서 redux를 사용하기 위해..
organization을 생성해서 팀 프로젝트를 하던 중 발생한 오류를 해결한 방법에 대해 기록합니다. 처음 클론을 받고 커밋 한뒤 푸시를 했더니 권한이 없다는 에러가 발생 했습니다. 인터넷에 찾아보니 보통 아래와 같은 방식으로 다들 해결할 수 있다고 했지만.... 모두 실패했습니다. 1. git remote set-url 원격 저장소 주소 2. 해당 레포에서 ssh key 발급 및 추가 거의.. 1시간을 같은 문제로 시간을 날리고 멘탈이 나가던 중...!! 어떤 블로그를 통해 해결 방법을 찾았습니다. 블로그는 아래 참고 링크 확인해주세요! 우선 제어판 -> 사용자 계정 -> 자격 증명 관리자 -> Windows 자격 증명 위의 경로대로 들어가서 git과 관련된 자격을 모두 삭제해줍니다 그리고 푸시를 해..
최근 프로젝트를 마무리하고 Netlify로 배포를 했습니다. 그 과정 중에 있던 에러 해결 과정을 글로 남깁니다.!! Netlify를 선택한 이유는 배포하는 과정이 쉽고, 무료인 점 그리고 깃허브에 연동후 배포 한경우 push 가 있을 때 자동으로 재 빌드를 해주는 점 때문에 Netlify를 선택하여 배포하였습니다. 하지만 배포 과정 중 에러가 많이 나왔고 특히 "build.command" failed 부분에서 시간을 많이 낭비했습니다. 다른 블로그와 Netlify 커뮤니티를 검색해서 찾아본 결과 1. package.json의 scripts에 build에서 "CI = react-scripts build" 실패!, 터미널에서 실행 안됨 2. package.json에서 배포한 주소를 homepage에 입력 ..
라이브러리를 정상적으로 설치하고 버전 에러를 해결하니 또 다른 문제점이 발생합니다. 샐 행 하는 데는 문제점이 없지만.. 계속 보이는 게 마음에 안 들어서 수정해 봅니다. 이 같은 문제는 toast ui editor 깃 헙 이슈에도 올라와 있는데요 https://github.com/nhn/tui.editor/issues/2137 Failed to parse source map (@toast-ui/editor/dist/purify.js.map) · Issue #2137 · nhn/tui.editor Describe the bug Cant parse the source map for toast-ui/editor Compiled with warnings. Failed to parse source map fro..