묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useCallback 과 React.memo 의 사용 기준
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 초심자의 입장에서 사실 저러한 기능을 보면 그냥 처음에 만들때는 useCallback, React.memo 를 다 써보고 나중에 문제 생기면 그때 바꿔쓰면 되지 않나? 라는 생각이 듭니다.마치 평소에는 const 로 다 만들고, 해보다가 let 으로 변경이 필요하다 싶으면 let 으로 바꾸는 것처럼요.이걸 어떤 기준을 잡고 사용해야 할까요? 정확한 기준이 있는지도 궁금합니다. 렌더링 되는데 걸리는 시간이 몇 초 이상일시 변경한다거나 하는 기준이 있을까요?
-
미해결WEB2 - JavaScript
함수 호출 결과가 안뜹니다.
매개변수와 인자 편에서 다음 코드를 작성한 뒤 실행시키면 25Return이라고 표시가 됩니다. Return의 h2태그도 적용이 안되고 sum(3,4);의 값도 출력이 안되네요. <h2>Parameter & Argument</h2> <script> function onePlusone(){ document.write(1+1+); } onePlusone(); function sum(left, right){ document.write(left+right+'<br'); } sum(2,3); // 5 sum(3,4); // 7 </script> <h2>Return</h2>
-
미해결인터랙티브 웹 개발 제대로 시작하기
외부에서 JS파일을 불러올땐 무조건 defer를 써도 괜찮은건가요?
예외적으로 플러그인 같이 개별로 작동하는 JS파일은 async로 불러오고 일반적으로 작성한 JS들은 전부 defer로 불러온다고 했을때 발생할 수 있는 문제같은게 있을까요?
-
해결됨웹 애니메이션의 새로운 표준, Web Animations API
특정 시점에 자바스크립트 호출은 어려울까요?
우선 좋은 강의에 감사드립니다. scroll-timeline을 바탕으로 새로운 프로젝트를 작성하고 있는데요,특정 시점에 요소 opacity 조절로 노출되게끔 처리했습니다.그런데 이 노출되는 시점에서부터는 특정 스크롤까지 css keyframes로 혼자 깜빡깜빡 거리는 효과를 주고싶은데요. 자바스크립트로 class를 add / remove 해야할지 고민입니다.더 효율적이거나 좋은 방법이 있을까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
nodejs mysql 도커 컴포즈관련해서 문의 드립니다
docker-compose.yml파일의 코드는이렇게 구성하였는데요도커컴포즈하면 mysql데이터 가져오고싶은데 어떻게 해야하나요? volume으로 해봤는데 해당 데이터들은 못가져오고 새로 table을 생성되는데이렇게 구성되어있습니다 main스키마의 table들을 가져오고싶습니다.이렇게해봤는데도 원하는대로 데이터를 가져오지못했습니다mysql연결도 안되는 상황입니다 어떻게 해야 해결할수있을까요?
-
해결됨자바스크립트 ES6+ 기초 핵심 문법
기초 강의 #18 모듈
안녕하세요! 미니 프로젝트 강의 듣다가 부족한 부분은 기초 자바스크립트 영상을 보고 있습니다(넘 감사드려용..)기초 영상 중 #18 모듈 부분 타임라인 1:55 에 보시면 <script src="index.js"></script> 요 안에 type="module" 를 적어주시는 데, 이 부분이 적어줘야할 이유가 궁금합니다!! 왜 적는 지 궁금해요 ㅎㅎ..
-
미해결JavaScript 알고리즘 베스트 10
문제 풀이
안녕하세요!, 문제 8 ~ 11 까지 강의가 없는데 오류인가요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드 리뷰 부탁드립니당
function solution(m, arr){ let answer = 0; for (let i = 0; i < arr.length; i++) { let sum = 0; let index = i; while(sum < m) { sum += arr[index]; if (sum === m) { answer++; break; } else index++; } } return answer; } let a=[1, 2, 1, 3, 1, 1, 1, 2]; console.log(solution(6, a)); 이렇게 작성해도 될까요 ?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
docker-compose의 image 옵션 사용시 docker가 1개만 만들어집니다.
docker-compose.yaml에서 강의대로 소스를 수정했습니다.그 후 yarn add mongoose를 하고index.js를 수정한 후그리고 docker-compose build를 했는데요. my-backend는 만들어졌는데 my-database가 만들어지지 않습니다. my-database 부분은 아예 실행조차 하지 않은것처럼 보이는데요. 구글에서도 잘 찾아지지 않아 질문 드립니다.
-
미해결처음 배우는 리액트 네이티브
expo start중 metro bundler가 같이 실행되지 않아요
사진과 같이 실행된다고는 뜨는데 따로 웹페이지로 열리지도 않아서 s 누른 후 나오는 주소(http://localhost:8081)로 타고들어가도 강의내용과 같은 페이지가 열리지가 않습니다. expo 재설치를 해보았는데도 여전한데 어떻게 해결할수 있을까요??
-
해결됨[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
Arrow 함수 질문있습니다.
iveMembers = ["안유진", "장원영", "레이", "이서", "리즈", "가을"]; console.log(iveMembers.map((x) => `아이브: ${x}`));arrow 함수 형식이 () => {} 이고, {}가 생략이 가능해 위와 같은 코드가 작성됨을 이해했습니다.저는 {}을 생략하지 않아도 실행이 될 거라고 생각해 아래의 코드로 다시 실행을 해봤는데 결과 값이 [ undefined, undefined, undefined, undefined, undefined, undefined ]라고 나와서 왜 다르게 나오는지 질문 드립니다.iveMembers = ["안유진", "장원영", "레이", "이서", "리즈", "가을"]; console.log(iveMembers.map((x) => {`아이브: ${x}`}));
-
미해결함수형 프로그래밍과 JavaScript ES6+
변수에 재 할당 금지~
함수형 프로그램밍 기법을 배우고자 이 강의를 듣고 있습니다. 제가 사용하는 프로그램은 언어적인 차원에서 프로그래밍 언어가 아니고 함수들 만으로 데이터를 처리합니다.최근 들어 이 함수에서 변수를 지원하는 LET, VAR를 사용하는데 실제 값을 재 할당하는 변수가 아니라 재 할당이 금지된 상수 차원에서 변수입니다.이 강의를 들으면서 느낀 건데 이렇게 변수를 재 할당 금지 시킨것이 순수 함수를 구현하기 위함일까요?익명 함수로 lambda를 사용하는데 변수에 재할당이 금지되어서 클로저를 제대로 사용 못하는것 같습니다.변수에 재 할당이 금지되면 클로저에서 함수를 호출할때 마다 1씩 증가 시키는 클로저를 사용하지 못하는 건가요?
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
4. 완전탐색에서 3. 멘토링 문제 문의
안녕하세요. 제가 문제를 정확하게 이해를 못한건지 이상한 부분이 있어서 문의 드려요. 답이 (3, 1), (3, 2), (4, 2)와 같은 결과를 만들 수 있다고 되어있는데, arr[2]번째 케이스에서는 해당이 되지 않는걸로 보여지는데 잘못 이해한 걸까요?arr[0]번째 케이스 => 3번 멘토 1등, 1번 멘티 3등 (조건 성립)arr[1]번째 케이스 => 3번 멘토 2등, 1번 멘티 4등 (조건 성립) arr[2]번째 케이스 => 3번 멘토 4등, 1번 멘티 3등 (조건 성립 X)let arr = [ [3, 4, 1, 2], [4, 3, 2, 1], [3, 1, 4, 2] ];
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
섹션 29 10-1 Entity 구현 선행 강좌
섹션 28에서는 스타벅스를 가지고 ERD 까지 그렸는데, 섹션 29에서 새로운 ERD를 가지고 Entity 구현하는 것 같네요. 강의가 업데이트가 안된걸까요?
-
미해결Vue.js 시작하기 - Age of Vue.js
vue cli 설치
C:\Users\kangm\OneDrive\바탕 화면\learn-vue-js-master>npm install -g@vue/cliup to date, audited 11 packages in 835ms1 package is looking for funding run npm fund for detailsfound 0 vulnerabilities이렇게 떠서 설치가 되지않아요
-
해결됨처음 배우는 리액트 네이티브
모바일 expo 실행오류
windows cmd창에서 nvm이랑 nodejs가 다운이 되지 않아서 Ubuntu를 이용해서 다운 받고 첫 번째 사진까지 진행 했으나 밑에 화면이 모바일 expo 화면인데 모바일에서 프로젝트 실행이 되지 않습니다. 제가 무언가 빠진 것이 있는 걸까요
-
해결됨[코드캠프] 시작은 프리캠프
21:15초 js 동작 질문
21:15초경 작성하신 코드대로 작성하고, 인증번호 전송을 여러번 클릭 할 경우 타이머 숫자가 버벅거리는 현상이 있는데, 이게 클릭 할 때 마다 3:00 타이머가 시작되어 여러개가 동시에 입력되어 발생하는 현상인가요? 맞다면 이 현상은 어떻게 해결하는지 궁금합니다.
-
미해결JavaScript 알고리즘 베스트 10
github에 해당 레포를 찾을 수가 없어요.
안녕하세요, github에 해당 레포를 찾을 수가 없는데 링크 한번 더 확인 부탁드립니다!
-
미해결
빨간줄로 도배됐어요ㅠㅠ
next 13으로 typescript와 함께 개발중입니다어느 순간부터 html태그들과 improt 쪽에 빨간줄이 뜨더니 해결될 생각을 안하더라구요..많이 검색해 본 결과. @types/react, @types/react-dom 을 다운받아야 한다고 해서 다운 받았지만 해결이 안되더라구요...이 외에도 많은 방법들을 시도해 봤지만 효과가 없었습니다. 도와주세요ㅠㅠ 태크에서 나는 에러 : JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.ts(7026)import문에서 나는 에러: Cannot find module 'next/image' or its corresponding type declarations.ts(2307)
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
섹션13. 마이크로서비스> Error [ERR_REQUIRE_ESM]
안녕하세요.(2022년도 강의) 섹션13. Microservice - API-Gateway 2 강의에서 질문이 있습니다.Microservice의 Graphql기반의 API 서버를 구성하는 예제에서 Gateway 서버에서 아래와 같은 에러가 발생합니다. (캡쳐 참고)const wrapAnsi = require('wrap-ansi');Error [ERR_REQUIRE_ESM]: require() of ES Module /api-gateway/node_modules/wrap-ansi/index.js from /api-gateway/node_modules/@nestjs/cli/node_modules/inquirer/lib/utils/screen-manager.js not supported.Node모듈에서 import 방식이 아닌 require 를 통해 다른 모듈을 로드해서 오류라는 것 같은데요.이 경우, 어떻게 해야할까요? ㅠ