묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
fork 주소가 어떻게 되나요?
강의노트 주소는 어디에 있나요 아무리 찾아봐도 없네요
-
해결됨만들면서 배우는 리액트 : 기초
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ흔히 CSR은 SEO 최적화가 어렵다고 하는데 최적화가 어렵지 기본적인 메인 홈페이지는 검색이 되는게 맞죠?시작이 되는 index.html의 소스의 <head></head> 태그안에 meta 태그 속성 중 네임과 컨텐트,그리고 타이틀 태그로 인해서, 기본적인 메인 홈페이지는 검색이 되는 것이 맞나요?
-
미해결함수형 프로그래밍과 JavaScript ES6+
다용성이 높은 L.flatMap
안녕하세요! 정말 좋은 강의를 남겨주셔서 감사합니다!현재 강의에서 소개해주신 L.flatMap은 제가 생각하기에 L.map을 바탕으로 돌아가기 때문에 주어진 배열에 이터러블이 아닌 값이 들어가있으면 사용할 수 없어서 다용성을 높이고자 L.map에서 여러가지 삽질들을 해보면서 다용성을 높이려고 했지만 제 결과물들은 살짝아쉽더라구요!! 혹시 const it = [[1, 2], 3, 4, [5, 6, 7]] 이러한 배열에서도 사용할 수 있는 다용성 높은 L.flatMap을 어떤식으로 구현해야할지 궁금하여 질문드립니다!!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
웹스톰 사용자인데 cookie를 출력해보면
console.log(req.headers.cookie); Webstorm-55941cca=39281e1b-d7ae; refreshToken=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI4ZDM2YTc4Yy1mOWFiLTQ1NjgtODg0NS03MWUzOTQ0ODE1ZjMiLCJpYXQiOjE2OTUyMTI1NzYsImV4cCI6MTY5NjQyMjE3Nn0.8M9UkwgQXS7dGYpq3rxHnSF9TmoEnliY_wbZuhacqL0 이런식으로 출력이 되서 처음에 refreshToken 설정할때 Webstorm-55941cca=39281e1b-d7ae; 이 부분을 없에는 방법이 있을까요? 계속 replace("Webstorm-55941cca=39281e1b-d7ae; refreshToken=','') 이런식으로 없애야 하나요?
-
해결됨처음 만난 리액트(React)
미니블로그
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요 마지막 미니블로그 테스트만 남았는데코드를 깃헙에서 그대로 가져와 복붙을 하고 실행해도 사파리에서는 null is not an object크롬에서는 Cannot read properties of null (reading 'useContext') TypeError: Cannot read properties of null (reading 'useContext') 오류가 뜹니다 어떻게 해야 할까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
섹션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
