troubleshooting

React project 초기셋팅을 하던 도중 JSX 문법 사용시 위에 그림처럼 className 또는 onClick과 같은 prop 이름이 자동 제안이 되지가 않아서 질문을 한 적이 있다. 위에 그림처럼 vscode에서 제공하는 extension 문제로 인해 스니펫

React 프로젝트를 하던 도중 가끔 아래와 같은 오류메시지가 발생하곤했다.렌더링 되는 화면에는 별 이상한 문제가 발생하진 않았다. 하지만 오류가 발생한 경로를 보니 내가 작성한 코드도 아니여서 이상하다 싶었다.아무리 구글링으로 검색을 해보아도 이런 오류를 내뱉는 사람

팀 프로젝트 진행중 PropTypes 관련 오류가 발생하였다.defaultProps 와 proptypes 같이 연결해서 쓰던 중 props 지정값을 잘못주어서 생긴 일이다.숫자,문자,엘리먼트 또는 타입을 포함하고 있는 검사해주려면 PropTypes.node 를 사용해야

React 팀 프로젝트 활동 당시 vite로 환경설정을 하게 되어 vite 방식대로 CRA의 절대경로를 설정해 보았더니 제대로 작동이 되질 않아 찾아보다 글을 쓰게 되었다.기본적으로 CRA는 React 공식 홈페이지에서 제공하는 절대 경로 설정 방법(https&#x3A

혼자 진행하는 React 프로젝트 중에서 find 매서드를 사용하다가 알게되었다.find 매서드를 사용하려 했던 이유는 이미지 클릭 시 그에 맞는 이미지에 맞춰서 페이지를 불러오게끔 하려 했다. 만약 밑에 있는 이미지를 클릭 했을 시 ! 이미지에 맞는 페이지를 띄우는

모노레프 팀 프로젝트를 첫 진행과 동시에 겪은 오류 메시지다.다른 팀원들은 nvm 설치가 원활하게 되었지만, 필자는 오류때문에 애를 먹었다.이 글은 zsh 기준으로 설명을 하겠다.꼭 vim 이 아니여도 되지만, 필자는 vscode 에서 해보았지만 되질 않아서 vim으로

원티드 프리온보딩 과제를 진행중 무한 리렌더링이 발생하여 글을 적게 되었다. 기능구현 중 회원가입 후 로그인을 하게 되면 localStroage 에 token 값을 저장하여 TodoPage로 넘어가게 코드를 설정해놓았다. 하지만 todo 페이지로 넘어가기 전, 화면 렌

TodoList를 만드는 도중 input 태그 안에 value 의 기본값을 defaultValue 라고 주었더니 나온 오류이다. value 의 들어가있는 기본값은 state 값의 문제결론부터 말하자면 value 속성은 제어 컴포넌트로서 입력 요소의 상태를 React가

GitHub REST API를 활용하여 특정 깃헙 레파지토리의 이슈 목록과 상세 내용을 확인하는 웹 사이트를 구축하는 프로젝트를 진행 중 아래와 같이 날짜 형식이 원하는 대로 출력이 되질 않아 찾아보다 moment.js 라는 것을 알게되어 이 글을 쓰게 되었다😎mom

이번에 기회가 되어 싱크톤 공모전을 나가게 되었다. 개발단계에서 지도API를 사용하여 Map을 띄우는 부분을 맡게 되었다. map을 띄우는건 react-kakao-maps-sdk 를 사용하여 띄웠는데 문제가 생겼다. map이 초기에 렌더링이 되지 않고 페이지가 나온것

해커톤을 통해 백엔드와 협업을 하며 api 연결하는게 처음이여서, 명세서를 받은 후 혼자 api 연결하는 법을 알아보고 싶어 글을 쓰게 되었다. 또한 배포과정에서 계속해서 CORS 오류가 떠 해결하고자 한 방법들을 적어가며 상기시키기 위해 글을 작성하였다.1️⃣ COR

해커톤에서 백엔드와 협업을 처음 해보았다. 또한 해커톤의 특성상 짧은 시간안에 코드를 짜야하고 각자 분업이 있다보니 API 연결을 거의 시도조차 하지 못했었다. 때문에 리펙토링을 하며 코드를 이해하고 분석하고 싶었다.완성된 코드를 갖고 오진 않았고, API 연결 직전의