inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

새 일기 작성시에도 리스트에 안 뜨는 문제

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다. https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html

  • nodejs
  • react
  • javascript
인영 댓글 1 좋아요 0 조회수 263

fetch 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 3:45에 fetch then대신 try catch로 바꿔 봤는데 이렇게 사용하면 될까요? const getData = async () => { try { const response = await (await fetch(`https://jsonplaceholder.typicode.com/comments`)).json(); console.log(response); } catch (err) { console.log(err); } };

  • 비동기
  • react
  • api
  • nodejs
  • javascript
HK 댓글 1 좋아요 0 조회수 460

인접리스트만

해결됨

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

안녕하세요. 선생님 덕분에 알고리즘 공부 너무 재미있게 하고 있습니다 :) 인접리스트가 인접행렬에 비해 속도의 장점이 있는데, 인접리스트로만 경로탐색 문제를 풀어도 무방한가요?

  • 인접리스트
  • javascript
  • 인접행렬
  • 코테 준비 같이 해요!
김창현 댓글 1 좋아요 0 조회수 353

diaryList 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요! 우선 좋은 강의 제공해주셔서 감사해요. 다름이 아니라, 강의 영상 28:47 부분과 같이 다이어리 리스트가 화면에 떠야 하는데 뜨지 않는 에러가 발생했고, 스스로 해결이 안 돼서 도움을 요청하려고 글을 쓰게 되었어요. 개발자도구 요소 탭에서도 리스트가 뜨지 않더라구요. 코드 마지막 부분 즉 export default DiaryList; 바로 앞 부분에 console.log(diaryList);도 입력해 보았는데 콘솔 창에는 undefined라고 출력이 되었어요. 코딩 공부가 처음이다보니 에러를 해결하기 위해 무엇부터 손을 대야 할 지도 모르겠고 질문조차 어떻게 해야 할 지 모르겠네요..ㅎㅎ

  • javascript
  • nodejs
  • react
박수연 댓글 2 좋아요 0 조회수 479

ES6 과의 차이점

미해결

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

너무나 좋은 강의로 함수형 프로그래밍 에 대해서 조금씩 감을 잡아 나가는 방향입니다. 함수의 비즈니스 로직을 숨기고 함수의 표현식들을 드러내서 이 과정에 사이드 이펙트를 없애고 직관적으로 읽기 좋은 형태 를 지니게 되는 것 같습니다. 다만, OOP 에서의 메서드 와의 다른 점으로는 내외부 함수의 교류가 없다 정도인 것 같습니다. 다만 여기까지가 주요한 맥락이라면 아래 코드가 결국은... const sum = (func, iter) => go( iter, map(func), reduce(add) ); 이러한 코드 와의 별다른 차별점은 없는 것으로 해석되지 않을까요? const sum = (func, iter) => iter.map(func).reduce(add); 이렇게 이해 하였는데 맞는 것일까요?

  • javascript
  • 함수형-프로그래밍
unchaptered 댓글 2 좋아요 0 조회수 352

컴포넌트 구조 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. 강의를 잘 듣고 있습니다. 6:49 부모 컴포넌트에서 데이터를 자식 컴포넌트로 이동하는데 만일 자식끼리 데이터를 useState로 해야 한다면 redux를 이용하면 될까요?

  • state
  • react
  • props
  • javascript
  • nodejs
HK 댓글 1 좋아요 0 조회수 319

질문드립니다

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

안녕하세요. 늘 강의 잘 듣고있습니다! 학습방향에 관해 궁금한것이 있어 질문드립니다. 그리디까지 풀면서 느낀바가 문제를 보면 어떤 알고리즘을 적용해야할지 잘 떠오르지가 않습니다,, 예를들어 문제를 읽었을 때 정렬하라는 문제인것은 알아도 삽입 정렬일지, 버블정렬일지등이 잘 떠오르지 않는것 같습니다. 문제를 더 많이 풀어보면 새로운 문제를 보았을 때 어떤 알고리즘을 적용해야하는지 바로 떠올릴 수 있을까요? 혹시 양적으로 어느정도는 풀어야 익숙해질 수 있을까요?..

  • javascript
  • 코테 준비 같이 해요!
