개발/JavaScript (4) 썸네일형 리스트형 typeof: 변수의 자료형을 알아내자 json으로 데이터를 받아서 forEach나 map을 돌릴라고 하는데 아!! 왜 안돼!! 하고 이리저리 삽질을 하다가 보니 json에서 받아오는 데이터가 object 였던것이였던것이여따.....😭 해서 typeof라는걸 알아 보겠습니다. typeof는 변수의 자료형을 알 수 있습니다. 미리 알았더라면 삽질을 덜 했을텐데.. 🙄 이렇게 사용하면 됩니다. typeof 변수 코드로 예를 들어보면 이렇게 나옵니다. let playon = 1; console.log(typeof playon); // 결과 값 : "number" // playon변수에 다시 넣기 playon = '1'; console.log(typeof playon); // 결과 값 : "string" playon = {playon: 'tistor.. 리액트 프로젝트에 도움을 주는 패키지들 리액트 프로젝트에 도움을 주는 패키지들리액트 프로젝트를 시작하면 이것저것 작업을 편하게 해주는 패키지가 많은데 나중에 한번에 보려고 정리합니다.가능한 패키지들 사용 안하는 스타일인데 꼭 필요하거나 사용하기 좋은 패키지를 사용 안하는건 너무 비효율적이니깐최소한?으로 고고싱~~~~~ 🌐 react-app-polyfillcreate-react-app v2 부터는 IE 지원을 아예 빼 버렸기 때문에 IE 에서도 돌아가게 하려면 polyfill을 추가해야 한다.적용하고 싶은 프로젝트 루트에서 아래 명령어로 polyfill을 추가하자. npm 사용시 #npm install react-app-polyfill yarn 사용시 #yarn add react-app-polyfill 그다음 src/index.js 를 열어 첫.. react + eslint + vscode + airbnb 셋팅 #2 react + eslint + vscode + airbnb 셋팅 #1여기에 이어서.. 1. 프로젝트를 생성합니다. # create-react-app book # cd book book이란 이름의 리액트 프로젝트를 생성합니다.그리고 프로젝트 폴더로 이동합니다. 2. Airbnb 설정 패키지를 설치합니다. # yarn add -D eslint-config-airbnb -D : 옵션은 --dev 옵션하고 같은거로 빌드시 얘를 제외합니다. 3. eslint 설정파일을 생성합니다. # vi .eslintrc.js vi 말고 에디터로 .eslintrc.js 파일 만들어도 되구요.아래 내용을 입력하고 저장합니다. module.exports = { 'parser': 'babel-eslint', 'extends': 'a.. react + eslint + vscode + airbnb 셋팅 #1 react + eslint + vscode + airbnb 써볼라고 이거저거 설치를 몇번을 한건지 모르겠다 ㅠㅠ나중에 또 봐야 하니깐 정리를 해 놔야지 1. vscode 설치(MS에서 만든 무료 에디터. 갓MS)https://code.visualstudio.com/ 2. node.js 설치(with npm)https://nodejs.org/ko/ 3. 설치 잘 됐나 버전 확인 PS C:\playon> node -v v8.12.0 PS C:\playon> npm -v 6.4.1 4. yarn 설치 npm i -g yarn 5. eslint 설치 npm i -g eslint 6. eslint 설치(vscode 확장)https://marketplace.visualstudio.com/items?itemName=.. 이전 1 다음
