inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

함수- return으로 결과값 반환

해결됨

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

// 함수선언 함수를 생성하는 것 function greeting(){ console.log("안녕하세요"); } greeting(); let area1 = getArea(20, 30); console.log(area1); getArea(40, 200000); // 함수 호이스팅 // -> 끌어올리다 라는 뜻. //함수가 선언되는 순서는 중요하지 않다! function getArea(width, height){ function another(){ //증첩함수 console.log('another'); } another(); let area = width*height; // console.log(area); return area; <------------------------- 여기 return이 반환값이라고 하셨잖아요. getArea(40, 200000) = area 와 같다고 생각하면 되는거죠? 그리고 그걸 화면에 출력하기 위해서는 꼭 변수에 담아야 하는거죠? 그건 알겠는데 왜 변수에 담아야 나오는 건지 궁금합니다!! }

  • javascript
  • react
  • node.js
zip 댓글 1 좋아요 0 조회수 54

ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

ch-7-2에서 포스트 상세 조회 router 안에서 ipify.org api를 호출하는데 포스트 상세 조회 API를 클라이언트에서 호출할 경우 서버에서 ipify.org api를 호출하기 때문에 의도한바와 다르게 서버 ip 주소가 나오고 클라이언트 IP는 req.ip를 통해서만 얻을 수 있지않나요?? const response = await axios.get("https://api.ipify.org?format=json"); ip = response.data.ip;

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
김진규 댓글 2 좋아요 0 조회수 231

Promise 의 reject 관련 오류

해결됨

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

2.13) 비동기 작업 처리하기 2. Promise 강의에서, if 문을 활용한 타입 검증 시 오류인 상황(else) 에서의 reject 가 정상 동작하지 않습니다. /* Promise */ const promise = new Promise((resolve, reject) => { // 비동기 작업 실행 함수 : executor setTimeout(() => { let num = 10; num = '10'; console.log(num); if (typeof num === 'number') { // 성공일 때 호출 resolve(`${num}은 숫자입니다.`); } else { // 실패일 때 호출 reject(`${num}은 숫자가 아닙니다.`); } }, 1000 * 1); }); 위 코드에서, num 타입을 string 으로 변경했을 때 else 문이 진행되는 것으로 기대했습니다. 이때, 브라우저의 디버거에서 오류를 발생시키면서 정상 동작되지 않습니다. 터미널에서는 UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). 라는 오류가 발생됩니다. catch 문 없이 reject 를 단독으로 사용하는 것에 문제가 있는 것 같은데, 예제와는 다르게 동작하는 것 같아 문의드립니다.

  • javascript
  • react
  • node.js
챙준 댓글 2 좋아요 0 조회수 121

node.js 버전 및 typescript 적용 문의

미해결

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

안녕하세요 강사님. node.js 강의 수강을 이제 막 시작한 프론트엔드 개발자 수강생입니다. 1. 모든 강의는 node.js 14 버전 기준으로 녹화가 된게 맞나요? 맞다면 22LTS 버전으로 설치해도 강의를 수강하는데 문제는 없을까요? 2. 그리고 프로젝트 생성 처음부터 typescript 적용하고 싶은데, 초보자에게 괜찮을까요? 비추천이시라면 typescript 없이 시작하려고 합니다. 감사합니다.

  • node.js
  • mysql
  • mongodb
  • express
  • typescript
  • socket.io
  • jwt
미미미해 댓글 2 좋아요 0 조회수 121

prettier 적용 안됨

해결됨

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

javascript prettier 패키지 visual studio code 에 설치 하고 설정부분에서도 format on save 부분 editor 체크했는데 적용이 안되네요

  • javascript
  • react
  • node.js
김샬롬 댓글 2 좋아요 3 조회수 376

기존강의 구매자, 업데이트 끝인가요?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

이 강의를 이전에 구입했었고 이제 들으려 하니 코드도 강의도 옛날 그대로고 업데이트도 끝난것 같네요

  • react
  • node.js
  • seo
  • graphql
  • next.js
정승길 댓글 3 좋아요 0 조회수 129

백앤드서버랑 연동하는

해결됨

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

백앤드 서버랑 연동하는 실습은없나요? 저도 잘 모르지만 axios?이걸로 api보내는 형식으로 백앤드서버랑 통신하는 그런 실습은업을까여ㅛ?

  • javascript
  • react
  • node.js
임다정 댓글 2 좋아요 0 조회수 97

리액트 실습 준비하기에서 브라우저 콘솔에 오류

해결됨

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

리액트 실습 준비하기에서 npm install 까지 마치고 라이브 서버로 열려고 하는데 빈 공백만이 뜹니다. 브라우저의 개발자용 콘솔에는 Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec. 라고 떠있어요. 제미니한테 물어보니까 브라우저가 jsx를 못 읽어서라고 하네요. 열심히 여러가지 시도 해봤으나 잘 안되서 도움 요청드립니다ㅠㅠ

  • javascript
  • react
  • node.js
salvor00 댓글 1 좋아요 0 조회수 127

List.jsx에서 검색어를 입력 시 getAnalyzedData() 함수가 지속적으로 호출되는 이유가 뭔가요

해결됨

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

안녕하세요. 강의 잘 보고 있습니다. 웹 페이지 중 List영역의 검색창에 단어를 입럭할 때 마다 getAnalyzed() 함수가 호출되는 이유가 궁금합니다. 저의 부족한 실력으로나마 추측을 했을 때, 검색창에 해당하는<input>태그에 입력이 발생할 때 마다 search라는 내부 state의 값이 바뀌게 되어 랜더링이 다시 진행되고, 이에따라 getAnalyzed()가 실행되는 것 같습니다. 답변 기다리겠습니다. 감사합니다!

  • javascript
  • react
  • node.js
박영현 댓글 2 좋아요 -1 조회수 101

404 에러

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

Request failed with status code 404 AxiosError: Request failed with status code 404 at settle ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:1702:12 ) at XMLHttpRequest.onloadend ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:338:66 ) at Axios.request ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:832:41 ) 저의 경우는, client에서 npm install http-proxy-middleware@2 로 다운로그레이드를 한 뒤 해결되었습니다. @3 버전이 깔렸는데 cra와 이게 호환성 이슈가 있는 것 같습니다.

  • react
  • node.js
