묻고 답해요
132만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결프로젝트로 배우는 React.js
비동기문제
강의에서는 toast가 비동기적으로 실행되는것을 해결하기 위해 useRef를 활용했는데 혹시 async나 promise로도 해결이 가능한건가요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
메일 알람 설정 문의
메일 알람 안오게 할려면 어떻게 해야 하나요? repositories에서는 이미 삭제해서 unsubscribe를 할수가 없는 상태입니다 답변 부탁 드리겠습니다
-
해결됨타입스크립트 입문 - 기초부터 실전까지
함수 반환 타입에서 유니온 타입에 대한 질문이 있습니다
타입을 유니온 타입으로 선언할 경우,해당 타입은 A, B 타입의 교차 속성에만 접근 가능한 것으로 이해하고 있습니다그래서function fn(): string | number { // do something } const val = fn(); val.toFixed(2) // type error에서val 의 타입이 string과 number의 교차 속성만을 가진 타입이라서 toFixed가 타입 오류를 내는 것으로 이해하고 있습니다.질문 드리고 싶은 것은,특정 함수가 A 타입인 값이나 또는 B 타입인 값을 반환할 수 있다고 가정할 경우,반환된 값을 변수에 할당하여 사용할 때 A 타입의 모든 속성 또는 B 타입의 모든 속성에 접근 할 수 있도록 하고자 한다면반환 타입을 어떻게 선언해야 하는지 궁금합니다.단순히 or 로 생각해서 유니온타입을 설정하면 교차 속성에만 접근이 되니 타입 오류가 발생하게 되어 어떻게 해야 할지 모르겠습니다.
-
미해결타입스크립트 입문 - 기초부터 실전까지
repository 의 app.js 소스 수정 요망
app.js 의 소스 2행의 코드가, 최초로 clone 후 받아온 소스와 강의에서 진행되는 코드가 서로 다릅니다. 강의에서는 디폴트가 /users 입니다.하지만 실제 repository 에는 /users/1 로 단일 객체로 가져옵니다. 영상 내에서 해당 항목에 대한 명시적인 소스 수정 부분도 없어, 그 부분을 인지 못하고 나머지 부분만 영상대로 따라하면서 수정하면 제대로 강의를 진행을 할 수 없습니다.자잘한 부분이기는 하지만, 이런 부분은 당연히 적용되어야 하는 부분 같습니다. step by step 으로 따라가는 걸 전제로 하는 게 아닐까요?
-
미해결프로젝트로 배우는 React.js
useParams
useParams hook을 사용할때 import를 react-router 에서 하시는데 react-router-dom에서 하든 react-router에서 하든 별 상관 없는건가요?강의에서는 react-router-dom을 사용하고 있는걸로 있는데 react-router와의 차이와 import할 때 이 둘을 구분하지 않아도 되는지 궁금합니다.
-
미해결프로젝트로 배우는 React.js
새로고침을 해야하는 기준
안녕하세요 코지코더님 강의 수강중인 수강생입니다.가끔 보면 새로고침을 하지 않아도 local 에 바로 업데이트가 되는게 있고 이번 강의처럼 새로고침을 한번 누르시는게 있는데 그 기준이 있을까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
저는 스타일이 이상하게 적용되네요 ㅠ
<template> <div class="inputBox shadow"> <input type="text" v-model="newTodoItem"> <span class="addContainer" @click="addTodo"> <i class="fa-solid fa-plus addBtn"></i> </span> </div> </template> <style scoped> input:focus { outline: none; } .inputBox { background: white; height: 50px; line-height: 50px; border-radius: 5px; } .inputBox input { border-style: none; font-size: 0.9rem; } .addContainer { float: right; background: linear-gradient(to right, #6478FB, #8763F8); display: block; width: 3rem; border-radius: 0 5px 5px 0; } .addBtn { color: white; vertical-align: middle; } </style>위처럼 아예 input창 크기도 안맞춰지고 span 태그도 사라져있더라구요..왜 이상하게 나왔는지를 몰라서 임시로 아래처럼 바꿨는데 요즘은 flex를 현업에 안쓴다고 들었는데 그게 맞을까요 ??아직 git 허가를 못받아서 ..😭input:focus { outline: none; } .inputBox { display: flex; align-items: center; background: white; height: 50px; line-height: 50px; border-radius: 5px; } .inputBox input { height: 100%; width: calc(100% - 3rem); border-style: none; font-size: 0.9rem; } .addContainer { background: linear-gradient(to right, #6478FB, #8763F8); display: block; height: 100%; width: 3rem; border-radius: 0 5px 5px 0; } .addBtn { color: white; vertical-align: middle; }
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청드립니다.
aaa
-
미해결프로젝트로 배우는 React.js
axios.get 2번 불러오는데
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.const getPost = () => { axios.get('http://localhost:3001/posts').then((res) => { console.log(res); }) } axios.get 하면 개발자도구에서 네트워크-> posts 2번 불러오는데 이유를 알고싶습니다.
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github권한부여 부탁드립니다.
github권한부여 부탁드립니다.인프런 아이디 : woojoo216인프런 이메일 : woojoo216@naver.com깃헙 아이디 : woojoo216@naver.com깃헙 Username : woojoo216
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 권한 요청 드립니다.
인프런 아이디 : jeongwon.been@gmail.com인프런 이메일 : jeongwon.been@gmail.com깃헙 아이디 : jeongwon.been@gmail.com깃헙 Username : jbeen0606
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
화살표 함수 질문드립니다.
선생님께서 말씀하셨던 화살표 함수는 function 을 () 로 대체 해서 쓰신다고 말씀하셨습니다.궁금한게 해당 Todoinput.vue 에서 function () {} 해당 부분을 () => {} 으로 대체하면 웹 상에서 정상적으로 실행되지 않는데 제가 화살표 함수에 대해서 잘못 이해하고 있는지 여쭤봅니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
폰트 어썸 사이트 - Kit's Code로 넣기
폰트 어썸 사이트가 버전업이 됐는지 밑에 있는 질문들에서 대응하기 힘들어서 제가 한 방식 적어볼게요. 혹시나 막히는 분들은 도움이 되면 좋겠습니다. 2022-9-15기준 홈페이지 화면에서 kits선택로그인 하면 해당 화면이 보이는데 이름 클릭script 태그를 index.html 에 link대신 추가했습니다.강의에 적힌 디자인이 없는지 대응이 안되길래 plus로 검색해서 비슷한 디자인 넣었습니다
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청드립니다.
인프런 아이디 : 인프런 이메일 : 깃헙 아이디 : 깃헙 Username:
-
미해결모던 자바스크립트(ES6+) 심화
비동기 통신, 실행
아 전에 질문이 이 파트를 이해를 잘 못한거 같은데 비동기 통신과 비동기 실행을 합치는 이유를 잘 모르겠네요 ㅠ비동기 통신만 하면 비동기 실행은 자동으로 되는게 아닌가요?..
-
미해결타입스크립트 입문 - 기초부터 실전까지
toString이 없다는 오류
안녕하세요, 함수 호출할 때 타입 지정할 수 있도록 바꾸었는데toString이 없다는 오류가 나는데 어떻게 해야할까요?커뮤니티에있는 다른글들 보면 다른분들도 똑같이 한거같은데.. 어찌해야할지 모르겠네요 ㅜ ㅜ
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님 자바스크립트 애로우 함수 문법 질문 드려봐요
안녕하세요. 자바스크립트 애로우함수에 대해 질문드립니다.let a = [1, 2, 3, 4, 5];let b = 3;a = a.filter((x) => {if (b !== x) {return x} });이것과 a = a.filter(x => b !== x);이것이 같다는것은 알고 있습니다. 그렇다면a = a.filter(x => b !== x);a = a.filter((x) => b !== x);이 차이점은 무엇인가요?
-
미해결타입스크립트 입문 - 기초부터 실전까지
생성자에서 비동기처리
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 캡틴판교님, 강의 잘 듣고있습니다. 실습에서 구현한 클래스를 보면 생성자에서 비동기처리를 수행하는 함수가 실행되고(fetchData())있는데요, 다음과같이 만들고 메소드를 실행했을 때 비동기처리때문인지 결과 값이 빈 배열이 나오는 것을 볼 수 있었습니다... 그래서 질문은 해당 실습코드처럼 클래스의 생성자에서 비동기처리를 하는 함수를 실행하는 방식을 많이 이용하나요? 뭔가 제 생각으로는 생성자에서 비동기로 데이터를 받아와 멤버변수에 값을 넣는 경우 멤버함수(메소드)를 외부에서 이용할 경우 위처럼 문제가 생길 것 같아서요. 실습에서 구현한 클래스를 어떻게 잘 사용할 수 있을까요? 제가 이해한 실습코드의 클래스 로직은 이렇습니다. 클래스가 만들어지고(new AddressBook()) 클래스 생성자에서 fetchData() - fetchContracts()실행 -> 비동기로 처리됨 1이 처리되어 멤버변수 contracts에 받아온 데이터가 할당되기 전 외부의 코드 실행됨(위 스샷) 1이 처리되기 전에 실행되었기 때문에 빈배열 출력 --클래스의 메소드를 사용하고 싶은 경우 생성자가 실행된 이후 메소드들을 실행할 수 있도록 async-await나 프로미스를 이용해 처리를 해줘야 할 것으로 생각되는데, 어떻게 구현할 수 있을지 감이 오지 않습니다... 도와주실 수 있으실까요?
-
미해결타입스크립트 입문 - 기초부터 실전까지
특수 문자
판교님, 02: 01에서 특수 문자 vscode extension 을 사용하신 건가요?
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
<html css js를 활용한 반응형 모던 웹페이지 만들기 3> 강의 영상 중 질문입니다.
<html css js를 활용한 반응형 모던 웹페이지 만들기 3> 강의 영상 중 질문입니다. const slidePreviewList = document.getElementsByClassName("slide-prev"); 로 상수를 선언하시고 그후 for문에서 for (let i = 0; i < slidePreviewList.length; i++) { let classList = slidePreviewList[i].parentElement.parentElement.nextElementSibling; let liList = classList.getElementsByTagName("li"); ...~} 여기서 slidePreviewList[i]는 어떤걸 지칭하는건가요? slidePreviewList[1]은 slide-prev라는 클래스 이름을 가지는 첫번재 요소를 가리키고 slidePreviewList[2]는 slide-prev라는 클레스 이름을 가지는 그다음 요소를 가리키는 방식인가요? 좋은강의 항상 감사합니다.