33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨프론트엔드 개발자를 위한 웹팩
.txt 파일 자동생성 관련 질문이 있습니다.
main.js.LICENSE.txt 파일이 자동으로 생성이 됩니다. 라이센스 .txt 파일이 생성되지 않게 설정하는 방법도 있나요?
- 미해결프론트엔드 개발자를 위한 웹팩
gulp 명령어 오류입니다..
OS: WINDOW--global 옵션을 통해 전역 설치를 진행후 터미널을 bash, powershell, cmd 모두 gulp 명령어를 인식하지 못하고 있는데 윈도우는 불가능한가요?
- 미해결프론트엔드 개발자를 위한 웹팩
es6 modules build 결과 확인시 app.js가 나오지 않습니다
강사님의 깃헙 클론 받고, npm i -> build 폴더 삭제 -> npm run build 실행해주었습니다 그런데 콘솔창을 확인하면 저는 main.bundle.js로 나옵니다. 무엇이 문제일까요?
- 미해결프론트엔드 개발자를 위한 웹팩
데브서버 실행시 질문
1. package.json에 등록된 "dev" 명령어로 인해 webpack serve 가 실행 2. webpack serve는 webpack.config.js를 읽어서 인메모리에 빌드결과물을 적재 3. localhost:${devServer.port}에서 확인할 수 있는것으로 보입니다. webpack.config.js에 output설정으로 지정된 값들을 데브서버가 확인하고, 빌드결과물 내부의 index.html을 실행시키는거라고 이해가 됩니다. 제가 이해한 부분이 맞나요?
- 미해결프론트엔드 개발자를 위한 웹팩
보통 실서버에 올라가기 위해 빌드하는 경우 sourcemap 설정을 끄나요?
그런 경우 devtools 설정을 아예 적지않으면 되는건가요?
- 미해결프론트엔드 개발자를 위한 웹팩
grunt, gulp에서는 불가능했지만 webpack에서는 가능하게된 기능이 추가적으로 어떤게 있나요?
한계점이 있었을거같고, 그걸 개선한게 웹팩인거같은데 영상에서는 테스크에 필요한 라이브러리 관리? 밖에 안나온거같아서 질문드립니다 :)
- 미해결프론트엔드 개발자를 위한 웹팩
강의듣다가 궁금한 점이 있습니다.
안녕하세요 캡틴판교님 공부하다가 아래 궁금증이 생겨 질문드립니다 \( ̄︶ ̄*\)) * npm run serve 와 npm run dev의 차이점이 뭘까요? npm run serve 는 create vue 로 생성된 것만 사용하는거고 npm run dev는 npm i -y 를 통해 package.json, webpack.config.js 파일을 통해 실행하고자 할 경우, 즉 웹팩 데브 서버 실행할경우 사용되는 명령어인가요?..
- 미해결프론트엔드 개발자를 위한 웹팩
안녕하세요, 질문있습니다~
안녕하세요, 강의잘듣고있습니다~! Vue 강의를 듣으면서, 여기까지 왔습니다. Babel을 보고 한가지 궁금한점이 생겼습니다. 먼저 최근에 많은 웹사이트 및 라이브러리들이 더이상 IE는 지원안한다고 적혀있었습니다. Babel 역할이 ECMAScript 2015+ 의 코드를 구버전 브라우저에서 지원하게 변환하는것이라고 알게되었는데요, (가정) 더이상 IE 지원안한다는 라이브러리나, 웹사이트들도 그 개발자들이 Babel (+폴리필)을 돌려버리면 (Babel환경을 셋업한다면...) IE에서 돌아가게 만들수 있다는건가요? 그래서 궁금한점은... * 만약 위에 가정이 맞다면, 1) IE중단하겠다는 뜻이 개발자들이 더이상 귀찮아서 바벨환경을 더 이상 셋업안하겠다는 뜻인지? 2) 그리고 Facebook도 React기반으로 만들어졌다고 들었는데, IE에서 잘동작하는걸 보면 따로 Babel환경이 잘 구축되어있다고 생각하면 될것인지요? 3) 그래서 Babel 환경을 구축하는것이 너무 힘든 작업이라서 더이상 지원 중단을 한다라고 이해하면 되는것인지 궁금합니다. * 위에 가정이 틀리다면, 1) 애초에 Babel로 변환을 할 수 없는 근본적인 이유가 있는것인지? 궁금합니다.
- 미해결프론트엔드 개발자를 위한 웹팩
스타일로더가 IE11에서는 동작을 안하는것 같습니다.
질문있습니다. IE에서 디버거로 보니 스타일로더가 작동하지 않았는것처럼 보입니다. ( head 밑에 들어가있지 않습니다 )
- 프론트엔드 개발자를 위한 웹팩
아래 sgyos000님의 질문에 대한 답변이요? 2달이나 됐는데...
삭제된 글입니다
- 미해결프론트엔드 개발자를 위한 웹팩
zsh를 bash로 바꾸고 새로 터미널을 열면, 자꾸 zsh 를 사랑하는 문구가 떠요
새로 터미널을 열기만하면 아래와 같은 메시지가 가장 위에 뜨니, 여간 부담되는 것이 아니에요. 해결 방법은 없나요? The default interactive shell is now zsh. To update your account to use zsh, please run `chsh -s /bin/zsh`. For more details, please visit https://support.apple.com/kb/HT208050.
- 미해결프론트엔드 개발자를 위한 웹팩
왜 앞에 sudo를 넣지 않으면 설치가 되지 않나요?
저도 앞의 질문자와 거의 같은 상황인데요. 번거롭게 매 번 sudo를 입력해야하나요? 강사님은 sudo를 입력하지 않아도 install이 잘되는데... 비법을 알려주세요~~!!! ^_^
- 미해결프론트엔드 개발자를 위한 웹팩
웹팩 entry
안녕하세요 ! 강의 잘듣고있습니다! 감사합니다 궁금한게 있어서요. Entry 부분에 index.js 로 계속 예시를 주셨는데. 그러면 이 어떠한 한 어플리케이션이 100개의 js가 필요하고 이걸 웹팩으로 한가지로 빌드(변환)을 하려고할때 index.js에 import 를 100개를 해주고 이 index.js를 webpack.config.js에 entry로 설정해서 bundle.js로 변환을 시키고! 이걸 index.html 쪽으로 주입시키면 된다는 말씀이신가요?? 즉, 100개의 js를 웹팩을 이용해 변환할때 index.js에 다 import를 해야하는지 궁금합니다. 또한, 위에서말한 흐름이 맞는지 궁금합니다. 감사합니다.
- 미해결프론트엔드 개발자를 위한 웹팩
npm run dev 오류
위와 같은 오류가 발생합니다!
- 미해결프론트엔드 개발자를 위한 웹팩
리액트 CRA 환경에서 webpack-dev-server
안녕하세요! 제가 리액트로 create-react-app 으로 프로젝트 만든다음에 webpack-dev-server 적용하는데 잘 안되서 질문 드립니다..! 다음과 같이 index.js, package.json, webpack.config.js 파일을 만들어서 코드를 입력하고 App컴포넌트에 있는 소스를 띄우는건데 .. npn run dev 하면 다음과 같이 화면이 나옵니다. 왜 이렇게 되는걸까요ㅠㅠ
- 해결됨프론트엔드 개발자를 위한 웹팩
선생님 만약에 최신화를 하려고 하면 패키지.제이슨에서 값을 바꾸어야 합니까?
선 생님 만약에 디펜던시 버전을 최신화하고 싶다면 제가 저기서 디펜던시의 버전을 바꿔줘야 히는 건가요? 혹시 자동으로package. ison파일을 최신화하는 방법이 있는지 궁금합니다
- 해결됨프론트엔드 개발자를 위한 웹팩
npm과 node. is 차이를 잘 모르겠어요.
npm을 설치하게 되면node.is가 설치된 거라고 생각해도 되나요? 노드 패키지 모듈은 이해가 가는데요. 노드 제이에스와 어떤 관계가 있는지 잘 모르겠습니다.
- 미해결프론트엔드 개발자를 위한 웹팩
Vue-cli와 Webpack
안녕하세요. 좋은 강의들 수강하여 잘 듣고 있습니다! Vue JS와 Webpack 강의를 듣다가 궁금한점이 생겼는데, vue-cli에도 webpack이 내장되어 있는것으로 알고있고 vue.config.js 파일을 통해 webpack 관련 설정도 할수 있는 것으로 알고 있습니다. 그럼에도 불구하고 vue-cli 대신 webpack을 사용해야 하는 이유같은게 있을까요? 성능이나 배포, 관리 등의 관점에서 답변 듣고싶습니다.
- 미해결프론트엔드 개발자를 위한 웹팩
블로그에 공부한 내용 올려도 될까요?
안녕하세요 캡틴 판교님 우선 좋은 강의 정말 감사드립니다. 웹팩의 역할만 알고 있었지 동작 원리에 대해서는 알지 못했는데 정말 많은 도움이 되었습니다. 개인 블로그에 간단하게 공부한 내용을 정리해서 올리고 싶은데 출처 밝히고 함께 올려도 괜찮을까요?
- 미해결프론트엔드 개발자를 위한 웹팩
Webpack Dev Server 실행시 에러가 납니다.
이번 lecture 실습들에서 에러 없이 쭉오다 Dev Server 실행시 에러가 나고 있습니다. 마침 이전에 작성하신분도 같거나 유사하 에러인거 같습니다. index.html index.js webpack.config.js 모두 blog 에서 copy & past 해서 오타는 없었습니다. package.json 도 동영상과 동일한 환경이었습니다. Dev Server 를 실행하려고 실행하려고 npm run dev 를 치면 오류가 나고 있습니다. 발견 못한게 있나 하고 dev-server 폴더를 삭제하고 처음부터 코딩해도 결과는 같았습니다. "scripts": 안에 "build": "webpack" 을 넣고 npm run build를 치면 성공하여 bundle.js 가 생성됩니다. 아래는 error 났을때 capture 뜬 것들입니다.