묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
props 질문 있습니다.
const OddEvenResult = ({ count }) => { return <div>{count % 2 === 0 ? "짝수" : "홀수"}</div>; }; export default OddEvenResult; const OddEvenResult = (count ) => { return <div>{count % 2 === 0 ? "짝수" : "홀수"}</div>; }; export default OddEvenResult; count를 props로 넘겼을 때 첫번째는 제대로 동작하지만 2번째는 짝수,홀수 구분을 하지 못합니다. 하지만 2번째도 count가인건 인지하고 있습니다(홀수로 출력되기 때문) counter.js에서 initalvaue가 객체이기 떄문에 oddevenresult에서도 {} 이렇게 받아야 제대로 동작 하는걸까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 부탁드립니다
인프런 아이디 : clickb1270@naver.com인프런 이메일 : clickb1270@naver.com깃헙 아이디 : hellojoyworldz@gmail.com깃헙 Username : hellojoyworldz
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이런 방식으로 문제를 푸는 건 어떻게 생각하시나요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. function solution(alphaStr1, alphaStr2) { let answer = "YES"; let alphaMap = new Map(); for(let i of alphaStr1) { if(alphaMap.has(i)) alphaMap.set(i, alphaMap.get(i) + 1); else alphaMap.set(i, 1); } for(let i of alphaStr2) { if(alphaMap.has(i)) alphaMap.set(i, alphaMap.get(i) - 1); else return "NO"; } for(let [key, val] of alphaMap) { if(val != 0) answer = "NO"; } return answer; } let alphaStr1 = "AbaAeCe"; let alphaStr2 = "baeeACA"; console.log(solution(alphaStr1, alphaStr2));
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
vscode formatting
vscode에서 저장시 foramting을 어떻게 해야할까요?const EmotionItem = ({ emotion_id, emotion_img, emotion_description, onClick }) 저는 저장을 해도 이렇게 한줄로 계속 남습니다.
-
미해결애플 웹사이트 인터랙션 클론!
[스크롤 높이 세팅] scrollHeight값이 3990아닌 4645로만 나오는데 뭐가 문제일까요? ㅠㅠ
(() => { const sceneInfo = [ { // 0 type: 'sticky', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅(디바이스 마다 높이가 다르기에 각 기계가 가진 높이를 불러오고 곱해준다.) scrollHeight: 0, }, { // 1 type: 'normal', heightNum: 5, scrollHeight: 0, }, { // 2 type: 'sticky', heightNum: 5, scrollHeight: 0, }, { // 3 type: 'sticky', heightNum: 5, scrollHeight: 0, } ]; function setLayout() { //각 스크롤 섹션의 높이 세팅 for (let i = 0; i < sceneInfo.length; i++) { sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight; } console.log(sceneInfo); } setLayout(); })(); 4645값으로 그대로 진행해도 될까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컨트롤드디자인패턴과일반디자인패턴의 차이점
음.. 안녕하세요 지금 controlled design 패턴이랑common design 패턴ㅇㅣ랑 아무리봐도 똑같아서.. 고민이 많이 됩니다.둘다 에밋 프롶스를 이용한 거고 구조적으로는 상위에서 데이터를 조작하여 하위로 다시 내려주는구조로차라리 슬롯과 좀 디자인패턴이 차이잇는거같고 일반과는 거의 똑같아서 설명보충이 필요해 보입니다
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Javascript Exercise Problem List 문
안녕하세요?코드캠프 강의로 열심히 공부 중입니다.좋은 커리큘럼 제공해 주셔서 감사해요.제가 훈훈한 자바스크립트 강의를 복습중인데요.노션에 있는 Javascript Exercise Problem을 풀고 있어요. 그런데 막히는 부분이 생겼어요.01_variable,function,type > 06_addnumberfunction addNumber() { let result; // 숫자 9와 숫자 7을 더했을 때의 결과값을 result에 할당하세요. // 여기에 코드를 작성하세요. result = 9 + 7; return result; } addNumber();이 문제를 풀고 있는데output이 14가 나와야 정답이라고 써있는데요.아무리 해도 답이 16으로 나와요.아직 애송이라 제가 놓친 게 있는지 해서요 ㅠㅠ
-
미해결타입스크립트 입문 - 기초부터 실전까지
유니온 타입 & |
유니온 타입에서 | : 교집합& : 합집합으로 이해하면 되겠네요. ^^
-
해결됨[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습
runjs 다운로드 후 유료결제를 해야하는건가요
runjs 다운로드 후 유료결제를 해야하는건가요
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드 리뷰 부탁드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.잘 구현한 게 맞는지 궁금합니다.function solution(day, saleArr) { let answer; let start = 0; let sum = 0; let max = Number.MIN_SAFE_INTEGER; for(let end = 0; end < day; end++) { sum += saleArr[end]; } max = sum; for(let end = 3; end < saleArr.length; end++) { sum = sum + saleArr[end] - saleArr[start++]; if(sum > max) max = sum; } answer = max; return answer; } let day = 3; let saleArr = [12, 15, 11, 20, 25, 10, 20, 19, 13, 15]; console.log(solution(day, saleArr));
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
글이 삭제가 안됩니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 글이 삭제가 안되네요..그래서 삭제하지 못하고 이렇게 남겨놓습니다. 해당 질문 신경쓰지 말아주세요.
-
해결됨[코드캠프] 시작은 프리캠프
class 와 id 작성 순서
<div class="token__wrapper"> <div class="token" id="token">000000</div> 여기서 div class="token" 이랑 id "token" 순서를 반대로 하면 왜 컬러가 안 입혀지나요? css 적용순서가 달라지게 되나요?
-
해결됨[코드캠프] 시작은 프리캠프
파이널 과제 onkeyup="onchange()" 관련 질문
안녕하세요파이널 과제를 한 후 레퍼런스와 검토 중인데요,1/ 수업시간엔 changeFocus()로 알려주셨는데, 굳이 onchange="changePhone2()" onkeyup="onchange()" 로 사용된 이유가 있을까요? 굳이 두개로 나눠서 사용한 이유가 궁금합니다.2/ 해당 코드가 "키보드를 눌렀다 때면 onchange함수를 실행시켜줘. onchange는 changePhone함수를 실행시킨다는 의미야," 라는 의미일까요? 찾아봤지만 명쾌하게 이해가 되지 않아 질문합니다.
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
선생님! 코드 한번만 봐주실 수 있을까요?
const solution = (nums) => { let sumNum = 0 let minNum = Number.MAX_SAFE_INTEGER let oddNums = nums.filter((num) => { return num % 2 !== 0 }) oddNums.forEach((num) => { sumNum += num if (num < minNum) minNum = num }) return [sumNum, minNum] }위와 같이 짜봤는데 비효율적인 코드인가 싶어서 여쭤봅니다! (구지 filter와 forEach를 쓸 필요까지는 없었나 싶어서...) 효율성적인 측면에서 볼 때 어떤지 궁금합니다
-
해결됨타입스크립트 입문 - 기초부터 실전까지
[섹션5] 인터페이스 딕셔너리 패턴 질문
// 딕셔너리 패턴 interface StringRegexDictionary { // 규칙 // 왼쪽에 오는 것은 문자열 속성 + 값은 정규표현식이 와야 함 [key: string]: RegExp; } var obj: StringRegexDictionary = { cssFile: /\.css$/, jsFile: /\.js$/, } 위의 코드에서 질문있습니다! 위의 코드는, 해당 강의에서 입력한 코드의 일부분입니다.강사님께서 인터페이스대로라면, key값이 string으로 되어있어야 한다고 했는데, 그러면 cssFile, jsFile이 아니라, "cssFile", "jsFile"이어야 하는거 아닌가요?답변해주시면 감사하겠습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
프론트에서 credentials: include로 설정한경우 cors 문제
안녕하세요.프론트와 백엔드 통신 중에 문제가 있어 질문드립니다.restoreAcessToken 기능을 사용하기 위해서 쿠키를 사용해야 합니다.서버측과 프론트측 주소가 다른 경우 쿠키 정보를 전송하기 위해서는credentials: 'include'로 설정해야 하잖아요?그러면 브라우저에 다음과 같은 오류가 발생합니다.Access to fetch at 'http://localhost:3000/graphql' from origin 'http://localhost:8080' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.프론트 주소: localhost:8080백엔드 주소: localhost:3000서버측에서 cors 문제를 해결하기 위해 사용한 코드는 아래와 같습니다.app.enableCors({ origin: "http://localhost:8080", // 요청을 보내는 클라이언트의 주소를 명시 credentials: true, });오류 해결을 위해서 어떻게 해야하는 걸까요? 그리고 새 토큰을 발급 받는 아래 setRefreshToken의 코드도 수정돼야 하는지요? network 탭에서는 쿠키가 들어온게 확인이 되는데 application 탭에서는 확인이 됐다 안됐다 합니다..setRefreshToken({ user, res }: IAuthServiceSetRefreshToken): void { const refreshToken = this.jwtService.sign({ email: user.email, sub: user.userId }, { secret: process.env.JWT_REFRESH_KEY, expiresIn: "2w" }); res.setHeader("Set-Cookie", `refreshToken=${refreshToken}; path=/;`); } 답변 부탁드립니다.감사합니다.
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
perspective에 대해서
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 여기 부분하고여기 부분에 모두 perspective가 있는데혹시 css에도 해줘야하는 이유가 있을까요?? 그리고 혹시 영상에서 보였던 끊김현상이 저도 가끔씩 나타나는데 원인이 뭔가요?? 3d를사용해서 그런건가요? 아님 그저 컴퓨터렉인가요??혹시 해결방법도 알려주시면 감사드리겠습니다..ㅠㅠ
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 이 부분이 없어도 잘 되는 것같긴한데혹시 overflow-y : hidden 있는 이유를 알 수 있을까요?이미지들이 height 크기를 넘어도 화면에서 이미지를 자르고 스크롤을 없앤다는 의미 맞을까요?? 또하나 질문이 있습니다.여기서 상위요소에 margin 0 auto를 주고하위요소에 margin auto를 줬는데위에 margin 0 auto를 지워도 하위요소는 가운데 정렬이 잘 되고상위 요소에 margin 0 auto가 아닌 margin auto를 줘도 똑같이 나오는데이게 둘이서 무슨 상호작용이 되는지 알 수 있을까요?? 개발자 도구로 지우면서 확인해봤는데 바뀌는게 안보여가지구요..ㅠㅠ
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 권한요청합니다
인프런 아이디 : @tkfkdgoll인프런 이메일 : ttkfkdgolll@naver.com깃헙 아이디 : ttkfkdgolll@naver.com깃헙 Username : ryuwonhui
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한요청합니다
인프런 아이디 : @tkfkdgoll인프런 이메일 : ttkfkdgolll@naver.com깃헙 아이디 : ttkfkdgolll@naver.com깃헙 Username : ryuwonhui