inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

tsc index.ts명령어와 npx tsc index.ts의 차이..

미해결

타입스크립트 입문 - 기초부터 실전까지

강의 열심히 따라가다가 tsc index.ts 부분에서 bash: tsx: command not found 라고 나오는데요. 강의처럼 정상동작 하려면 어떻게 해야할까요? 방법을 찾아보다가 npx tsc index.ts라고 입력하니까 정상작동하네요.. 일단 그렇게 따라가고 있습니다.

  • es6
  • javascript
  • typescript
당황한 노새 댓글 7 좋아요 3 조회수 1335

강의 내용 확인(함수 타입 - 옵셔널 파라미터)

해결됨

타입스크립트 입문 - 기초부터 실전까지

강사님~ 강의 잘 보고 있습니다 함수 타입 - 옵셔널 파라미터 강의 2:15쯔음부터 옵셔널 연산자 설명해주시는데... 물음표 얘기하시는 거죠? 코드에선 ?로 보여주시는데 음성으로는 느낌표(!)라고 녹음이 되었네요

  • es6
  • javascript
  • typescript
안자올 댓글 3 좋아요 8 조회수 507

this바인딩 질문

미해결

Javascript ES6+ 제대로 알아보기 - 초급

const b = { name : '하하', bb () { return this.name; }, a: x => { return this.name; } } 생뚱맞은 질문 있을수도 있는데 여기서 a: x=> {return this.name}에서 에로우 함수는 함수스코프인데 실행컨텍스트 실행이 this바인딩을 안하니까 const b= {}이쪽 스코프를 참조하니까 객체에서의 this는 window인가여 TT bb() { const b = x => { return this.name; } } 같은경우는 this바인딩 안하니까 외부함수 즉 메소드 bb(){}의 this를 보니까 this는 b를 보는건 알겟는데용

  • es6
  • javascript
이순곤 댓글 1 좋아요 1 조회수 283

타입 확장 불가능에 대한 질문입니다.

미해결

타입스크립트 입문 - 기초부터 실전까지

type test1 = {name: string} type test2 = test1 & {age: number} const test3: test2 = { name: 'd', age: 33 } 찾아보니 제가 보기에는 위 코드가 interface 처럼 확장이 되는 것 같던데, 제가 쓴 코드는 확장의 개념이 맞는지 아닌지 질문드립니다.

  • javascript
  • es6
  • typescript
kh 댓글 3 좋아요 6 조회수 424

slot 에러 질문입니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요 강사님. 저는 vue cli 4 버전으로 하고 있습니다. 기존 강의 대로 slot 부분을 따라하면 npm run serve 했을 때 사진과 같은 에러가 납니다. 위의 에러를 검색해서 찾다가 TodoInput 컴포넌트의 <h3 slot="header">경고</h3> 을 <template v-solt:header>경고</template> 로 바꾸니까 해결이 되었습니다. 제 생각에는 4버전의 eslint-loader가 기존 강의 버전과 다른 규칙이 있어서 그런 것 같은데 제 생각이 맞는지 여쭤보고 싶어서 질문을 드립니다. 그리고 혹시나 제가 한 것 말고 다른 해결 방법이 있다면 알려주시면 감사하겠습니다.

  • vuex
  • vuejs
  • javascript
  • es6
라따뚜이 댓글 2 좋아요 8 조회수 699

질문있습니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

mutations랑 actions가 둘 다 메소드를 넣는건데 기능에 따라 분류한 것이고 그렇게 분류를 해야 개발자 도구에서의 상태변화 추적이 쉽기 때문이라는 말씀이신가요?

  • vuejs
  • vuex
  • es6
  • javascript
댓글 1 좋아요 1 조회수 188

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다 F5 리플래쉬하면 데이터는 화면에 반영됩니다만 화면에서 액션일으킬때 실시간으로 반영이 안됩니다....

  • vuex
  • vuejs
  • es6
  • javascript
질문또는답변 댓글 5 좋아요 1 조회수 579

i 태그가 왜 안 되나 봤더니..(해결방법)

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

vue create vue-todo와 vue init webpack-simple vue-todo 차이가 있습니다. vue create vue-todo는 (자신이 생성한 프로젝트) vue-todo/public/index.html를 수정해야하고, vue init webpack-simple vue-todo는 (강의 속 생성한 프로젝트) vue-todo/index.html를 수정하는 것입니다. 그래서 즉 vue create vue-todo로 사용하시는 분들은 vue-todo/public/index.html를 수정하시면 됩니다.

  • es6
  • vuex
  • vuejs
  • javascript
Choi Boo 댓글 8 좋아요 19 조회수 802

Vuex 를 설치/등록한 이후로 npm 서버가 실행이 되지 않습니다

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

지금까지 수업했듯 npm run serve 로 서버를 실행시켜서 state 적용된 것을 체크해보려고 했으나, 위와 같은 에러 메세지가 발생했고, 여기서 제시한 npm install --save core-js/modules/es.array.splice 명령어를 실행하였으나, 이런 메세지가 또 발생합니다. 이 메세지 내용을 보고, 구글링을 해본 결과 package-lock.json을 삭제하고 다시 실행시키거나 npm cache verify 명령어를 실행하거나 등등 여러가지 답변이 있었으나 전부 실행되지 않습니ㄷㅏ. 최종 에러 메세지 상에는 Could not install from "core-js/modules/es.array.splice" as it does not contain a package.json file. 이렇게 적혀 있어서, 이부분을 보완하면 될 듯한데... 전혀 진행되지 않아서요...

  • javascript
  • vuex
  • es6
  • vuejs
댓글 3 좋아요 1 조회수 589

