inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

직접 따라하기 전에 완성된 페이지 구동시켜보고 싶습니다.

미해결

페이스북 클론 - full stack 웹 개발

마지막 완성된 페이지를 구동시켜보고 싶습니다. 최소한으로 필요한 세팅과 다운해야하는 첨부파일을 정리해서 알려주세요! 완성된 페이지를 통해 작동하는 원리를 배우면서 하고 싶습니다. 해당 강의 번호 및 페이지를 작동시키는 순서 알려주시면 감사하겠습니다.

  • django
  • python
  • linux
  • javascript
  • HTML/CSS
  • 클론코딩
댓글 1 좋아요 3 조회수 207

미들웨어 이렇게 추가하는거 맞나요..??

미해결

React로 NodeBird SNS 만들기

middleware.js exports.postExist = async(req,res,next)=>{ const post = await db.Post.findOne({ where: { id: req.params.id } }); if (!post) { return res.status(404).send("해당 페이지가 존재하지 않습니다"); } next(); } post.js router.delete('/:id', isLoggedIn, postExist, async(req,res,next)=>{ try{ await db.Post.destroy({ where: {id: req.params.id}}); res.send(req.params.id); }catch(e){ console.error(e); next(e); } }) next()만 추가해서 다음 동작으로 갈수있게 해주었는데 더 추가할게 있는지 궁금합니다..!

  • javascript
  • react
댓글 2 좋아요 0 조회수 220

$router $route

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

$router 는 이해가 되는데.. $route 이것은 어디에서 설정되었는지요.. 그리고 하나 더 궁금한 것이 있는데... 다른 vue 연습때문에 router/index.js path가 너무 많아서 store 모듈처럼 여러 파일로 쪼개고 싶은데 구글링 해보면.... 예제처럼 하면 에러가 나던데..ㅠ.ㅠ 그것도 좀 구현 사례나 github 예제좀 알려주세요... 강의 고맙습니다.....

  • vuejs
  • javascript
narrpro 댓글 5 좋아요 2 조회수 971

질문있습니다

미해결

React로 NodeBird SNS 만들기

1. 프론트에서 넥스트와 익스프레스를 연결했는데, 그러면 프론트에서도 익스프레스로 서버를 돌리고 백엔드에서도 익스프레스로 서버를 돌리면, 각각의 익스프레스로 프론트,백 서버를 돌리는것이 맞나요?? 2. 프론트에서 넥스트와 익스프레스를 연결한건 동적라우팅을 쓰려하는데, 넥스트에서 안되니 그저 익스프레스를 동적라우팅을 쓰기위한 수단으로 사용하는 건가요??

  • react
  • javascript
댓글 1 좋아요 0 조회수 173

도움될까 해서 올립니다.

해결됨