pspice 댓글 1 좋아요 0 조회수 136

Access Token 30분 오타요..

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

1000L * 60 * 30 해야 30분아닌가요 1초 * 60 -> 1분 1분 * 30 -> 30분

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
ppj2130 댓글 1 좋아요 0 조회수 98

useRef를 사용하는 이유

해결됨

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

todo list 구현 중 id 값을 변경할 때 useState가 아닌 useRef를 사용하는 이유가 무엇인가요? useRef를 사용하는 이유와 사용되는 경우를 아직 이해하지 못해 조금 더 자세하게 알려주시면 감사하겠습니다ㅠ

  • javascript
  • react
  • node.js
댓글 2 좋아요 0 조회수 142

12.7. 방장기능(강퇴) 질문드립니다.

미해결

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

socket.on('kicked', (data) => { console.log('강퇴 이벤트 수신'); alert(data.message); window.location.href = data.redirectUrl; }); socket.on('kickUser', (userId) => { console.log('강퇴 요청 받음:', userId); const targetSocket = chat.sockets.get(userId); if (targetSocket) { console.log('강퇴 대상 소켓 찾음'); targetSocket.emit('kicked', { message: '강퇴되었습니다.', redirectUrl: '/' }); setTimeout(() => { // 강퇴된 소켓 연결 해제 targetSocket.disconnect(true); console.log(`사용자 ${userId} 강퇴 완료`); }, 100); } else { console.log(`사용자 ${userId} 소켓을 찾을 수 없음`); } }); socket.on('kicked',가 작동을안하네요 서버쪽에서는 targetSocket.disconnect(true)정상작동합니다.

  • node.js
  • mysql
  • mongodb
  • express
  • typescript
  • socket.io
  • jwt
김영기 댓글 2 좋아요 0 조회수 104

프로젝트 1 카운터앱만들기에서 props로 넘겨주기 궁금한부분이잇습니다.

해결됨

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

6.3)기능 구현하기 부분에서 <Controller/>에서 <Viewer/>로 count를 넘겨주는게 불가능하다고하셨는데 const Viewer = ({ count }) => {} 로 props로 넘겨주는거 가능하지않나여 ? 그렇게 해서 잘넘어와서 카운터앱만들기 성공했는데 왜 안된다구하신건지 이렇게하면 안되는 이유가 궁금합니다! 이전강의해서 배운대로 사용했는데 이부분에서 갑자기안된다고하셔서 궁금해서 여쭤봅니다.

  • javascript
  • react
  • node.js
댓글 2 좋아요 0 조회수 99

랜덤 키 생성

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

키가 부팅 시 생성되는 랜덤 키라 하셨는데, 로그인 쪽 서버 인스턴스가 단일이 아니라 다중이라면 어떻게 되나요?

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
토니 댓글 2 좋아요 1 조회수 132

커리큘럼12.css 정렬 에 나오는 과제 정답알고싶어요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

figma 에 들어가도 css 코드가 안나오고 과제 정답 과 해설이 있으면 좋을거같은데 피그마에서 아무 코드 정보없이 혼자 다 만드려는게 처음 강의를 듣고 과제를 하려는데 있어서 응용해서 뚝딱 만들기가 너무 어렵고 힘들어요 ㅠ

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
조성민 댓글 2 좋아요 0 조회수 98

13-1, 13-2 질문

미해결

실무 중심! FE 입문자를 위한 React

강의에서 나온대로 다 따라 갔는데 아무것도 안됩니다. 콘솔창에서는 const [surveyData, setSurvey] = useRecoilState(surveyState).questions; 에서 Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 라는 에러 뜹니다

  • react
  • redux
  • node.js
  • sass
  • swr
안건하 댓글 1 좋아요 0 조회수 152

12.7 코드 그대로 뱃겨서 햇는데 스샷같이 오류가뜹니다.

미해결

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

완전히 똑같이 복붙하고 실행했는데 계속 이메시지가 프론트엔트에 뜨네요

  • node.js
  • mysql
  • mongodb
  • express
  • typescript
  • socket.io
  • jwt
김영기 댓글 2 좋아요 0 조회수 113

인기 태그

인프런 TOP Writers

주간 인기글