inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

keys(), entrieS() 같은 함수의 반환값이 왜 iterator인지 잘 이해가 안갑니다..!

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

안녕하세요 강사님. 수업노트에 올려주신 iterator와 iterable 강의까지 들었는데 잘 이해가 안되는 부분이 있어 질문합니다. iterator와 iterable강의에서 ' iterator 는 Collection이나 Aggregate 객체를 순횐하는 방법을 제공하는 것' 이라고 보았습니다. 구현 예제까지 본 후에는 '방법을 제공한다 = 어떤 동작을 제공한다 = 함수를 제공한다' 라고 생각했습니다. (예제에서는 hasNext(), next() 함수를 제공함) 그런데 [추가섹션] 배열의 순회 강의에서 배열의 keys() , values() , entires() , [Symbol.iterator]() 함수를 사용하는 걸 보면 각 함수들이 반환하는 iterator들은 함수를 제공하지 않는 걸로 보여서요. 이 함수들의 반환값이 for문으로 순회 가능한(iterable한) 객체들이고, 그럼 iterable한 객체를 만들어주는 keys()같은 함수들이 곧 'iterator'인게 아닌가 싶은데 왜 함수들의 반환값이 iterator가 되는 것인지 궁금합니다!

  • javascript
  • es6
  • 객체지향
  • es5
팀오 댓글 1 좋아요 0 조회수 216

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2] 잔재미코딩 PDF 파일 예제 shorturl.at 링크로 들어가면 something went wrong while fetching invitation 문구가 뜨고 안됩니다

  • HTML/CSS
  • javascript
  • es6
nonori123 댓글 2 좋아요 0 조회수 287

npm i 설치 이유 문의

미해결

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

안녕하세요 강의 잘 듣고 있습니다. 양질의 강의 항상 감사드립니다. 첫 번째 실습 프로젝트 소개, 환경 구성, 코드 분석 강의 1:22 에서 npm i 설치하는 이유가 무엇일까요? 강의 시작할 때 node js를 윈도우에 설치하였는데(npm 최신 버전 설치) vscode 터미널로 이동해서 npm i를 하는 이유가 궁금하여 질문드립니다.

  • javascript
  • typescript
  • es6
데브심 댓글 3 좋아요 1 조회수 462

router-view에 props를 어떻게 넘길 수 있나요?

해결됨

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

vue-cli로 프로젝트를 생성한 후, vue-router로 페이지까지 설정한 상태인데요. 라우터 설정을 통해 url에 따라 view파일 안의 vue파일들이 출력되고 있습니다. 또 view 파일의 vue파일들은 components 파일의 vue파일이 연결되어있는 상태인데, 제가 원하는 것은 App.vue의 data값을 components 파일의 AppTitle에 props로 내려주는 겁니다. 어떻게하면 구현할 수 있을까요 도움 부탁드립니다!

  • javascript
  • vue.js
  • es6
  • vuex
정제혁 댓글 2 좋아요 1 조회수 324

Vue가 인식되지 않는 현상

미해결

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

안녕하세요. 강의 따라서 HelloWorld.vue파일을 브라우저에서 띄워줬을 때 vue가 인식되지 않는 현상(Vue.js not detected)이 있는데 왜 그럴까요?

  • javascript
  • vue.js
  • es6
  • vuex
김홍규 댓글 1 좋아요 0 조회수 228

기초강좌는 어디있나요?

해결됨

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

node.js등 설치관련 참고하려는데~ 기초강좌라고 하시는 강의 링크좀 부탁드립니다.

  • javascript
  • vue.js
  • es6
  • vuex
김홍규 댓글 2 좋아요 1 조회수 223

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다) - 이외의 문의등은 평생강의이므로 양해를 부탁드립니다 - 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다 - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강의 영상에서 알려주신 사이트인데, 자료에서는 서비스 종료로 유사 사이트 안내 되어 있었어요. 제가 궁금해서 구글에서 'properties for the flex container' 로 검색해서 이미지탭에서 발견하여서 링크 공유드립니다. https://codepen.io/osublake/pen/dMLQJr 항상 좋은 자료 제공해주시는 강사님 감사합니다~~

  • HTML/CSS
  • javascript
  • es6
박수연 댓글 1 좋아요 0 조회수 167

Pagination 페이지 별 데이터 불러오기 오류

미해결

프로젝트로 배우는 React.js

Pagination 6 강의까지 들었을 때 페이지 별로 클릭했을 때 params의 page값은 제대로 바껴서 getPost 함수로 들어가는 거까진 확인 되는데 다른 page값이 들어가도 항상 똑같은 data 5개만 가져오는데 따로 페이지별로 데이터를 슬라이싱하는 부분을 구현해야 하는 건가요? ++ json-server 문서에 _limit 대신 _per_page를 사용하면 Network 탭에서 정상적으로 페이지별로 데이터를 불러오는데 이렇게 하면 console 창에서 ' posts.map is not a function'이라는 오류가 뜨네요 ㅠ

  • react
  • redux
  • es6
김현수 댓글 1 좋아요 0 조회수 276

App.vue가 필요한 이유

미해결

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

안녕하세요. 수업 정말 재밌게 잘 듣고 있습니다. 근데 듣다 보니 App.vue가 점점 왜소해지네요. 앞으로는 store가 데이터 저장과 중앙 처리 역할을 모두 수행하는 것 같은데 App.vue가 있어야 할 이유는 무엇일까요? 궁금하여 질문 남깁니다.

  • javascript
  • vue.js
  • es6
  • vuex
디에고시메오네 댓글 1 좋아요 0 조회수 228

[오류문의] import 에러

미해결

실전 프로젝트로 배우는 타입스크립트