모던 자바스크립트(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

렌더링시 두번씩 반복 됩니다.

미해결

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

shouldComponentUpdate 기능 구현하기전부터 콘솔 로그확인시 두번씩 반복되는 것을 확인할수있는데, 적용후에도 동일하게 나타납니다. 어떤 문제인지 잘 파악이 되지않아 해당 화면 첨부드립니다. 확인부탁드리겠습니다. 감사합니다.

  • react
  • javascript
김미리 댓글 6 좋아요 2 조회수 1225

prettier error 발생

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

error Replace `&middot;&middot;` with `↹` prettier/prettier 이런식의 에러가 쭉 발생하는데 어떻게 해결하면 좋을지 조언을 구해도 될까요 ㅠ 감사합니다.

  • javascript
  • vuex
  • vuejs
아스키코드 댓글 2 좋아요 1 조회수 1066

새로고침 후 로그인을 하면 리퀘스트헤더에 토큰이 안들어 옵니다

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

페이지를 새로고침 하고 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 비어 있어고, 이 상태에서 로그아웃 후 새로고침 없이 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 토큰값이 들어와 있습니다. 왜 새로고침을 하고 로그인을 하면 리퀘스트헤더에 토큰이 안들어 오는건지 혹시 알 수 있을까요..

  • vuex
  • javascript
  • vuejs
af8000 댓글 4 좋아요 1 조회수 1194

컴포넌트 통신 mvc모델 문제??

미해결

Vue.js 시작하기 - Age of Vue.js

수업중에 말씀하시는 (컴포넌트간 통신할 때 ) mvc 모델에서 문제가 있었다는게 구체적으로 어떤 의미인가요?

  • vuejs
  • javascript
Rorschach 댓글 1 좋아요 2 조회수 250

인라인 그리드 셀 편집 기능구현 문의 드립니다.

미해결

함수형 프로그래밍과 JavaScript ES6+ 응용편

좋은 강좌 강사드립니다. 다름이 아니라 궁금한 부분이 있어 문의 드립니다. 간단한 ajax를 이용한 그리드 인라인 편집을 구현해 보려고 하고 있습니다. 임의의 레코드의 셀인 td 나 input 을 클릭 값을 변경해 주었을때 클릭된 td 상위 태그인 tr 하단에 저장 버튼 박스를 붙여 셀 값을 업데이트해 주려고 합니다. 혹시 간단한 예시나 팁을 주실수 있을까요?

  • javascript
  • 함수형-프로그래밍
castinglife 댓글 1 좋아요 0 조회수 280

eslint 와 prettier 설정시 오류

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

Module Error (from ./node_modules/eslint-loader/index.js): c:\Users\노군\Desktop\vue-endgame\vue-til\src\App.vue 2:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 3:1 error Replace `&middot;&middot;&middot;&middot;` with `↹↹` prettier/prettier 4:1 error Replace `&middot;&middot;&middot;&middot;` with `↹↹` prettier/prettier 5:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 9:24 error Replace `"./components/HelloWorld.vue"` with `'./components/HelloWorld.vue'` prettier/prettier 12:1 error Replace `&middot;&middot;name:&middot;"App"` with `↹name:&middot;'App'` prettier/prettier 13:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 14:1 error Replace `&middot;&middot;&middot;&middot;HelloWorld` with `↹↹HelloWorld,` prettier/prettier 17:7 error 'a' is assigned a value but never used no-unused-vars 17:8 error Replace `=` with `&middot;=&middot;` prettier/prettier 18:3 error Insert `,` prettier/prettier 24:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 25:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 26:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 27:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 28:1 error Replace `&middot;&middot;` with `↹` prettier/prettier 29:1 error Replace `&middot;&middot;` with `↹` prettier/prettier ✖ 17 problems (17 errors, 0 warnings) 16 errors and 0 warnings potentially fixable with the `--fix` option. @ ./src/main.js 6:0-28 10:13-16 @ multi (webpack)-dev-server/client?http://192.168.219.104:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 설정을 했는데 저런식으로 계속 오류가 뜨는데 뭐때문일까요?

  • vuex
  • vuejs
  • javascript
career87 댓글 16 좋아요 2 조회수 20775

정리시간 질문입니다.

미해결

자바스크립트 중고급: 엔진 핵심

function book() { function get() { return point; }; var point = 123; return get(); }; console.log(book()); 실행 컨텍스트{ 렉시컬 환경 컴포넌트{ 환경 레코드: { point: 123 } 외부 렉시컬 환경 참조: { } } 변수 환경 컴포넌드 { } this bind 컴포넌트 } 이렇게 되는게 맞나요?

  • javascript
댓글 1 좋아요 0 조회수 202

Argument 질문 입니다.

미해결

자바스크립트 중고급: 엔진 핵심

var get = function(one) { return arguments }; get("A", "B");를 했을때 위의 arguments라는건 원래 저렇게 사용하는 obj가 있고 사용하는 문법이 저렇게 사용한다는 건가요? 그리고 var get = function(one){ return arguments; } get(77,100); 이러게 입력했을때 결과는 Arguments(2) [ 77 , 100 , callee : &fnof; , Symbol(Symbol.iterator) : &fnof; ] 0 : 77 1 : 100 length : 2 callee : &fnof; (one) Symbol(Symbol.iterator) : &fnof; values() __proto__ : Object 이렇게 나왔습니다만, 그렇다는건 Function() object안에 Argument라는 함수? 객체?를 포함하고 있기 때문에 인자를 받았을때, argument를 생성해서 인자가 여러개이기 때문에 arguments라고 문법을 사용하는 건가요?

  • javascript
댓글 2 좋아요 1 조회수 225

강의소개 페이지에 있는 우주 인터렉티브 웹을 만들고싶은데

미해결

인터랙티브 웹 개발 제대로 시작하기

몇강을 참고하면 만들 수 있을까요? 우주 속으로 빨려 들어가는 애니메이션을 구현하고싶어서 여쭤봅니다. 답변 부탁드립니다.

  • 인터랙티브-웹
  • javascript
  • HTML/CSS
오늘 댓글 1 좋아요 0 조회수 745

init() 을 쓰는 이유 질문드려요!

미해결

코어 자바스크립트

클로저 강의를 듣다보니 문득 궁금한것이 생겼는데요. 자바스크립트에서는 다른 언어들(c나 자바) 처럼 init 이라는 개념자체가 없다고 알고있습니다. 어느 패턴은 js 파일 맨 밑에 var test = document.getElementById("test"); // 함수부분은 생략. function init() { testFunc(); test.addEventListener("click", test2Func); } init(); 위와 같이 init 함수를 임의로 만들어놓드라구요. (제가 생각하기에는) 그 안에다 최초 실행되는 이벤트들을 보기 좋게 모아둔 함수 인것 같은데요. 구글에 검색해보았을때는 키워드가 잘못된건지, 위 코드와 같은 패턴에 대한 정보를 찾지 못하겠습니다.ㅜ 대강... 조각들을 맞춰보면 변수들을 계속해서 유지? 사용하기 위한?? 초기화...?? 를 위한 함수 라는데 그게 정확히 있고 없고에 차이를 모르겠습니다. 답변 주시면 감사하겠습니다! 강의 항상 잘보고있어요

  • javascript
블루윤 댓글 4 좋아요 1 조회수 21096

import { router } from './router/index.js';

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

강사님 안녕하세요. 강의 잘 보고 있습니다. import { router } from './router/index.js'; 와 import router from './router/index.js'; 의 차이는 무엇인가요?? 아래로 썼다가 라우터가 동작을 안해서 한참 찾아보니 저런 오타가 있었네요...

  • vuejs
  • javascript
박진영 댓글 1 좋아요 3 조회수 262

a.then()을 return 하는 이유가 뭐고 어떻게 동작하는 건가요?

미해결

함수형 프로그래밍과 JavaScript ES6+

5:18 쯤에 return a.then()을 작성하시는데 여기서 a.then을 왜 return 하는지 모르겠어요. if (a instanceof Promise) { a.then(a => { res.push(a); if (res.length == l) return res; } } else { res.push(a); if (res.length == l) return res; } 그냥 이렇게 작성하면 안 되는 건가요? 그 뒤에 재귀함수로 작성하기 위해서 그런 건가요? 그리고 재귀함수에서 동작이 이해가 안 가는 게 있는데 재귀함수 recur() 안에서 return a.then()을 하면 결국 Promise를 반환하는 거니깐 거기서 재귀가 끝나게 되는 거 아닌가요? a.then() 안에서 recur()를 호출한다 하더라도 처음에 실행했던 recur()와는 별개로 동작하는 것처럼 보이는데 실행 흐름이 어떻게 되는지 궁금합니다. 제 생각에는 만약 take에 넘어오는 이터러블이 [Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)]이고, take(2)를 했을 때, 재귀를 다 돌고 최종적으로 return 되는 값이 Promise.resolve(1).then(() => Promise.resolve(2).then(() => [1, 2])) 이런 식으로 될 것 같은데 이게 맞나요?

  • javascript
  • 함수형-프로그래밍
2scent 댓글 7 좋아요 5 조회수 929

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

take 내부의 이터레이터 클로저에 대해

미해결

함수형 프로그래밍과 JavaScript ES6+

while (!(cur = iter.next()). done ) { let a = cur. value ; 를 for ( const a of iter) { 로 바꾸면 비동기상황에서 iter를 기억하지 못해서 하나만 take하게 되더라구요. 두 문법이 같은 걸로 알고있는데 for of 내부의 이터레이터는 클로저로 사용될수없나요? 이런경우엔 while밖에 쓸수없는건가요? 클로저로 사용되려면 함수내부에서 표현식 안에 갖혀있어야된다는 조건? 같은게 있나요?

  • 함수형-프로그래밍
  • javascript
iternity 댓글 4 좋아요 2 조회수 525

인기 태그

인프런 TOP Writers

주간 인기글