묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
mapState을 이용하여 state값을 가져오면 가져와지는데 개발자 도구 Vuex 부분에서는 state값이 없다고 뜹니다.
mapState을 이용하여 state값을 가져오면 가져와지는데 개발자 도구 Vuex 부분에서는 state값이 없다고 뜹니다. 단순한 개발자도구 에러일까요? 다른 이유가 있을까요?
-
미해결처음 만난 리액트(React)
state.notifications 배열에 push가 가능한지 질문드리겠습니다.
const { notifications } = this.state; const index = notifications.length; notifications.push(reservedNotifications[index]); this.setState({ notifications: notifications })위 코드에서 state.notifications 배열에 바로 push를 해서 setState를 해줬는데지난 강의에서는 state에 있는 배열 또는 객체를 직접 수정하지 않고 복사해서newNotifications = [...notifications] 처럼새로 할당 한 다음 setState를 해준다고 봤던 부분이 있어서 어떤 경우에는 직접 state배열에 push가 가능한지 질문 드려도 괜찮을까요 강의 잘 보고 있습니다. 감사합니다!
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
강의 구매 후 권한때문에 한 달째 강의를 못듣고 있습니다..
(전에 추가 해주셨는데 clone 받으려니 Repository not found 라 현출되어 재신청드립니다.)인프런 아이디 : jsmlady@naver.com인프런 이메일 : jsmlady@naver.com깃헙 아이디 : jsmlady@naver.com깃헙 Username : DavidJung1460
-
해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
카드 맞추기 질문
const total = 12; const colors = ['red', 'orange', 'yellow', 'green', 'white', 'pink']; let colorCopy = colors.concat(colors); let shuffled = []; let clicked = []; let completed = []; function shuffle() { // 피셔-예이츠 셔플 for(let i=0; colorCopy.length>0; i+=1) { const randomIndex = Math.floor(Math.random() * colorCopy.length); shuffled = shuffled.concat(colorCopy.splice(randomIndex, 1)); } }여기서 shuffled = shuffled.concat(colorCopy.splice(randomIndex, 1)); 이거를shuffled.push(colorCopy.splice(randomIndex, 1)) 로 해도 상관이 없나요? concat으로 한 이유가 있을까요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
회원 가입을 위해 정보를 입력해주세요 과제 정답지 어디가면 알 수 있나요?!
display-flex; 이게 안먹혀서 position을 주고 했는데<!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <!-- <link href="homework01.css" rel="stylesheet"> --> <style> .box{ position: absolute; top: 60px; left: 625px; width: 670px; height: 960px; border: 1px solid #AACDFF; border-radius: 20px; box-shadow: 7px 7px 39px 0px #0068FF40; } .head{ position : fixed; top: 132px; left: 725px; width: 466px; height: 94px; color: #0068FF; } .head2{ position : fixed; top: 286px; left: 725px; width: 158px; height: 23.65px; color: #797979; } .head3{ position : fixed; top: 387px; left: 725px; width: 158px; height: 23.65px; color: #797979; } .head4{ position : fixed; top: 488px; left: 725px; width: 158px; height: 23.65px; color: #797979; } .head5{ position : fixed; top: 589px; left: 725px; width: 158px; height: 23.65px; color: #797979; } .wo{ position : fixed; top: 719x; left: 850px; width: 200px; height: 23.94px; color: #797979; } .man{ position : fixed; top: 719x; left: 1000px; width: 200px; height: 23.94px; color: #797979; } .ch{ position : fixed; top: 793x; left: 738px; width: 509px; height: 21px; color: #797979; font-size: 13px; } .box2{ position: fixed; top: 895px; left: 725px; width: 470px; height: 75px; border: 1px solid #0068FF; border-radius: 10px; } .text{ position : fixed; top: 899x; left: 925px; width: 70px; height: 27px; color: #0068FF; } </style> </head> <body> <div class="box"> <div class="head"><h1>회원 가입을 위해<br> 정보를 입력해주세요</h1> <div class="head2">*이메일 </div> <div><br><br></div><br><br><hr> <div class="head3">*이름 </div> <div><br><br></div><br><br><hr> <div class="head4">*비밀번호 </div> <div><br><br></div><br><br><hr> <div class="head5">*비밀번호 확인</div> <div><br><br></div><br><br><hr> <br><br> <div class="wo"><input type="radio" name="gender">여성</div> <div class="man"><input type="radio" name="gender">남성</div> <br><br><br><br> <div class="ch"><input type="checkbox">이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다.</div> <div><br><br></div><hr> <br><br> <div class="box2"> <div class="text"><br>가입하기</div> </div> </div> </body> </html>이렇게 코드로 모양만 갖췄는데 어려워서 코드리뷰를 하고싶어서 그러는데 정답지가 있나요?
-
미해결타입스크립트 입문 - 기초부터 실전까지
Git 관련 질문이 있습니다
안녕하세요 강사님, 제 github에서 learn-TS라는 레퍼지토리를 따로 생성한 뒤 해당 폴더에 git clone을 해서 형상관리를 하고싶은데 warning: adding embedded git repository: learn-typescript hint: You've added another git repository inside your current repository. hint: Clones of the outer repository will not contain the contents of hint: the embedded repository and will not know how to obtain it. hint: If you meant to add a submodule, use: hint: hint: git submodule add <url> learn-typescript hint: hint: If you added this path by mistake, you can remove it from the hint: index with: hint: hint: git rm --cached learn-typescript hint: hint: See "git help submodule" for more information. 라는 에러가 뜨면서 git에 업로드를 하지 못하고 있습니다. 혹시 해결방법을 알고 계시다면 답변 부탁드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청 드립니다.
- 인프런 아이디: kes98201@gmail.com- 인프런 이메일: kes98201@gmail.com- 깃허브 아이디: kes98201@gmail.com- 깃허브 username: goldIsApple
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint 에러가 발생합니다
계속 찾아보고 해결하려는데 불가능해서 질문 드립니다어디가 문제일까요?ㅠㅠ
-
미해결처음 만난 리액트(React)
렌더링 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 소플님 실습을 따라 해보았는데 하나의 useEffect는 컴포넌트가 렌더링 될 때마다 콘솔이 찍히고 하나의 useEffect는 count값이 변경될 때마다 찍힌다는 것까지는 이해했습니다. 근데 마지막 최대 인원을 수용하는 10명까지 수용을 하고는 버튼 컴포넌트가 isFull: true로 찍히고 컴포넌트가 렌더링 되지 않아서 useEffect 콘솔과 isFull: true 이 안 찍혀야 하는 것 아닌가요? 왜 이렇게 찍히는지 이해가 안됩니다,,ㅠㅠ
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
같은문자 제거하기
function solution(s){let answer="";for (const sElement of s) {if(answer.indexOf(sElement) === -1) answer += sElement}return answer;}console.log(solution("ksekkset")); 이렇게 짯는데 어떤가요? 피드백 부탁드립니다 ㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io도 유료로 전환이 된걸까요
Fly.io 설치 후 홍콩으로 선택하는 지점(강의 4:17)에서 하기와 같은 오류가 뜨고있습니다.에러 내용이 Error: We need your payment information to continue! Add a credit card or buy credit: https://fly.io/dashboard/kimyr6868-gmail-com/billing 결제수단을 입력하는 내용으로 보아 진행이 어려울 것 같은데 이런 상황에선 어떻게 하면 좋을지 문의드립니다!
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 권한 요청드립니다.
인프런 아이디 : kgi70인프런 이메일 : kgi70@naver.com깃헙 아이디 : kgi70@naver.com깃헙 Username : gikim07
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
onClick 사용시 질문입니다!
onClick를 이용할경우 onClick= { ( ) => ?? } 해당 형식으로 사용해야하는 경우가 있고 아닌경우가 있는데 헷갈리네요 ㅜㅜ 클릭할떄 실행되는함수가 파라미터를 받지않는다면 onClick={함수명} 이런식이고 파라미터를 받는다면 onClick={( )=>함수명( 파라미터 )} 이런식인거같은데 다른경우도 있을까요?? 콜백 함수에 관한 영상을 찾아보면 이해가 될까요??
-
해결됨생활코딩 - 자바스크립트(JavaScript) 기본
제발 도와주세요
javascript로 프로젝트 하는 학생입니다.제가 지금 로그인 창으로 적은 아이디,비번,이메일을 적은 값을 저장해다른 html창으로 보내는 것을 하고 싶은 데 잘 안되고 있습니다.(방문자 로그를 만들기 위해)도움이 필요 합니다..<방문자 로그를 표시할 창>->ex) jjj.html<로그인 창 코드><html> <div style="text-align: center;"> <img src="file:///C:/Users/User/Pictures/image%20(2).png" height="300" width="300"> </div> <title>mago market</title> <body> <style>p{text-align: center;}</style> </body> <script> const input = document.querySelector("input"); let text = input.innertext; localstorage.setItem("text", text); </script> <form action="file:///C:/Users/User/jjj.html" method="post" class="input form"> <p style="color:rgb(202, 202, 202) ">아이디는 첫 글자를 영어를 포함해 주세요</p> <p>아이디: <input type="text" id="id" required pattern="[a-zA-Z].+" placeholder="아이디를 작성해 주세요" class="input id"></p> <p>비밀번호: <input type="password" id="pwd" required placeholder="비밀번호를 작성해 주세요" class="input pw"></p><p>이메일: <input type="email" id="email" placeholder="이메일을 작성해 주세요" required></p> <p>gps 및 위치 정보를 공유하는 것을 동의합니까? <input type="checkbox" name="agree" required></p> <p>계정 정보를 수집하는 것을 동의합니까? <input type="checkbox" name="yes" required></p> <div style="text-align: center;"> <input type="submit" type="button" value="로그인"> </div> <script type="text/javascript"> alert("이곳은 GSM 학생들이 사용할 Mago Market 사이트 페이지 입니다.\n참고하시길 바랍니다.\n제작자 진건희"); </script> </form>
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
메일 알람 설정 해제 부탁드립니다:)
기존 깃 허브 포크 한 상태입니다. 깃 허브 아이디:kdh9585메일: hwik95@naver.com
-
해결됨처음 만난 리액트(React)
최종변환?
jsx강의 에서는 jsx는 내부적으로 html/xml코드를 자바스크립트로 변환하는 과정을 거치게 된다. 그래서 최종적으로는 자바스크립트 코드로 나오게 된다. 이렇게 말씀해주시고 jsx코드를 자바스크립트 코드로 변환하게 해주는 것이 react.createElement라고 하셨는데, 여기 강의 에서는 5분 35초 부근에 react.createElement 내부에 리액트 컴포넌트를 적어도 되고 모든 리액트 컴포넌트는 최종적으로는 html 태그를 사용하게 돼있다라고 하셨습니다. react.createElement를 통해서 최종적으로 자바스크립트가 된다는건가요? 아니면 html 코드가 된다는건가요,,?ㅠㅠ
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
1rem 이 16px 인가요 ?
색션 7 - 96:53초 정도에 .class-list { display: flex; list-style: none; padding : 0; margin: 1rem 0 0 0; }margin에 1rem ( 상단마진 ) 을 적용했는데강사분이 개발자도구 확인 하시더니 기본이 16이라고말씀하시는 부분이 이해가 안가서요.1rem = 16px인건가요 ?
-
해결됨함수형 프로그래밍과 JavaScript ES6+
join에 대한 내용이 궁금증이 해결되지 않아서 질문드립니다!
const join = curry((seperator = ",", iter) => reduce((a, b) => `${a}${seperator}${b}`, iter) ); function* a(){ yield 10; yield 11; yield 12; yield 13; }강의 중 작성하신 join 함수는 이렇게 돼있는데log(join(a())) 이렇게 했을 경우 [function (anonymous)] 가 출력이 됩니다array.prototype.join() 처럼 파라미터를 주지 않았을 때 기본으로 ',' 가 되게 하려면 다른 방식으로 join 함수를 선언해야하나요?혼자 생각해봤을 땐 log(join(a())()); 이렇게 했을 경우와 log(join(undefined,a()))) 이렇게 했을 경우 default parameter인 쉼표로 join이 됐는데 log(join(a())) 로 했을 때에도 기본 파라미터를 활용할 수 있는 방법이 궁금합니다..!
-
미해결처음 만난 리액트(React)
(실습) create-react-app 자꾸 오류가 나요,,
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.create-react-app 을 하면 자꾸 이런 오류가 떠서 실습을 못하고 있는데 뭐가 문제일까요..?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
자바스크립트 입문 다음 단계
안녕하세요 선생님. 자바스크립트 입문 단계 강의 너무너무 잘들었습니다.혹시 그다음 수준의 강의 출시 계획은 없을까요.?
