묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
[node] 버전 질문 드립니다.
안녕하세요 캡틴판교님 강의를 열심히 듣고있는중입니다.그러던 중, node버전을 미리말씀해주셔서 10.16.3 으로 맞춰서 하고있는데제가 소스분석용으로 받아놓은 소스가 있는데 package.json에 들어가도노드 버전에 대한건 없는거같은데 알아볼수있는 방법이 있을까요??그리고 node버전이 달라도 호환이 되는 정도는 어떻게 알수있을까요??
-
해결됨Vue.js 시작하기 - Age of Vue.js
main.js 파일의 import 부분에서 오류가 납니다.
main.js 파일의 import 부분에서 오류가 납니다. 이미 사전에 동일한 질문이 있길래 똑같이 적용시켜보려했지만 윈도우 10 환경이라 그런지저에게는 우측하단에 ESLint를 변경하는 버튼이 없더라고요.. 어떻게 해결해야 할까요..?
-
해결됨[코드캠프] 훈훈한 Javascript
timer 기준일자를 추가하고싶습니다
인풋에 입력한 값이 dataFormMaker()의 결과로 나온다는것 까진 알겠는데 이리저리 썼다지웠다 수를 써봐도 기준일자로 화면에 표현해내질 못하고있습니다...ㅠㅠ 알려주실수 있나요..? 타이머 아래에 기준일자를 나오게 하고싶어서 html은 만들어놓았습니다ㅠ
-
미해결처음 만난 리액트(React)
코드 의미를 모르겠어요 react
const {comments} = props; 의미? {} 안에는 어떤 것을 넣는 것인지요? 각 항을 설명해 주세요 {comments.map((comments, index)=>{ return <CommentListitem key={comment.id} comment={comment} />; 리액트 진짜 어렵네요 CommentList.jsx 일부 입니다 function CommentList(props){ const {comments} = props; return( <Wrapper> {comments.map((comments, index)=>{ return <CommentListitem key={comment.id} comment={comment} />; })}</Wrapper> ); }
-
미해결처음 만난 리액트(React)
코드의 의미를 모르겠어요 react요
const Wrapper =styled.div 이게 무슨의미인지요? 또 문법이 괄호도 없고 빽틱으로만? & >*{ :not(:last-child){ margin-bottom:16px; } 이건 또 무슨의미인지요 CommentList.jsx 의 일부 입니다 const Wrapper =styled.div` display:flex; flex-direction : column; align-items:flex-start; justify-content : center; & >*{ :not(:last-child){ margin-bottom:16px; } } `;
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Git Hub 권한 요청 드립니다.
Gist 주소에 댓글 남겼는데 확인 부탁드립니다.
-
미해결모던 자바스크립트(ES6+) 심화
5:00 event.type = undefined
노드17.9 버전입니다.위와같이 이벤트.타입이 없다고 하는데 원인을 모르겠습니다.
-
미해결[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
npm i vs npm add
현재 Swagger를 활용한 API-Docs 생성 수강중 입니다.21분 36초에 npm add 로 설치하는데 npm i 와 npm add 의 차이를 앞부분에서 설명해 주셨을까요? 기억이 왜 안날까요?
-
해결됨처음 배우는 리액트 네이티브
안녕하세요! 강의 Chat App - Part 1 회원가입 부분에서 firebase 관련 에러가 납니다.
app.storage가 정의되어있지 않다고 뜨면서 Sign up이 되지 않습니다.처음에 Firebase 버전이 안맞아서 계속 에러가 떠서 게시판에 검색 한 후에 강사님이 올려주신 코드를 참고하여 강의 코드와는 약간 다르게 수정하였는데, 그것때문인지는 몰라도 계속 같은 에러가 발생합니다. <2023.02.07 22:05 수정>const ref = app.storage().ref(`/profile/${user.uid}/photo/png`);위 부분에 오타가 있어서const ref = app.storage().ref(`/profile/${user.uid}/photo.png`);이렇게 수정하였는데도 똑같이 오류가 납니다. 아래는 깃헙 주소입니다.https://github.com/frica12/React-native/tree/main/rn-chat 아래는 firebase.js 코드입니다.import { initializeApp } from "firebase/app"; import { getAuth, signInWithEmailAndPassword, createUserWithEmailAndPassword, } from "firebase/auth"; import config from "../firebase.json"; const app = initializeApp(config); const auth = getAuth(app); export const signin = async ({ email, password }) => { const { user } = await signInWithEmailAndPassword(auth, email, password); return user; }; const uploadImage = async (uri) => { if (uri.startsWith("https")) { return uri; } const blob = await new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onload = function () { resolve(xhr.response); }; xhr.onerror = function () { reject(new TypeError("Network request failed")); }; xhr.responseType = "blob"; xhr.open("GET", uri, true); xhr.send(null); }); const user = auth.currentUser; const ref = app.storage().ref(`/profile/${user.uid}/photo/png`); const snapshot = await ref.put(blob, { contentType: "image/png" }); blob.close(); return await snapshot.ref.getDownloadURL(); }; export const signup = async ({ name, email, password, photo }) => { const { user } = await createUserWithEmailAndPassword(auth, email, password); const photoURL = await uploadImage(photo); await user.updateProfile({ displayName: name, photoURL }); };
-
미해결
LexicalEnvironment와 VariableEnvironment에 대해 궁금합니다.
1.variable Environment가 Lexical Environment의 snapshot이며 outerEnvironmentReference는 함수가 선언될 당시 Lexical Environment를 참조한다고 하였습니다... 그렇다면 variable Environment를 참조하는 것과 같지 않은지가 궁금합니다. 2.variableEnvironment의 environmentRecord는 선언된 식별자를 LexicalEnvironment의 environmentRcord는 선언된 식별자를 포함해 let과 const 등까지 포함하는지 궁금합니다.. 3.ThisBinding이 variableEnvironment나 LexicalEnvironment의 environmentRecord에 속해 있는 게 아니라 따로 떨어져있는게 맞는지가 궁금합니다...
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
25-04 pointTransaction.service.ts 에러
// 2. 유저의 돈 찾아오기 // const user = await this.userRepository.findOne({ // where: { id: currentUser.id }, // }); const user = await queryRunner.manager.findOne( User, { id: currentUser.id }, { lock: { mode: "pessimistic_write" } }, ); 위의 코드에서 { lock: { mode: "pessimistic_write" } }, 부분이 추가되면서 아래의 에러가 발생하고 있습니다. src/apis/pointTransaction/pointTransaction.service.ts:52:9 - error TS2554: Expected 2 arguments, but got 3.52 { lock: { mode: "pessimistic_write" } },테스트를 진행해보려면 어떻게 코드 수정이 되어야 할런지요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
바둑이 승차관련 sum>c return으로 조건을 돌면 최대값을 찾기 전에 프로그램이 종료되는건 아닌가요??
<script> function solution(c, arr){ let answer=Number.MIN_SAFE_INTEGER; let n=arr.length; function DFS(L, sum){ if(sum>c) return; if(L===n){ answer=Math.max(answer, sum); } else{ DFS(L+1, sum+arr[L]); DFS(L+1, sum); } } DFS(0, 0); return answer; } let arr=[81, 58, 42, 33, 61]; console.log(solution(259, arr)); </script> 아직 재귀에 대한 이해가 짧아 잘 모르겠습니다.답은 242인데,만약 sum의 값이 181이었고 다음에 나온 sum의 값이275라고 한다면sum>259일때 return으로 함수가 종료되고최대값인 242를 찾지 못하고 181로 종료가 될수도 있는것 아닌가요??아니면 제가 이해를 잘못한건지요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
우분투 node, npm 버전
안녕하세요 node, npm을 우분투에 설치를 했는데예시로 설명해주신 버전이랑 차이가 많이 나서 강의를 따라갈 때 지장이 있을까 해서 질문 남깁니다.node 버전은 v14.21.2npm 버전은 6.14.17 입니다.혹시 버전을 올리는 방법이 있을까요?
-
해결됨코어 자바스크립트
실행 컨텍스트와 클로저에 대해 질문드립니다.
안녕하세요클로저에 대해 명확한 이해가 되지 않아서 질문 드립니다. 전역, outer, inner 함수가 있다고 가정할 때, outer 함수가 실행되면, outer의 LexicalEnviroment이 생길것이고,그 내부에는 enviromentRecord와 outerEnviromentRef 가 생길 것입니다. enviromentRecord에는 inner 함수도 포함이 될 것이고,inner 함수는 outer 함수 내부에서 선언되었으므로,inner 함수의 [[Enviroment]] 슬롯은 outer 컨텍스트의 LexicalEnviroment를 참조할 것입니다. 따라서 outer컨텍스트가 종료 되어도 inner함수의 [[Enviroment]] 슬롯이outer 컨텍스트의 LexicalEnviroment를 참조하고 있기 때문에 GC 의 대상이 되지않고,(outer컨텍스트가 없어진 후에) inner 컨텍스트가 생성되어도정상적으로 inner의 outerEnviromentRef가 outer의 LexicalEnviroment를 참조할 수 있을 것입니다. outer LexcialEnviroment는 enviromentRecord와 outerEnviromentRef를 참조하고 있으므로,이 두 객체는 없어지지 않아야 할 것 같은데,강의 5:15 에서 outer의 enviromentRecord와 outerEnviromentRef는 a:1 을 제외하고모두 제거 되고 있습니다. 제 생각에는 참조의 과정을 따라가면 객체 내부의 프로퍼티가 남는게 아니라객체(enviromentRecord나 outerEnviromentRef 그 자체) 가 남아야 할 것 같은데,저렇게 일부를 제외하고 다 지워지는 이유가 있을까요? a와 inner 는 outer enviromentRecord에서 참조하고 있고,enviromentRecord와 outerEnviromentRef는 LexcialEnviroment에 의해 참조되며 LexcialEnviroment는 다시 inner 함수의 [[Enviroment]] 또는inner 컨텍스트의 outerEnviromentRef에 의해 참조 되고 있으므로,다 살아남아야 하는 것이 아닌가 생각됩니다.
-
미해결처음 만난 리액트(React)
클릭 시 페이지가 넘어가지지 않습니다.
안녕하세요 질문이 있습니다.에러는 발생하지 않는데 클릭 했을 때 페이지가 안 넘어 가집니다. 주소를 입력해서 접속할 때도 잘되는데클릭 시에 아무 반응이 없습니다. 뭐가 문제일까요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
아래 코드와 같이 구현해도 시간복잡도는 같을까요?
function solution(m, arr) { let answer = 0; let n = arr.length; let p1 = 0; let p2 = 1; let tmp = arr[p1] + arr[p2]; while (p2 < n) { if (tmp === m) { answer++; tmp = tmp - arr[p1++] + arr[++p2]; } else if (tmp < m) { tmp += arr[++p2]; } else { tmp -= arr[p1++]; } } return answer; } let a = [1, 2, 1, 3, 1, 1, 1, 2]; console.log(solution(6, a));
-
해결됨[코드캠프] 시작은 프리캠프
수업 완강 후 다시 과제 질문이 있습니다!
안녕하세요 선생님. 주말까지 코드캠프의 프리캠프 강의를 마치고 오늘 css javascript 강의까지 모두 결제했습니다! css로 넘어가기 전에 다시 한번 숙제와 싸이월드를 혼자 만들어 보고 있는데요. 해당 숙제를 하면서 하나 궁금증이 있어 질문 남깁니다. 일단 코드를 먼저 보여드리자면<html><css>이렇게 작성하였고 결과물은이렇게 됐습니다! 혹시 radio 부분인 여성과 남성 중 하나 체크하는 항목은 정렬이 글씨와 동그라미가 잘 안되는데 어떻게 해야 될지 알려주시면 감사하겠습니다!
-
미해결애플 웹사이트 인터랙션 클론!
선생님 이해가 잘 안가는 문구가 있어서 질문 드립니다.
setLayout 함수 끝에 들어가는${sceneInfo[i].scrollHeight}px;부분에서 따옴표로 잘못 작성해서 좀 해맸었습니다 ㅎㅎ;${}부분을 풀어 쓰면 정확하게 어떤식으로 표기가 되는건지.. 궁금합니다.제 예상으로는 for문 안에 따로 변수를 선언하지 않고, 계산된 값을 바로 가져오기 위해 사용한 것 같은데 맞을까요..??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
퍼사드 패턴 강의 내용에 대한 질문입니다.
매개변수로 쓰는 변수에는 let이나 const를 안 붙여줘도 되는 이유가 뭔가요?"하나의 함수는 하나의 역할만을 위해 존재하는 것이 가장 이상적" 이라고 하셨는데이게 퍼사드 패턴을 쓰는 이유와도 연관이 있을까요?(퍼사드 패턴으로 리팩토링을 하면서 createTokenOfPhone() 함수 하나에서 하던 기능들을 3가지 함수로 나눠준 점) 하나의 함수는 하나의 역할만 하는 게 좋다고 한다면,퍼사드패턴 적용 후, createTokenOfPhone() 같이 여러 함수들을 호출해 주는 api 함수의 경우에는각각 checkValidationPhone(), getToken(), sendTokenToSMS() 함수를 불러주는 3가지 역할을 하고 있는 것 같은데이런 경우는 예외적으로 괜찮은 경우인가요? 강의에서 사용하는 코드를 개인 블로그에 정리해서 올려도 되나요? 노션 내용을 그대로 붙여 넣는 게 아니라 코드는 거의 비슷하게 쓰되 내용 설명은 제가 정리해서 써보려고 합니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
빌드하기 에서 npx serve build 시 오류
빌드하고 테스트? 하는 작업 할때 명령어 오류가 발생합니다.install 할때도 serve 가 잘 안되는거 같습니다. 실행하는 디렉토리 위치나 필요한 파일이 있을가요 ..?