inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

기초 강의 #18 모듈

해결됨

자바스크립트 ES6+ 기초 핵심 문법

안녕하세요! 미니 프로젝트 강의 듣다가 부족한 부분은 기초 자바스크립트 영상을 보고 있습니다(넘 감사드려용..) 기초 영상 중 #18 모듈 부분 타임라인 1:55 에 보시면 <script src="index.js"></script> 요 안에 type="module" 를 적어주시는 데, 이 부분이 적어줘야할 이유가 궁금합니다!! 왜 적는 지 궁금해요 ㅎㅎ..

  • javascript
  • es6
뭉치 댓글 1 좋아요 0 조회수 396

깃허브 요청드렸는데 수락 부탁 드립니다

미해결

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

인프런 아이디 : ps@codeclick.co.kr 인프런 이메일 : ps@codeclick.co.kr 깃헙 아이디 : rhksgud123@naver.com 깃헙 Username : KwanHyung Lee 댓글 달아놨는데 아직 소식이 없어서요! 부탁드립니다 ㅠㅠ

  • javascript
  • vue.js
  • es6
  • vuex
김황석 댓글 2 좋아요 1 조회수 409

Number(activeLi) 형변환을 해야하는 이유?

미해결

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

if(Number(activeLi) < 0){ activeLi = Number(activeLi) + 260; //왼쪽에 있던 카드가 오른쪽으로 갔다면, 다시 왼쪽으로 갈 수 있도록 PREV 버튼 활성화 slidePrev.style.color = '#2f3059'; slidePrev.classList.add('slide-prev-hover'); slidePrev.addEventListener('click',transformPrev); if(Number(activeLi) === 0){ slideNext.style.color = '#cfd8dc'; slideNext.classList.remove('slide-prev-hover'); //이벤트처리. 클릭을 눌러도 더이상 동작하지 않게. slideNext.removeEventListener('click', transformPrev); } } let activeLi = classList.getAttribute('data-position'); activeLi에 속성을 가져오고 if문에서 Number를 꼭 써야한다는 것이 정확하게 이해가 잘 안가요... Number()로 형변환을 하지 않으면 어떻게 되나요 ? 어차피 index.html에서 data-position의 값으로 숫자를 지정한거 아닌가요? <ul class="class-list" data-position="0"> 쌍따옴표로 감싸면 다 문자로 인식되는건가요? 강의를 띄엄띄엄봐서 ㅠㅠ 헷갈립니다...

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 1 좋아요 0 조회수 312

깃허브 권한 요청 드립니다.

미해결

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

인프런 아이디 : siwoobaksa @naver.com 인프런 이메일 : siwoobaksa@naver.com 깃헙 아이디 : lswsepia@gmail.com 깃헙 username : lswdev

  • javascript
  • vue.js
  • es6
  • vuex
siwoobaksa 댓글 2 좋아요 1 조회수 369

renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?

미해결

프로젝트로 배우는 React.js

React 진영에서 functional component나 hook 등은 순수 함수로 작성하도록 권장되는 것으로 알고 있는데요, renderBlogList 함수는 외부 스코프에 있는 loading , posts 값에 의존성을 가지기 때문에 순수함수가 될 수 없는 것으로 보이는데 이를 순수함수로 변경하는 것이 더 나은 코드를 작성하는 방법일까요? 아니면 굳이 그렇게 할 필요까지는 없을지 궁금합니다.

  • react
  • redux
  • es6
whomi 댓글 1 좋아요 0 조회수 305

페이지네이션 버그 있습니다.

미해결

프로젝트로 배우는 React.js

변수 명은 편한대로 변경했습니다. numberOfPageForGroup = currentGroup === lastGroup ? totalPages % limit : limit; 처음 알려주신 코드 로직 그대로 사용하면 totalPages가 limit으로 나누어 떨어져서 나머지가 0인 경우 버그가 발생합니다. const numberOfPageForGroup = currentGroup === lastGroup && totalPages % limit !== 0 ? totalPages % limit : limit; 나누어 떨어지는 경우도 처리해줘야 정상 작동합니다.

  • react
  • redux
  • es6
김병화 댓글 1 좋아요 0 조회수 421

타입을 전역으로 분리

해결됨

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

타입을 파일을 따로 분리해서 import 해서 사용해도 되는걸까요?

  • javascript
  • typescript
  • es6
fourrah 댓글 2 좋아요 1 조회수 620

Async Await 오류가 나서 문의드립니다.

미해결

자바스크립트 제대로 배워볼래?

안녕하세요. 스크립트는 아래와 같이 작성하였으며, 콘솔에는 3-12.AsyncAwait.html:20 Uncaught (in promise) TypeError: data is not iterable at calculateSum 이라는 오류가 나왔습니다. <!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> var url ="https://74f8c451-bcda-46f0-820b-f63caee12b28.mock.pstmn.io/productList"; async function getData2(){ return (await axios.get(url)).data; } async function calculateSum(){ var data = await getData2(); var total = 0; for(var item of data){ total += item.price; } console.log(total); } calculateSum(); </script> </body> </html> 어디가 잘못된걸까요... 강의랑 똑같이 작성을 한거같은데..

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

:hover 와 ::after (콜론 하나와 두개 차이?)

미해결

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

:hover 처럼 콜론 하나를 쓰는 것도 있고 ::after 로 콜론 두개를 쓰는 것도 있던데 어떤 차이가 있는건가요 ?? 의미가 있는지 궁금합니다.

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 1 좋아요 0 조회수 974

Promise 질문

미해결

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

const runCode = new Promise((resolve, reject) => { setTimeout(() => { let num = 1; if (num > 9) { resolve(num); } else { reject("error"); } }, 1000); }); runCode .then( (item) => { console.log("success", item); }, (err) => { console.log(err); } ) .then( () => { console.log("by Dave Lee"); }, () => { console.log("error2"); //error2 는 어떨때 출력되는거지? } ); 여기서 "error2" 는 강의중에 출력되진 않던데 언제 error2가 출력되나요 ?

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 1 좋아요 0 조회수 329

깃헙 권한 요청드립니다~

미해결

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

인프런 아이디 : YOON KYEOM KIM 인프런 이메일 : newalpha77@gmail.com 깃헙 아이디 : newalpha7@naver.com 깃헙 username : KimYoonKyum

  • javascript
  • vue.js
  • es6
  • vuex
YOON KYEOM KIM 댓글 2 좋아요 1 조회수 315

Modal.vue 의 style 에 scoped 속성을 주면 왜 slot 의 디자인이 적용되지 않는 건가요?

미해결

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

Modal.vue 의 style 에 scoped 속성을 주면 왜 slot 의 디자인이 적용되지 않는 건가요?? 인터넷을 뒤져보니 이렇게 동작하는 게 정상적이라고는 하지만, 정작 왜 그런지는 이해가 안됩니다. 그리고 혹시 <style scoped> 를 쓰더라도 slot 에 디자인을 적용시킬 방법은 없을까요?

  • javascript
  • vue.js
  • es6
  • vuex
식빵 댓글 2 좋아요 1 조회수 585

깃허브 권한 요청 드립니다.

미해결

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

- 인프런 아이디: kdkj1234@naver.com - 인프런 이메일: kdkj1234@naver.com - 깃허브 아이디: kdkj1234@gmail.com - 깃허브 username: juheeeeeee12

  • javascript
  • vue.js
  • es6
  • vuex
따뜻한 고래 댓글 1 좋아요 1 조회수 294

d.ts 컴파일 시 에러 질문 드립니다.

미해결

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

안녕하세요. d.ts 관련하여 타입 추론은 되는데 컴파일 시 Can not find name '타입명' 에러가 계속 발생하여 문의글을 올립니다. 프로젝트 구조는 아래와 같이 되어 있습니다. index.d.ts node_modules/ index.ts tsconfig.js 각 파일의 내용은 아래와 같습니다. index.d.ts interface Person { name: string; age: number; } interface Developer extends Person { skill: string; } index.ts const dev : Developer = { age: 33, name: 'Developer', skill: 'TS' } console.log('Dev > ', dev. tsconfig.json { "compilerOptions: { ... "lib": ["DOM", "ESNext"], "module": "commonjs", ... 이 상황에서 tsc index.ts로 컴파일을 실행하면 Developer 부분에 Cannot find name 'Developer' 에러가 발생하고 컴파일이 실패했다는 메세지가 터미널에 출력됩니다. 이해가 안되는 부분은 VS Code 상으로는 인터페이스임을 제대로 추론하고 에러 표시 또한 나오지 않는다는 것입니다. d.ts가 외부 모듈의 타입을 tsc가 파악할 수 없을때, 타입 추론을 할 수 있도록 도와주는 용도로 사용한다고 알고 있고, 일반적으로 프로젝트 루트 경로에 d.ts를 선언하면 전역으로 타입이 적용되는 것으로 알고 있는데, 왜 추론만 되고 실제 컴파일을 실행할 때는 에러가 발생하는지 궁금합니다. 감사합니다.

  • typescript
  • es6
kim1124 댓글 2 좋아요 1 조회수 665

다형성 질문..

미해결

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

모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해3 11:35 초 이 부분에서.. get_message()를 constructor(name,brand) 안에 안쓰는 이유가 있나요? 잘 이해가 안가서요... 그리고 get_message라고 써야하나요 아니면 getMessage 라고 해야하나요?

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 1 좋아요 0 조회수 262

yield 입력값

미해결

실전 자바스크립트

5:02초 예제에서, 첫번째 next 메서드는 제너레이터 함수의 첫번째 yield를 만날때까지 실행을 한다고 하셨는데.. 이미 처음 next 메서드를 실행했을 때 const data1 = yield; 문장이 실행된것 아닌가요? 왜 두번째 next 메서드의 인수가 변수 data1으로 대입되나요?

  • javascript
  • es6
공부하는이 댓글 1 좋아요 0 조회수 405

객체 선언 시 구분자는 쉼표, 세미콜론 모두 사용가능한건가요?

미해결

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

처음에 function addTodo의 객체 파라미터 todo에 제 나름대로 데이터 타입을 정의할 때, 저는 function addTodo(todo: {id: number, title: string, done: boolean}): void { } 라고 선언을 했는데, 에러가 나지 않아서 맞는 방법인 줄 알았습니다. 그런데 다른 분께서 구분자 질문한 글에 강사님께서 작성하신 답변에는 세미콜론을 사용하는게 좀 더 정확한? 표현인것처럼 느껴져서 여기저기 찾아봤는데, 둘 다 사용해도 되는 것 같아 강사님께 질문 남깁니다.

  • typescript
  • es6
ska3287776 댓글 1 좋아요 1 조회수 472

강의 구매 후 권한때문에 한 달째 강의를 못듣고 있습니다..

미해결

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

(전에 추가 해주셨는데 clone 받으려니 Repository not found 라 현출되어 재신청드립니다.) 인프런 아이디 : jsmlady@naver.com 인프런 이메일 : jsmlady@naver.com 깃헙 아이디 : jsmlady@naver.com 깃헙 Username : DavidJung1460

  • javascript
  • vue.js
  • es6
  • vuex
정희진 댓글 1 좋아요 1 조회수 570

Git 관련 질문이 있습니다

미해결

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

안녕하세요 강사님, 제 github에서 learn-TS라는 레퍼지토리를 따로 생성한 뒤 해당 폴더에 git clone을 해서 형상관리를 하고싶은데 warning: adding embedded git repository: learn-typescript hint: You've added another git repository inside your current repository. hint: Clones of the outer repository will not contain the contents of hint: the embedded repository and will not know how to obtain it. hint: If you meant to add a submodule, use: hint: hint: git submodule add <url> learn-typescript hint: hint: If you added this path by mistake, you can remove it from the hint: index with: hint: hint: git rm --cached learn-typescript hint: hint: See "git help submodule" for more information. 라는 에러가 뜨면서 git에 업로드를 하지 못하고 있습니다. 혹시 해결방법을 알고 계시다면 답변 부탁드립니다.

  • javascript
  • typescript
  • es6
ska3287776 댓글 2 좋아요 1 조회수 696

인기 태그

인프런 TOP Writers

주간 인기글