댓글 1 좋아요 0 조회수 193

크롬 개발자 도구 레이아웃 배치 질문

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의 내용과 조금 떨어진 질문입니다. 크롬 개발자 툴에 컴포넌트를 보여주는것과 프롭스,훅스 등을 보여주는 창이 가로로 나뉘어져 보여지고 있는데, 이걸 윈터루드님처럼 위아래로 나뉘어지게 하려면 어떻게 해야하나요?

  • chrome
  • react
  • devtools
  • nodejs
  • javascript
Eungi Kim 댓글 1 좋아요 0 조회수 1220

선생님 수업 내용이 잘 이해가 안가는데요.

미해결

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

ㅜ,ㅜ 안녕하세요. 수업 내용중에 타입 제한을 쓰는 이유가 잘 이해가 안가는데요. 제네릭의 장점과 타입 추론에서의 이점 수업에서.. function logText < T > ( text : T ) : T { console . log (text); return text; } const str = logText < string > ( ' abc ' ); str . split ( '' ); const login = logText < boolean > ( true ); 이렇게 하면 str은 string, login은 boolean타입이 되어 각각 원하는 API나 관련 타입으로 이용이 가능하다고 하셨는데요. 그렇다면 아래 처럼 이렇게 하면 파라미터 반환값 모두 string형태인걸 자스도 알고 있는데 왜 length를 사용할 수 없나요? 자스에서 string에 string.length 속성이 있으니 사용할 수 있어야 하지 않나요? 그리고 타입 제한 수업 끝 부분에 function logTextLength < T > ( text : T ) : T { console . log (text . length ); return text; } logTextLength ( ' hi ' ); string을 자스가 알지 못하니 파라미터와 반환값에 배열을 넣어 타입 힌트를 주는게 타입 제한이라고 하셨는데요. 우리가 호출하고 싶은건 logTextLength('hi'); hi라는 string인데 왜 배열을 힌트로 알려주나요? 힌트를 줄거면 string이라고 힌트를 줘야 하지 않나요? string글자가 char의 array형태이기 때문에 배열 힌트를 준건가요? 미리 감사합니다. 선생님!!!

  • es6
  • javascript
  • typescript
masichyun77 댓글 1 좋아요 2 조회수 281

http 502 오류가 계속해서 발생하네요 ㅠㅠ

미해결

만들면서 배우는 리액트 : 기초

liveServer 익스텐션을 지우고 깔아봤는데도 502(Bad Gateway) 오류가 계속해서 발생하는데 해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.

  • javascript
  • react
ㄴㄴㄴㄴ 댓글 1 좋아요 1 조회수 321

권한 요청드립니다

미해결

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

인프런 아이디 : guinness987@gmail.com 인프런 이메일 : guinness987@gmail.com 깃헙 아이디 : guinness987@gmail.com 깃헙 Username : kimchulyeon

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

윈터루드님~! 이미지 경로에 관해서 질문 드리겠습니다!!

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠??

  • 상대경로
  • nodejs
  • img
  • javascript
  • src
  • react
topgun0415 댓글 1 좋아요 0 조회수 560

코드 순서 질문

해결됨

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

new Vue를 통해 인스턴스가 만들어져 root컴포넌트가 생긴다고 알고있는데, 이 root컴포넌트가 생성되기전에 vue.component를 통해 하위 컴포넌트를 등록하셨는데, 이게 순서가 정확히 어떻게 되는건가요?

  • vuejs
  • javascript
조성락 댓글 2 좋아요 2 조회수 401

변수명 질문

해결됨

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

propsdata라는 똑같은 이름을 중복으로 사용해도 큰 문제가 없는건가요? 이렇게 짜면 appheader의 propsdata인지 appcontent의 propsdata인지 구분이 힘들꺼같아서요 js가 태그이름에 따라서 알아서 식별해주나요?

  • javascript
  • vuejs
