개발새발 민다니

회고 성격이 가득한 글로즉각적인 문제 해결을 원하시는 분은해결 방법으로 넘어가주세요. 우당탕탕 에러 고치기🔨  이번에 신규 프로젝트로 퀴즈 앱 비슷한 걸 만들고 있다. 리액트로 클론 코딩을 여러 번 해보긴 했지만,완전히 내 힘으로 진행하는 창작 프로젝트는 처음이라헤매는 부분도 많고 생각보다 손도 많이 간다. 기능은 주간 스프린트로 하나씩 구현하고 있는데,지난 주는 정말... 미치도록 안 되던 문제가 하나 있었다. useEffect가 안 먹힌다! index는 바뀌는데 왜 반응이 없는거야🤯 문제 번호엔 quizIndex가 바뀔 때마다카드를 자동으로 다시 앞면으로 돌리는 기능을 구현하고 있었다. 그래서 아래처럼 useEffect를 사용했다.useEffect(() => { setFlipped(false);..

JS 같은 경우는 single quote든 double quote든 상관 없지만 권고되는 쪽은 single quote다. 왜냐면 shift 키를 안 눌러도 되니까... 둘 다 되다보니 중구난방으로 쓰면 약간 불쾌하다. 그래서 저장하면 자동으로 single quote 변환이 되는 설정을 했는데, 적용이 안됐다...! 다들 세팅으로 가서 설정하던데, 나만 안돼!!! 근데 아무도 안되는 사람이 없는지 그 해결방안 포스팅이 없었다... 결국 지난 주에 트러블슈팅만 계속하다가 알아낸 방법 ㅎ 01. 많이들 사용하는 방법 1. setting에 들어가 quote 검색을 한다. 2. 네 가지 설정을 위 사진과 동일하게 해준다. JavaScript Quote Style TypeScript Quote Style Prett..

하....ㅋ 개발자들이 왜 개발환경 설정에 한주씩이나 소요하는지 알겠다 ㅋㅋㅋㅋㅋ 내가 뭔가를 같이 실행하고 있는거같은데 도저히 그걸 해결할 방법이 없었다. 다행히 이건 react 만의 에러는 아닌지라 해결방법을 금세 알아낼 수 있었다. 터미널에서 ctrl+c를 통해 빠져나오기도 하고 다른 프로그램을 꺼보기도 했지만 포트 에러가 뜨길래...ㅎ 그냥 포트를 죽여버렸다. lsof -i :3000 터미널에 치면 현재 사용 중인 포트 번호가 뜬다. PID 줄에 있는게 포트번호다. 대충 지금 사용하고 있는 개발툴과 관련있어보이는 것부터 죽이면 된다. 나는 실행파일 다 끄고 vscode 실행창에 쳐서 애초에 PID 번호 하나만 나왔다. kill -9 2430 2430 부분이 내 PID다. 문제해결

아니 취업하고 싶은데 리액트 깔면서 에러가 계속 생긴다. 진로탐색학점제 때문에 진도를 나가려고 이것저것 챙겨갔는데 저번주엔 그냥 오류만 해결하다 한 주를 보냈다. 이번에 나온 에러는, 리액트 플러그인이 package.json과 리액트 사이에서 충돌이 일어난다고... 전에도 그러더니 package.json이 말썽이다. 이 에러는 여러가지 문제에 의해 발생하는거같다. 가장 보편적으로, 누구에게나 적용되는 해결책은 파일을 저장하고 확인할 때마다 package.json도 같이 저장해주는 것이다. 원인이 여러가지인데, package.json을 저장하는 방법은 모두에게나 해결책이 될 수 있을거같으니 정 원인을 못 찾겠으면 임시방편으로 사용해도 될듯. 구글링해보면 디렉토리 이름을 제대로 기입해야한다고 확인해보랬는데,..