Yoon.s

주의사항 - 에러 map is not a function 이라는 타입에러가 날 수 있다. 처음에 무엇이 문제인지 몰랐을 때는 map근처에 있는 것만 엄청 찾아봤다... 하지만, 문제는 map은 배열에서만 사용 가능 알고보니 내가 words를 설정할 때 배열이 아닌 객체로 설정한 것 ! state = { words: [], } 이라고 지정해주면 에러 깔끔하게 해결~~ :)

오류1 위 오류는 렌더링 시 아무것도 반환되지 않습니다. 일반적으로 해당 js파일에 return문이 존재하지 않기 때문에 발생 !! 오류2 위 오류는 map이 undefined 된다는 것입니다. 일반적으로 map에서 사용할 배열에 문제가 있다는 것으로 지정한 배열이 items=[]; 로 잘 적어줬는지, 오타가 나지 않았는지 꼭 확인하세요!! 오류(#주의)3 위와 같이 함수형으로 js파일을 만들때, 함수/ 변수를 불러올 때는 항상 { }으로 묶어서 괄호 안에 넣어줘야 함. 안 그러면 분명 undefined 될 것이다.

일단 리액트 이용하여 프로젝트 생성!! 이때, 리액트 프로젝트의 경우, mobx에서 사용하는 decorator문법(@를 사용한 문법의 형태)을 지원하지 않아 설치해야 함. (초기 설치 시, npm 사용하였기에 npm으로 설치) npx create-react-app 프로젝트이름 cd 프로젝트 이름 npm run eject # 아래 에러 발생 시, Remove untracked files, stash or commit any changes, and try again..... git add . git commit -m "commit before eject" commit 해준 다음 npm run eject 실행할 것 !! 그래도 안된다면, 아예 새로운 디렉터리를 만들어서 그 곳에서 실행해볼 것 ! Mobx 설치..

없어도 되지만 알고있으면 편리한!! Visual code에서 쓰면 좋을 듯한 세팅과 확장 프로그램을 알려드리겠습니다!! 1. 저장할 때 자동으로 코드 정리 : format on save -> 단축키(F1)를 입력하는 것보다 더 편한 방식은 저장할 때 자동으로 정리하게 만드는 것! File -> Preferences -> Settings -> 'format on save' 입력 2. React 단축키 사용 가능 : Reactjs code snippets -> React 관련 템플릿을 단축키로 작성하여 사용할 수 있는 확장 프로그램 rcc: 클래스 형태의 컴포넌트 템플릿 생성 rsc: 함수형 컴포넌트 템플릿 생성 3. 괄호의 짝에 맞게 무지개색 표시 : Rainbow Brackets -> 각종 괄호 (괄호,..