inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

step2. babel preset 설정

2020.04 최신 버전으로 진행시 참고하시면 될거같습니다.

해결된 질문

616

simple_dot

작성한 질문수 2

13

강의를 듣고 따라하는수강생입니다.

강의 그대로  따라 하신다면, 버전을 잘 따라 가야합니다.

최신 버전으로 진행을 한다면 아래와같은 추가적인 사항을 해결해야 합니다.

(진행하면서 발생한 해결한 문제들입니다.)

1. webpack mode설정

- npm run start시 webpack  mode에 관한 에러가 발생했다면, webpack.config.js에  mode에 관한 설정을 추가해야 합니다.(https://joshua1988.github.io/webpack-guide/advanced/mode-config.html#%EC%8B%A4%ED%96%89-%EB%AA%A8%EB%93%9C%EC%97%90-%EB%94%B0%EB%9D%BC-%EC%9B%B9%ED%8C%A9-%EC%84%A4%EC%A0%95-%EB%8B%AC%EB%A6%AC%ED%95%98%EA%B8%B0)

2. babel preset설정

- 해당 git babel preset에는 아래와 같이 README에 작성되어 있습니다.(yarn의 경우도 존재)

  - npm install --save-dev @babel/preset-env

3. babel-loader 에러

- npm run start시 Can't resolve 'babel-loader' 에러가 발생한다면 babel-loader을 설치 하면 해결됩니다.(https://webpack.js.org/loaders/babel-loader/)

4. 프로젝트에서 xmlhttprequest로 json파일을 요청하고 싶은 경우 개발 서버를 실행 시킨후 요청을 해야합니다.

- 영상에서 아래쪽에 나오겠지만, AWS로 이전하여 강의에 나오는 URL은 사용 불가능합니다.

- 그러므로 해당 git(https://github.com/nigayo/inflearn-es6/tree/step4)가서 파일 및 코드를 확인하시면 됩니다.

추가적으로 webpack.config.js modules의 내용은  아래 링크를 참고하시면 됩니다.

https://webpack.js.org/configuration/module/

es6 javascript

답변 2

0

최경호 Choi

감사합니다.

0

bi9choi

좋네요

2022년 기준 웹팩 설정하실 때

0

343

0

로또 구현

0

286

0

선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ

0

256

0

Cannot get 은 무엇이 문제인걸까요?

0

574

0

작업했습니다.

2

237

0

타입 관련 궁금한 점이 있습니다.

1

254

1

Set 사용 안 한 풀이법

0

227

1

로또

0

251

0

이거 링크 없는거 맞죠?

0

194

0

export default 해도

0

204

0

로또 번호 생성 풀이는 없나요??

2

212

0

예제 오류 입니다.

0

193

0

로또 번호 생성기 소스코드

0

338

0

강의에서 사용하시는 툴이 궁금해요

0

265

1

풀이가 없어서

1

249

0

this 바인딩 질문드립니다~

0

240

1

bundle.js 내용이 index.js와 동일합니다

0

737

4

로또 번호 생성기 풀이

0

267

0

전 html 파일을 만들어서 해결해봤습니다.

0

218

0

newArr에 map으로 묶은 fucntion 인자들은 어디서 받아오는 값인가요?

0

200

0

제 답변 올립니다.

0

233

1

ws.has(arr) 문의 입니다.

4

226

2

로또번호 생성기 풀이

0

157

0

왜 이건 유튜브로 나와요?

0

194

0