묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결@시코 - JavaScript 최고수되기 (개념과 실무)
강의자료다운
볼려고하는개 강의다료다운이 필여할듯해여 구글 공유햇습니다
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Promise 의 reject 관련 오류
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 를 단독으로 사용하는 것에 문제가 있는 것 같은데, 예제와는 다르게 동작하는 것 같아 문의드립니다.
-
미해결Amazing JavaScript - 입문
22강 filter 매소드 (내장 API) 질문
map과 filter 내장 API에 대해 설명하시면서, 전자는 원본 배열을 바꾸지 않고후자는 원본 배열을 바꾼다고 하셨습니다. const arry = [10,20,30] 배열이 있는 상태에서20을 꺼내오고 싶어서 코드를 작성했습니다. arry.filter( (item) => {if (item === 20) {return true}} )리턴값으로 20은 나왔지만, 원본(?) 배열 arry의 값은 [10,20,30] 으로 그대로 입니다.pop,push, spilice는 원본 배열의 값이 바뀐걸 그 자리에서 확인할 수 있는데 flilter 는 아닌 것 같아서요. 혹시 강의 설명을 잘못하신걸까요?
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
수강을 하기 전 공부순서에 관한 질문이 있습니다.
안녕하세요. 저는 이제 막 프로그래밍을 완전 처음 접하는 직장인입니다.개인적으로 어떤 앱을 스스로 개발 해보고 싶어서 처음부터 앱의 모든것들을 혼자서 공부할 계획입니다.현재 저의 상황은, chatGPT로 부터 받은 총 1200줄의 Todo list 코드들을( 완전히 암기한 상태입니다. . , , HTML,CSS,JS 코드 모두 합친)HTM,CSS 는 어느 정도 알고 있는 상태입니다. 그런데 이게 웃기는 상황인게 정작 암기를 하였지만 코드의 각 기능과 의미, 각 코드들간에 연관성이 무엇인지는 단 하나도 모른다는 것입니다 ㅡㅡ;;(멍청한 짓인줄 압니다)예를들어 화살표 함수, async/await, reduce, map,filter, 외부API 호출 이런 함수들을 암기했지만 뭔지도 모르는 상태입니다. ;; 그래도 하나부터 끝까지 외운 코드들은 스스로 타이핑 할 수 있습니다.다시 처음부터 강의를 들으며 무식하게 암기하였지만 몰랐던 부분들을 하나씩 배워갈려고 합니다.가장 궁금한 부분은 이 강의를 수강하고, 선생님의 JS 강의를 모두 수강 후바로 React, react-native node.JS로 넘어가도 되는지도 궁금합니다!! 저의 질문을 읽어 주셔서 감사합니다 ^ [제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
-
미해결뉴비를 위한 자바스크립트
수강하기전 질문이 있습니다.
안녕하세요. 저는 이제 막 프로그래밍을 완전 처음 접하는 직장인입니다.개인적으로 어떤 앱을 스스로 개발 해보고 싶어서 처음부터 웹의 모든것들을 혼자서 공부할 계획입니다.현재 저의 상황은, chatGPT로 부터 받은 총 1200줄의 Todo list 코드들을( 완전히 암기한 상태입니다. . , , HTML,CSS,JS 코드 모두 합친)HTM,CSS 는 어느 정도 알고있는 상태입니다. 그런데 이게 웃기는 상황인게 정작 암기를 하였지만 코드의 각 기능과 의미, 각 코드들간에 연관성이 무엇인지는 단 하나도 모른다는 것입니다 ㅡㅡ;;예를들어 화살표 함수, async/await, reduce, map,filter, API 호출 이런 함수들을 암기했지만 뭔지도 모르는 상태입니다. ;; 다시 처음부터 강의를 들으며 무식하게 암기하였지만 몰랐던 부분들을 하나씩 배워갈려고 합니다.가장 궁금한 부분은 이 강의를 수강하고, 선생님의 더욱 집중된 JS 유료 강의를 모두 수강 후바로 React, node.JS로 넘어가도 되는지도 궁금합니다!! 저의 질문을 읽어 주셔서 감사합니다 ^^
-
해결됨웹 프론트엔드를 위한 자바스크립트 첫걸음
"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다
"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다.Chrome과 Safari에서 각각 테스트했으나 결과는 같았습니다.문제 해결 부탁드립니다.
-
미해결한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
동물 앨범 만들기 pushtState 관련
안녕하세요, 선생님.수업 잘 듣고 있습니다! 동물 앨범 만들기-3 수업을 듣다가 pushState메서드 사용할 때 가장 첫번째 값에 null을 넣는 이유가 궁금합니다!감사합니다! const tabBar = new TabBar({ $app, initialState: "", onClick: async (name) => { history.pushState(null, `${name}`, name); this.setState({ ...this.state, currentTab: name, photos: await request(name === "all" ? "" : name), }); }, }); ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다.⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.
-
미해결떠먹는 Three.js
수업을 들으면서...
아직 초반부지만 열심히 듣고 있는데요,섹션3에서 각각의 명령어를 설명하시면서 직접 마우스로 움직이면서 하시더라구요강사님 설명을 들으면서 입력해보고는 있는데 그렇게 움직이면서는 확인이 안되어서요....따로 코딩을 더 넣어야 하는건지 아님 제가 놓친 부분이 있는지 해서요
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
prettier 적용 안됨
javascript prettier 패키지 visual studio code 에 설치 하고설정부분에서도 format on save 부분 editor 체크했는데 적용이 안되네요
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
로그인 오류
안녕하세요. 강사님.강의를 보고 개인 웹사이트를 만들었는데요.https://mirihomepage.com/로그인이 안됩니다;;;superuser도 있고, 카테고리/google 사이트 등록까지 분명 다 했는데, https인증 받고, 도메인 연결하고 그러는 사이에 뭔가 달라진건가싶습니다...
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
백앤드서버랑 연동하는
백앤드 서버랑 연동하는 실습은없나요? 저도 잘 모르지만 axios?이걸로 api보내는 형식으로 백앤드서버랑 통신하는 그런 실습은업을까여ㅛ?
-
해결됨한 입 크기로 잘라 먹는 리액트(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를 못 읽어서라고 하네요. 열심히 여러가지 시도 해봤으나 잘 안되서 도움 요청드립니다ㅠㅠ
-
미해결프론트엔드 마스터클래스
메모이제이션 뒷부분 짤린건가요?
103강 메모이제이션과 104강 가상화가 매끄럽게 이어지지 않고 끊긴 느낌이라 질문드립니다!
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
커리큘럼 질문
코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM 안녕하세요. 코드팩토리님, 강의 너무 잘보고 있습니다. 커리큘럼에 대해서 질문이 있는데 강의 소개에서는 배포에 대한 부분이 언급이 되어있는데 현재 커리큘럼을 쭉 보면 배포에 대한 부분이 없는데 혹시 아직 추가가 안된건가요?
-
미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
services-col mx-2 my-3
버전의 문제인가 싶어서 강사님 수업자료 다운받아서 CSS만, JS만, HTML만 해봤으나 원인을 찾지못하여 글 남깁니다. mx-2가 먹히지 않는것인지 이미지 사이에 공백이 없네요.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
List.jsx에서 검색어를 입력 시 getAnalyzedData() 함수가 지속적으로 호출되는 이유가 뭔가요
안녕하세요. 강의 잘 보고 있습니다.웹 페이지 중 List영역의 검색창에 단어를 입럭할 때 마다 getAnalyzed() 함수가 호출되는 이유가 궁금합니다.저의 부족한 실력으로나마 추측을 했을 때, 검색창에 해당하는<input>태그에 입력이 발생할 때 마다 search라는 내부 state의 값이 바뀌게 되어 랜더링이 다시 진행되고, 이에따라 getAnalyzed()가 실행되는 것 같습니다.답변 기다리겠습니다. 감사합니다!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useRef를 사용하는 이유
todo list 구현 중 id 값을 변경할 때 useState가 아닌 useRef를 사용하는 이유가 무엇인가요? useRef를 사용하는 이유와 사용되는 경우를 아직 이해하지 못해 조금 더 자세하게 알려주시면 감사하겠습니다ㅠ
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
어몽이를 stage의 100% 로 보낼 수 있는 방법이 궁금해요!
키프레임 wrap around 실습하다가 궁금해서 여쭤봐요!해설해주신 대로 어몽이를 x를 420으로 하면부모인 stage 가로사이즈 500px이 바뀌면 어몽이에 적용한 420도 같이 바뀌어야 해서부모 사이즈를 기준으로 하려면 left나 right 속성을 사용하는 방법 밖에 없을까요?
-
해결됨한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
동물 앨범 만들기 사진 관련 문의
안녕하세요. 동물 앨범 만들기 부분을 듣고 있습니다. 올려주신 사이트에 들어가려고 하니까 '연결이 비공개로 설정되어 있지 않습니다' 라는 문구가 나와서 여러가지 방법을 사용해봤는데, 마지막에 불법 정보 유해 사이트쪽으로 넘어가지는데 혹시 어떻게 해결할 수 있을까요?⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다.⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
프로젝트 1 카운터앱만들기에서 props로 넘겨주기 궁금한부분이잇습니다.
6.3)기능 구현하기 부분에서<Controller/>에서 <Viewer/>로 count를 넘겨주는게 불가능하다고하셨는데const Viewer = ({ count }) => {}로 props로 넘겨주는거 가능하지않나여 ?그렇게 해서 잘넘어와서 카운터앱만들기 성공했는데 왜 안된다구하신건지 이렇게하면 안되는 이유가 궁금합니다!이전강의해서 배운대로 사용했는데 이부분에서 갑자기안된다고하셔서 궁금해서 여쭤봅니다.