this에 관한 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

객체에서의 this는 자기자신을 가르킵니다. 근데 es6 화살표함수를 사용하면 window를 가르키던데 제가 알기론 일반 함수가 실행되면 함수 컨텍스트가 만들어지고 그 안에 this, 변수객체, scopeChain가 정의되어져 있는걸로 알고 있습니다. 근데 es6 화살표 함수가 실행되면 함수 컨텍스트안에 this라는 것이 없고 변수객체에 this를 변수로서 상위 scope의 this를 가져오는게 맞을까요? 그래서 es6 화살표함수에는 bind()가 먹히지 않는지 궁금합니다..

  • vuex
  • es6
  • javascript
  • vuejs
열씨미살자! 댓글 1 좋아요 1 조회수 255

mutations 의 인자 갯수

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

payload 인자를 객체화 시켜서 한번에 넘겨주지 않고 이렇게 넘겨주어도 작동은 하는데 방법은 상관이 없을까요? removeOneItem ( state , todoItem , index ) { localStorage . removeItem ( todoItem . item ) ; state . todoItems . splice ( index , 1 ) ; },

  • es6
  • vuex
  • javascript
  • vuejs
열씨미살자! 댓글 2 좋아요 2 조회수 421

오류

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <Mdoal> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <TodoInput> <App> at src/App.vue <Root> slot으로 만들어준 cusotm header만 출력이 됩니다. 버튼이나 배경 모달창은 뜨지 않습니다. 어떻게 해결해야되나요?

  • vuex
  • es6
  • javascript
  • vuejs
열씨미살자! 댓글 1 좋아요 1 조회수 399

splice

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

7:00 분 경에 splice가 원래 있던 배열을 변경해서 새로운 배열을 반환해주신다고 하셨는데 새로운 배열을 반환해주는게 아닌 그냥 해당 배열을 변경만 해주는걸로 이해해도 될까요?

  • javascript
  • vuex
  • vuejs
  • es6
열씨미살자! 댓글 1 좋아요 1 조회수 234

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

미해결

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

arr = null을 했다고 하더라도, 가비지 컬렉터 입장에서 보면 ws에서 참조 중이기 때문에 가비지 컬렉견 대상으로는 되지 않을 것 같습니다. 가비지 컬렉션 대상으로 인식한다는 근거로 제시하신 것이 ws.has(arr) 인데, arr에 null값을 넣고 하였으니... ws.has(null)이니 당연 false나오는 거 아닌가요? 답변바랍니다

  • es6
  • javascript
조세진 댓글 2 좋아요 4 조회수 249

import에 { } 가 들어가는 이유가 뭔가요??

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

1:40 헬퍼의 사용법에서 import { mapState } from 'vuex'로 import 문에 전부 중괄호가 들어가 있는데요. 왜 여기는 중괄호가 들어가야 하나요? 규칙같은건가요?

  • es6
  • vuejs
  • vuex
  • javascript
y2profit 댓글 1 좋아요 3 조회수 271

getters의 parameter 관련 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요. 강의를 보다 궁금한점이 있어서 질문드립니다. getters를 이리저리 사용해 보다가 getters에 parameter를 넣어야 할 경우가 생겨서 검색해보니, Vuex 공식 문서에서 다음과 같이 사용하라고 안내가 되어 있습니다. getters: { getNumber: state => num => { return num * 2; } } 여기서 첫 번째로 궁금한 점은 저 문법이 단순히 Vuex의 함수 정의 문법인지, ES6 문법인지 궁금합니다. 추가로 궁금한 부분은 저 표기 외에 다른 방식으로 parameter를 받을 수 있는 방법이 있는지도 궁금합니다. Vue 와 ES6 모두 초보라 아직 함수 리터럴에 대해 익숙지 않아 질문 드려봅니다 ^^;

  • vuejs
  • vuex
  • es6
  • javascript
이한승 댓글 2 좋아요 1 조회수 896

도움될까 해서 올립니다.

해결됨

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

const SETTING = { name: "LOTTO" , count: 6 , maxNum: 45 } function getRandomNum () { const arrRanNum = new Set (); const { count , maxNum } = SETTING ; while ( arrRanNum . size < count ){ const num = Math . floor ( Math . random () * maxNum ) + 1 ; console . log ( num ); // 랜덤 확인 arrRanNum . add ( num ); } return Array . from ( arrRanNum ); } console . log ( getRandomNum ()); 더 좋은 방법이 있을까 궁금하네요

  • javascript
  • es6
ZO 댓글 0 좋아요 2 조회수 258

let 과 var

미해결

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

es6 문법에서 var 보단 let 을 권장하셨는데 for문을 비롯한 block scope 에 저장되는 값이기 때문인가요? let 대신 var 를 쓸 때의 장단점을 알고 싶습니다.

  • javascript
  • es6
남기웅 댓글 0 좋아요 0 조회수 238

ES5라면 어떻게 구현해야 할까요?

미해결

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

이렇게 구현하면 되는지 더 좋은 방법은 없는지 궁금합니다. for (var i = 0; i < list.length; i++) { ((num) => { list[num].addEventListener('click', ()=> { console.log(`${num}: ${list[num].innerHTML}`); }); })(i); }

  • javascript
  • es6
호눅스 댓글 1 좋아요 0 조회수 349

git권한 부탁드립니다.

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

인프런닉네임: codingc 인프런이메일: codingc@hanmail.net github: codingc@hanmail.net 닉네임: codingc1

  • es6
  • javascript
  • vuejs
  • vuex
codingc 댓글 1 좋아요 1 조회수 158

인기 태그

인프런 TOP Writers

주간 인기글