묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
섹션23 도커부분 건너띄고, 섹션24 먼저 들어도 될까요?
도커를 수강하지 않고 섹션 24,25 수강해도 될까요?도커 이후 수업에서는 도커를 사용해서 수업을 진행하나요?
-
해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
자바스크립트에서 css 적용이 안돼요
안녕하세요 Let's get IT 자바스크립트 책으로 공부하고 있습니다.7장 가위바위보 게임에서 <script> 안에서 css 적용이 전혀 안되어서 질문드립니다.6장 <self check 공색칠하기>여기에서도 자바스크립트로 css 적용이 안되어서 7장으로 넘어왔습니다... 구글에 검색했더니 캐시를 지워보라해서 지워봤는데도 적용이 계속 안됩니다.무슨 문제일까요... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> #computer { width: 142px; height: 200px; } </style> </head> <body> <div id="computer"></div> <div> <button id="scissors" class="btn">가위</button> <button id="rock" class="btn">바위</button> <button id="paper" class="btn">보</button> </div> <div id="score">0</div> <script> const $computer = document.querySelector('#computer'); const $score = document.querySelector('#score'); const $scissors = document.querySelector('#scissors'); const $rock = document.querySelector('#rock'); const $paper = document.querySelector('#paper'); const IMG = './rsp.png'; $computer.style.background = `url(${IMG}) 0 0 `; $computer.style.background.size = 'auto 200px'; </script> </body> </html>
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io 에 그랩마켓 서버 배포하기 수업 중 오류 발생
docker 관련 에러인것 같습니다.docker 관련 파트 언제 했는지 찾을 수가 없어서 수업 다시 들어 보면서 해결하지도 못하네요어떻게 손대야 할 지 모르겠습니다.
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
10-4. 동전교환(냅색 알고리즘)
안녕하세요. 선생님. 동적계획법 파트에서 [동전교환(냅색알고리즘)] 정답 코드에 오류가 있는 것 같습니다. 제 파일만 그런지 모르겠는데, 첫번째 for 문에서 i 가 1부터 초기화되고, 뒤에 변수명이 arr.length로 되어있습니다.( arr.length > coin.length) 확인 부탁드립니다!좋은 강의 감사드립니다..!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
local Storage을 이용하여 삭제하기 도중 오류납니다
강의를 들으면서 분명 삭제하기까지 정상 작동되는것을 보았는데 그 이후 diaryList에서 id값을 정렬할때 오류가 발생합니다 ㅠㅠapp.js에서 88번째 줄의 data가 정의되지 않았다고 뜹니다 ..아래는 코드 샌드박스 링크입니다.https://codesandbox.io/s/late-morning-d483sv?file=/src
-
해결됨만들면서 배우는 리액트 : 기초
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
react에서 컴포넌트 만들 때 대문자를 쓰는 특정한 이유가 있을까요?(소문자로 시작하면 절대 컴포넌트로 받아올 수 없는 건가요?)
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
07-01 선택정렮
코드보다는 알고리즘의 사용이유입니다. sort()를 사용하면 간단하게 구현 할 수 있는데, 선택정렬을 사용하는 이유가 궁금합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
DiaryItem에 있는 onRemove, onEdit, 는 바뀔 수밖에 없지 않나요?
20번째 다이어리를 삭제하는 경우 data 가 바뀌기에onRemove 함수가 재랜더링이 되기에 => DiaryItem 컴포넌트 내부에 있는 props 가 변경되는 원리로 이해가 되어요 ㅜㅜ onEdit 도 마친가지구요. onCreate 함수는 에디터와만 상관이 있어서 다이어리아이템과 상관이 없다는게 이해 갑니다.
-
해결됨트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
watch와 computed
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.동적 라우팅을 사용하고, $route 파라미터의 변경에 따라 특정 API를 호출 해야 한다면 watch를 쓰는게 의도적으로 적합할 것 같은데 맞을까요?computed의 경우 파생된 데이터의 계산값을 미리 선언해놓고 캐싱까지 되어서 편리하지만 계산된 값의 대해서일 경우이고, 아직 '중첩 라우트' 강좌까지 밖에 못들었지만 bid, cid에 따라 해당 데이터의 정보를 요청해야 한다면 watch로 파싱하는게 좋을 것 같습니다.. 라고 생각해봅니다api호출의 대해서 componentDidMount 처럼 created 에서 호출해주면 될거라 생각했는데 route의 변경에 감지되지 않는건 처음 알았네요
-
해결됨시나브로 자바스크립트
클로저에 대해서 제가 아는 부분을 공유합니다!
클로저에 대해서 어렴풋이 알고 있었지만, 막상 이벤트 핸들러 안에서 그것을 바라보니 조금 이해가 안되었는데요!저처럼 아직 클로저가 익숙하지 않은 분들은 이벤트핸들러를 분리해서 보면 조금 더 이해가 쉽습니다!그리고 디버거를 이용해서 스코프 안에 있는 변수들을 같이 보면 조금 더 이해가 되실거에요!일단 클로저를 "어떤 함수가 선언될 때 외부 영역을 기억하는 것" 이라고 생각하고 이 코드를 바라보면 onHelloButtonHandler 라는 함수(이벤트핸들러) 가 선언될 때 myCardCount 의 값을 기억합니다. 즉, Add Card를 할 때마다 + 1씩 올라간다고 하더라도 onelloButtonHandler 에게는 선언될 당시의 cardCount 를 myCardCount 로 받아서 기억하는 것이죠! 개발자 도구 우측에 Scope을 보면 onHelloButtonHandler 함수의 스코프체인을 볼 수 있는데요. myCardCount 가 로컬에 없기 때문에 그 위 스코프를 바라보는데요! 그 스코프가 바로 클로저이고! 저 클로저 스코프 안에 있는 myCardCount 라는 값은 이 함수가 선언될 당시의 값으로 정해집니다! 끝!!
-
해결됨[코드캠프] 시작은 프리캠프
싸이월드 2탄 home.css 질문
마지막 homework 문제에서 저는 box라고 지정했는데 저 margin-top부분을 padding으로 하면 적용이 안되던데 padding은 상위 태그부분에만 작용하는 건가요?
-
미해결<1만 시간의 법칙> 웹 페이지 제작하기
깃허브에서 URL이 주어지지 않아요
깃허브에서 레퍼지토리 만들고 파일도 업로드 한 후 page에서 source branch를 none에서 main으로 바꾸고 저장도 했는데 저장이 되었다는 것만 뜨고 강의처럼 URL을 주지 않는데,,, URL을 얻을 수 있는 다른 방법이 있나요?
-
미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
모바일 스와이프 구현 마지막 숙제
혹시 모바일 cd플레이어 관련해서 function touchFunc(e) { let type = null; let touch = null; switch (e.type) { case "touchstart": type = "mousedown"; touch = e.changedTouches[0]; start_X = touch.clientX; end_X = 0; break; case "touchend": type = "mouseup"; touch = e.changedTouches[0]; end_X = touch.clientX; let chkNum = start_X - end_X; let chkNumAbs = Math.abs(chkNum); if (chkNumAbs > 100) { console.log(chkNum); if (chkNum < 0) { if (pageNum > 0) { pageNum--; } else { pageNum = totalNum - 1; } } else { if (pageNum < totalNum - 1) { pageNum++; } else { pageNum = 0; } } pageChangeFunc(); } break; } }마지막으로 숙제해주신부분에서 pageNum이계속해서 -- 또는 ++ 이면 없는 인덱스까지 튀어나오기때문에 주석해주신 부분에서 pageNum의 컨디션을 넣어주어야 한다고 생각해서 작성했는데 혹시 맞는지 궁금합니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
for반복문 안에 for반복문으로 배열 요소 뽑기
인강 한바퀴 다 듣고 이제 제 개인 프로젝트를 하나 해보고싶어 다시 들으면서 조금 변형시키면서 만드는 중입니다.객체 안에 배열을 하나 넣어뒀는데, 그것을 반복문으로 배열의 요소 만큼 태그를 생성시키고 싶어 이중for문을 사용했는데, characters의 다음요소가 들어가버려서 모양이 이상하게 됩니다.... 이렇게는 아예 못쓰는건가요?character-tag에 css를 설정해두어 없애면 안됩니다.사진이 넘치는건 overflow: hidden을 안했습니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
일기 작성이 됐었는데 다시 안됩니다...
두 번 질문해서 답변대로 수정하였더니 일기가 작성이 되었다가..수정 기능을 강의를 보면서 구현을 하였고갑자기 또 일기 작성이 되지 않습니다..다시 여러 번 강의를 보면서 따라했으나 해결하지 못하였습니다..죄송합니다ㅠㅠ코드 샌드박스 링크입니다https://codesandbox.io/s/late-morning-d483sv?file=/src
-
해결됨시나브로 자바스크립트
yarn dev 안되요..
강좌에 대해 궁금한 게 있으신가요?
-
해결됨시나브로 자바스크립트
yearn create 1분정도
yearn create 1분정도 에서 검은 창을 띄우시고 item 쓰셨는데 이 창은 어떻게 띄우는거에요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue3 에서는 computed의 get 과 set
해당 방법도 좋은 방법이지만vue3 와서는 computed프로퍼티의 get과 set 으로 퍼포먼스 최적화 하는 방법이 있습니다
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
Set 자료형 사용
혹시 Set 자료형으로 중복을 제거하고 문자열로 만들어주는 방식으로 작성했는데 괜찮을까요 ?? <html> <head> <meta charset="UTF-8" /> <title>출력결과</title> </head> <body> <script> function solution(s) { let answer = ""; answer = [...new Set(s)].join(""); return answer; } console.log(solution("ksekkset")); </script> </body> </html>
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
저는 피그마 들어가서 오른쪽에 code 가 없습니다.
어떻게 생성 시키는지 알 수 있을까요?