안녕하세요. 실전프로젝트로 베우는 타입스크립트 강의를 듣고 있습니다. 코로나 정보 보여주는 프로젝트에서 질문드립니다. app.js 를 app.ts로 변환하고, 컴파일하면 아래와 같은 에러가 발생합니다. 그래서 구글하여서, index.html 파일에 'type: "module" 을 추가했습니다. < <script type="module" src="./built/app.js"></script> 그리고 package.json 에도 "type": "module" 을 추가했습니다. "type": "module" "type": "module" 이렇게 하고 다시 index.html를 live 서버 오픈을 하면 동일한 에러가 나옵니다. axios 와 char.js 모듈 import를 못하는 것 같습니다. 구글링하여 이런저런 시도를 많이 해봤는데 해결이 되지 않습니다. 그 외의 package.json, tsconfig.json는 강의영상에서 나온 그대로 타이핑 했습니다. 어떻게 해야 import 가 정상적으로 될까요?

  • typescript
  • es6
댓글 1 좋아요 0 조회수 322

getter가 정의되어 있지 않아 오류가 발생합니다.

해결됨

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

안녕하세요 강사님 중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후 터미널에서 프로젝트를 재실행 하였지만 오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다. 오류는 다음과 같고 main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다. main.js import Vue from 'vue' import App from './App.vue' import { store } from './store/store.js' new Vue({ el: '#app', store : store, render: h => h(App), }) store.js import Vue from 'vue' import Vuex from 'vuex' import todoApp from './modules/todoApp.js' Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp } }); todoApp.js const storage = { fetch(){ const arr = []; console.log('created') if(localStorage.length > 0 ){ for(let i = 0; i < localStorage.length; i ++){ if (localStorage.key(i) !== 'loglevel:webpack-dev-server'){ arr.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } return arr; } } const state= { todoItems: storage.fetch() }; const getters = { getTodoItems(state) { return state.todoItems; } }; const mutations= { addOneItem(state, todoItem) { const obj = {completed: false, item: todoItem} localStorage.setItem(todoItem, JSON.stringify(obj)); state.todoItems.push(obj); }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index,1); }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems=[]; } }; export default{ state, getters, mutations }

  • javascript
  • vue.js
  • es6
  • vuex
brownjoon 댓글 1 좋아요 1 조회수 289

뷰 라이프사이클

해결됨

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

Vue2는 created가 있지만, Vue3는 없기때문에 혼용해서쓴다면 (누가하던 작업을 이어받음) Api호출을 mounted 시점에하는게 나을까요? created시점에 호출하는것과 차이 많이날까요?

  • javascript
  • vue.js
  • es6
  • vuex
wjdgksak 댓글 1 좋아요 1 조회수 216

TSLint 말고 TSLint Vue 설치해도 되나요?

해결됨

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

TSLint가 Deprecated 됐다고 나와서요 TSLint Vue 설치해도 되나요?

  • javascript
  • vue.js
  • es6
  • vuex
빵다 댓글 3 좋아요 1 조회수 406

로컬 스토리지는 어디에 있나요?

해결됨

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

강사님 수업 정말 잘 듣고 있습니다. 단순한 궁금증이 생겨 문의드립니다. Local Storage는 어디에 있는 걸까요? 어떤 저장소를 사용하는 것인지 알고 싶네요

  • javascript
  • vue.js
  • es6
  • vuex
디에고시메오네 댓글 1 좋아요 1 조회수 311

api가 중단된 건에 대하여..

해결됨

실전 프로젝트로 배우는 타입스크립트

이미 앞에서 글을 써주신 분이 계신데요, 저도 같은 입장이라 글을 남기게 되었습니다ㅜㅜ 직접 애플리케이션을 만들어보며 눈으로 확인하는 작업이 필요한데, 연결이 되지 않으니 사실 어느 부분부터 손을 대는 것이 맞는지 모르겠습니다. 포털에서 받아온 OPEN API를 사용하려 해도 이게 잘 하고 있는 건지 어떤지 확인을 할 수도 없구요. 23년도에 이 부분에 관하여 글을 작성하셨는데, 지금은 시간이 꽤 흘렀으니 혹시 API부분을 해결한 설명 자료가 있나요? 도무지 감이 안 잡히네요.. 앞의 기초 수업은 잘 넘어왔는데 실전 수업은 진도를 전혀 나가지 못하고 있습니다..

  • typescript
  • es6
김나나 댓글 2 좋아요 1 조회수 431

removeEventlistener 를 왜 해주어야 하는지

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

안녕하세요. 강의를 듣고 지난달부터 필요한 웹화면을 만들어서 거의 완성을 했습니다. 현재는 테스트버전으로 만든 상태이나 그럭저럭 동작들이 잘 돌아가기는 하는데 코드도 좀 지저분하다는 생각이 들고.. 여러모로 관련이 있는 강의부분들을 다시 들어보며 가다듬고 있습니다. 처음 들었을 때는 무작정 주입식으로만 생각하고 받아들였었는데... 직접 만들면서 고민을 했던 부분들이 강의내용에 있는 것들이었네요.. 역시 다시 들어볼 수록 그때는 무슨 말인지 잘 모르고 넘어갔었는데 이제사 이해가 가면서 새삼 명강의라는 걸 느낍니다. 암튼... 궁금한 게 있습니다. promise . then .catch 구문에서 promise를 생략하고 .then .catch 를 해도 돌아가기는 하는데 혹시 이러면 문제가 있을까요??

  • HTML/CSS
  • javascript
  • es6
류재안 댓글 1 좋아요 0 조회수 244

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

미해결

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

안녕하세요! 강의 듣으며 코드 작성중에 있는데 vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...

  • javascript
  • vue.js
  • es6
  • vuex
손승현 댓글 2 좋아요 1 조회수 440

인기 태그

인프런 TOP Writers

주간 인기글