조성락 댓글 1 좋아요 1 조회수 258

메일 확인 부탁드립니다!

미해결

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

메일 확인 부탁드립니다!

  • es6
  • HTML/CSS
  • javascript
장준 댓글 1 좋아요 0 조회수 176

for문내 금액체크용 if문 질문드립니다!

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

안녕하세요. 항상 강의 잘 듣고있습니다! 감사합니다. 혹시 4.졸업선물 약15:10분쯤에 마지막 중첩 for문 내 if문을 두번 사용하셨는데 혹시 if~else로 만 처리하면 문제가 될까요? if를 두번 사용하면 비교연산이 2번 발생하는데 if~else이면 한번이면 될 것 같아서요! for(let j=0; j<n; j++){ if(j!==i && (product[j][0]+product[j][1])>money) break; if(j!==i && (product[j][0]+product[j][1])<=money){ money-=(product[j][0]+product[j][1]); cnt++; } } 해당 코드를 하단의 코드로 바꿔도 문제가 안될지 질문드립니다! for(let j=0; j<n; j++){ if(j!==i && (product[j][0]+product[j][1])<=money){ money-=(product[j][0]+product[j][1]); cnt++; }else break; }

  • javascript
  • 코테 준비 같이 해요!
댓글 1 좋아요 0 조회수 185

key 값 할당에 대해 궁금합니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의에서는 useRef 를 사용하면 된다고 하셨는데, 그 이유가 무엇인지에 대한 설명이 없으셔서 let 이나 var 는 불가능한가 해서 테스트해보니 값이 증가하지 않더라구요. 왜 그런지 이유가 궁금합니다. // const dataId = useRef(0); let dataId = 0 ; const onCreate = ( author , content , emotion ) => { const created_date = new Date (). getTime (); const newItem = { author , content , emotion , created_date , id : dataId , }; dataId += 1 ; setData ([ newItem , ... data ]); };

  • nodejs
  • react
  • javascript
wogh1265 댓글 1 좋아요 3 조회수 339

안녕하세요.. 질문 몇가지 드립니다!

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의 너무 잘듣고 있습니다! 하지만 Props 정말 알듯 모를듯 아리송하네요.. 질문드립니다! 1. 파일명은 무조건 대문자 시작인가요?? 2. 각 컴퍼넌트에 return 뒤에는 하나 이상일 경우 ()가 오고 한 줄 일경우에는 <> </>로도 가능할까요? 3. children 이라는 Props는 고정된 이름인가요? 다른 child같은걸로는 변경 불가능하죠?? 변경해서 하니까 오류가 나더라구요! 4. <button count={count}> 이렇게 속성으로 준 Props와 객체로 선언해서 넘겨주는 Props를 동시에 사용 못하나요?? const Counter = ( props ,{ counterValue3 }) => { const [ count , setCount ] = useState ( counterValue3 ); // props 매개변수로 받아 프로퍼티로 전달 방법 이런식으로 말이죠..

  • react
  • props
  • nodejs
  • javascript
topgun0415 댓글 1 좋아요 0 조회수 338

Mount가 두번 실행되는건 왜 그럴까요?

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의 잘 보고 있습니다. 질문이 있는데요, useEffect()로 Mount 를 구현하였고, 콘솔에 로그를 Mount를 출력하였습니다. 그런데, 이상하게, Mount 로그가 두번씩 출력됩니다. 동작은 이상없지만, 두번 출력되는게 이상해서요~ 제가 무엇을 잘못했는지 궁금합니다. useEffect(()=>{ console.log("Mouint!"); }, []); 즐거운 하루 보내세요.

  • useEffect
  • javascript
  • mount
  • react
  • nodejs
빈빠 댓글 1 좋아요 1 조회수 3112

인기 태그

인프런 TOP Writers

주간 인기글