Today Hailie Learned

next.js라는 서버사이드 렌더링 프레인 워크로 만들어진 파일을 Create React App를 사용했을때와 같이 'npm start' 명령어로 브라우저를 여는데 위 화면과 같은 오류를 만났습니다. Port 3000 is alreay in use. Create React App를 사용했다면 자동으로 다른 포트로 연결을 해주었지만, next.js는 저 문구만 나오고 더 이상의 진전이 없었는데요! 그래서 구글링 고고!! 맥북 터미널 창을 열고, 아래와 같은 명령어를 입력했습니다. STEP 1. sudo lsof -i :포트번호 ➥ 저의 경우는 3000 포트를 찾고 싶어서 sudo lsof -i :3000을 입력했습니다. ⭐️⭐️⭐️여기서 sudo를 안쓰면 완전히 kill 한게 아니기 때문에 꼭 sudo를 ..

🙃오류 메세지 ~ contains an input of type text with both value and defaultValue props. 👇 오류난 코드 const [username, setUsername] = useState('parkhacker'); 😄오류 해결 방법 ➥ 와 는 defaultChecked를 지원하고 와 는 defaultValue를 지원한다고 한다. 그래서 위의 defaultValue 값을 주석처리 해서 오류를 해결했다. (state의 초기값으로 원하는 값을 설정해줘서 문제 없다고 판단했다. ) 👇 오류 해결한 코드 const [username, setUsername] = useState('parkhacker'); 참고한 사이트 https://ko.reactjs.org/docs/..

👇 오류난 코드 {/* TODO : 하나의 트윗이 아니라, 주어진 트윗 목록(dummyTweets) 갯수에 맞게 보여줘야 합니다. */} {newTweet.map((tweet) => { return ; })} 주어진 트윗 목록인 dummyTweets에는 고유한 id값이 있어서 key값에 tweet.id를 설정했지만, 속성이 모든 개체에서 고유하지 않다고 오류가 났다. id라는 고유한 값이 있어서 문제가 없을거라고 생각했지만, 왜인지 모르게 오류가 났다. 😄오류해결 방법 map() 화살표 함수에 두 번째 매개변수인 index 를 사용하는 것이다. 👇 해결한 코드 {/* TODO : 하나의 트윗이 아니라, 주어진 트윗 목록(dummyTweets) 갯수에 맞게 보여줘야 합니다. */} {newTweet.map..

=> 위의 .DS_store과 위 사진에는 없는 test.md파일이 말썽을 피웠다. 🤔문제 사항 깃헙 main 브런치에 공부한 내용을 내 브런치에 push 후, main 브런치에 merge를 해야한다. 그런데 어느날부터인지 pull, switch, add, commit, push시 .DS_store, test.md파일이 지속적으로 문제를 일으키고 있었다. 그리고 대부분은 위의 에러코드처럼 아래 파일이 덮여쓰인다고 변경되는 내용을 commit하거나 stash 하라고 오류창이 계속 떴다. 그런데 문제는 commit하거나 stash을 해도 해결되지 않는다는 점이였다!!! 🤔 해결 방법 내 브랜치에서 문제가 되는 폴더에서 .DS_Store와 test.md 파일을 제거하고 메인 폴더에서 .DS_store와 tes..

제주 코딩 베이스캠프의 Javascript 100제 중 문제28 : 2-gram 를 풀던 중 만난 오류 입니다. 입력창으로 직접 문자열을 입력받은 후, input 이라는 변수에 할당을 해줍니다. 그리고 input의 타입이 정말 문자열에 속하는지 확인합니다. 반복문을 통해 원하는 문자의 자리를 출력합니다. 여기서 저는 for 반복문 안에 return 을 써서 바로 제가 원하는 값을 출력하려고 했습니다. 이 도중에 만난 에러 Uncaught SyntaxError: Illegal return statement 여기서 이 에러가 난 이유 : return 은 함수 블록 내부에서만 사용된다. 그런데 위의 코드에서는 function이 없으므로 return 을 쓰면 에러가 난다. return only makes sen..

Node.js로 npm으로 모듈을 설치해야 할때, 아래와 같은 오류 메세지를 받았다. ENOENT: no such file or directory, open ... 👇해결하기👇 npm은 사용하기 전에는 프로젝트 폴더에서 "npm init"으로 초기 설정을 해줘야 한다. ​ $ npm init​ 그리고 Enter만 치고, 완료가 되었다면 $ npm install finalhandler​ 엔터

1. html 파일을 index.html로 바꾸자 2. 이렇게 삽입하자. 3. 깃허브를 올릴 땐 경로를 잘 확인하자. (1) html 안의 js 파일들의 경로 예를들자면 가 아니라 왜냐면 깃헙에 커밋할 때 폴더 그대로 안올리기 때문 (2) 파일의 대소문자 확인하기 (3) 이미지 파일을 삽입했다면 경로 잘 확인하기 4. 그래도 문제라면 콘솔창을 잘 확인해서 문제를 파악하자!