묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨애플 웹사이트 인터랙션 클론!
scrollHeight 오류
디버깅 했을 때는 값이 잘 들어간게 확인되었는데 실행하면 콘솔에 Cannot read property 'scrollHeight' of undefined 에러가 발생하네요 ㅠㅠㅠ 뭐가 문제일까요? currentScene을 console.log 해보니 -1이 나오네요.. (() => { let yOffset = 0; // window.pageYOffset 대신 쓸 변수 let prevScrollHeight = 0; //현재 스크롤 위치(yOffset)보다 이전에 위치한 스크롤 섹션들의 스크롤 높이값의 합 let currentScene = 0; //현재 활성화된(눈 앞에 보고 있는) 씬(scroll-section) const sceneInfo = [ { //0 type: "sticky", heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, objs: { container: document.querySelector("#scroll-section-0"), }, }, { //1 type: "normal", heightNum: 5, scrollHeight: 0, objs: { container: document.querySelector("#scroll-section-1"), }, }, { //2 type: "sticky", heightNum: 5, scrollHeight: 0, objs: { container: document.querySelector("#scroll-section-2"), }, }, { //3 type: "sticky", heightNum: 5, scrollHeight: 0, objs: { container: document.querySelector("#scroll-section-3"), }, }, ]; function setLayout() { //각 스크롤 섹션의 높이 세팅 for (let i = 0; i < sceneInfo.length; i++) { sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight; sceneInfo[ i ].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`; } } function scrollLoop() { prevScrollHeight = 0; for (let i = 0; i < sceneInfo.length; i++) { prevScrollHeight += sceneInfo[i].scrollHeight; } if (yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight) { currentScene++; } if (yOffset < prevScrollHeight) { //if (currentScene === 0) return; //브라우저 바운스 효과로 인해 마이너스가 되는 것을 방지(모바일) currentScene--; } document.body.setAttribute("id", `show-scene-${currentScene}`); console.log(currentScene); } window.addEventListener("resize", setLayout); window.addEventListener("scroll", () => { yOffset = window.pageYOffset; scrollLoop(); }); setLayout(); })();
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
사용게시글, 해시태그게시글에서
왜이러는거죵 ㅜㅜㅠㅠㅠ
-
미해결CSS Flex와 Grid 제대로 익히기
min-height관련 질문드립니다!
항상 코딩함에 있어서 부모에게 높이를 안주면 자식이 높이를 못가지는 문제가 생기는데 보통 html,body에 100%를 주면서 해결하더라구요 근데 상황따라 이게 잘 안될때가 있던데 min-height: 100vh와 body height:100%를 같이 먹이면 자식들 컨텐트의 크기에 상관없이 전체를 덮을 수 있을까요? https://qastack.kr/programming/6654958/make-body-have-100-of-the-browser-height 여기서도 해결 방법이 다양하게 나열되어있는거 같던데 보통 잘 안되는게 많더라구요 ㅠ
-
해결됨[개정판] 파이썬 머신러닝 완벽 가이드
fillna() 질문
안녕하세요. fillna() 으로 null값 처리할 때 단순한 의문이 생겨서 질문드립니다. fillna에서 inplace=True 하면 기본 데이터세트가 업데이트되는 것은 이해하였는데요! 아래그림처럼 기존의 ['Age'] 컬럼에 fillna를 적용한 식을 넣어준다는 식으로 표현하면 그 다음에 ['Age'] 컬럼을 확인해보면 none값으로 나오네요.. 무슨 차이가 있나요??
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
static > index.html에서 a 태그 경로 질문 있습니다.
<a href="/hello">hello</a> 일 때에는 잘 동작하는데 <a href="resouces/templates/hello">hello</a> 일때에는 에러페이지 화면이 나오는 이유가 궁금합니다.
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
정규화, 표준화 질문드립니다.
데이터 전처리를 할 시에 정규화와 표준화가 중요하다고 하셨는데 언제 정규화를 하고 표준화를 하는지 잘 모르겠습니다. 강의에서 가우시안 분포로 바꿔야할때 정규화를 하신다고 하셨는데 원래 가우시안 분포를 따르지 않는 데이터를 표준화 해도 되는 것인가요? 원래 가우시안 분포를 따르지 않는다면 정규화를 적용해야 하는 거 같은데... 정확히 언제 표준화를 쓰고 언제 정규화를 쓰는지 잘 감이 안오네요!
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
강의 slide 공유
강의 slide를 보며 공부하려는데 공유받을 수 있는지 질문드립니다
-
미해결[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)
질문있습니다!
안녕하세요 강의 들으면서 쿠팡에서 상품정보 크롤링을 시도해봤는데 오류가 떠서 질문드립니다.! 크롤링이 잘 되다가 중간에 이런 오류가떠서 해결을 못하여 질문드립니다ㅠㅠ 어느 부분이 잘못되었는지 알 수 있을까요? --------------------------------------------------------------------------- AttributeError Traceback (most recent call last) <ipython-input-33-10ca8f3fd97f> in <module> 39 if not item.select_one('strong.price-value') : 40 pass ---> 41 print(i+1,item_name.get_text().strip(), item_price.get_text()) 42 # item_info = [item_name.get_text().strip(), item_price.get_text()] 43 # item_lists.append(item_info) AttributeError: 'NoneType' object has no attribute 'get_text'
-
미해결실전! 웹사이트제작! Step by Step! (대방산업_InteractiveWeb)
스플리팅 쓰는 이유가 뭔가요????
이거는 왜 쓰는건가요..??
-
미해결Typescript with Vue 실전 프로젝트
removeItem 에서 element 가 하나 남았을 때 삭제가 되지 않는 문제
안녕하세요!! 먼저 좋은 강의 올려주셔서 감사하다는 말씀 드리고 싶습니다!!!!! 공부하는 데 정말 많은 도움을 받고 있습니다 ㅎㅎ 강의 보면서 프로젝트 진행하던 중, TODO Item 항목을 삭제하는 부분에서 문제가 생겨 질문드립니다..!! 다른 경우는 삭제가 잘 되는데, 배열 안의 원소가 하나 남았을 때는 삭제가 되지 않았습니다 ㅠㅠ return state.todoList.splice(id, 1); 그래서 이 부분을 아래와 같이 index 를 찾아서 splice 하도록 수정해 봤습니다. return state.todoList.splice(state.todoList.findIndex(item => item.id === id), 1); 그랬더니 잘 동작하긴 하는데.. 혹시 제가 소스를 잘못 작성한건지.. 이렇게 고쳐서 진행해도 되는지.. 여쭤보려고 질문 드립니다 ㅠㅠㅠ 감사합니다!!
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
passport.authenticate (req, res, next)
router.post('/login', (req, res, next) => { passport.authenticate('local', (err, user, info) => { // POST /user/login if (err) { console.error(err); return next(err); } if (info) { return res.status(403).send(info.reason); } })(req, res, next); }); 자바스크립트에 대한 지식이 부족해서 하게되는 질문인 것 같은데 너무 궁금해서 질문드려요 위 코드에서 passport.authenticate()(req, res, next); authenticate 뒤에 (req, res, next) 를 붙여주는건 어떤의미 인가요? 이미 post 함수에서 선언 되어있어서 사용이 가능할 것으로 생각되는데 authenticate 뒤에 도 붙여주는 이유가 궁금합니다
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
꿀잼!
2일만에 다들었습니다!! 중간중간 그냥 코드를 따라친 부분도 많아서 복습해서 제 코드로 만들어야겠네요! 감사합니다 ㅎㅎ
-
미해결리눅스 쉘 스크립트 마스터
sed 명령어 강의에서 사용된 예제 중 질문이 있습니다.
명령어 sed를 다루는 강의를 보다가 의문점이 있어서 질문드립니다. SP=$' ';TAB=%'\t';sed -E 's/'"(${SP}|${TAB})"'{2,5}.+$//' president.txt 질문 1. 위의 명령 줄에서 s/다음에 (${SP}|${TAB}) 양 쪽에 작은 따옴표와 큰 따옴표를 같이 붙여주셨는데 이유를 좀 자세히 설명 부탁드려도 될까요? 변수 SP와 TAB을 사용하기 위해서 큰 따옴표 ""를 붙여야할 것 같긴한데 작은 따옴표도 왜 같이 붙여야 되는지 잘 모르겠습니다. 질문 2. 그리고 SP와 TAB 변수를 선언할 때 앞에 $를 붙여주셨는데 이 것은 공백문자와 개행문자를 특수 문자 형태로 변수에 저장하기 위함인가요? 수업에서 큰따옴표만 써도 백슬래쉬 같은 건 특수 문자 의미가 억제되지 않는걸로 설명을 들었는데 여기선 왜 되지 않는지 궁금합니다. 양질의 강의 제공해주셔서 감사합니다.
-
미해결실전 리액트 프로그래밍
나중에 타입스크립트 강의나 nextjs 강의를 만드실때 폴더 구조도 같이 강의 해주시면 안되나요?
안녕하세요. 취준생 개발자입니다. 강사님 강의를 듣고 React에 대해 많은 것을 알아가는거 같아 정말 질 좋은 강의라 생각합니다. 강의 설명란에 나중에 타입스크립트나 nextjs 강의를 별도로 만드신다고 하셨는데, 만드 실때 MVM, MVVM 등 폴더 구조에 대해 강사님께서 설명 해주신다면.. 정말 더할나위 없이 좋을 것 같습니다.. ㅠㅠ 항상 몸조심하시고 건강하세요! 다른 강의가 나오면 무조건 100% 구매의사 있습니다.!
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
Like 취소 부분에 질문이 있습니다.
강사님은 Like.findByIdAndDelete를 사용하셔서 해당 Like 도큐먼트를 지워주셨습니다. 그런데 이 경우 다수의 사람이 좋아요를 눌렀을 경우 한 사람만이라도 좋아요를 다시 눌러 취소할 경우 조건에 해당하는 도큐먼트 전체가 삭제되는 것이 아닌가요? 아래는 강사님이 작성하신 스키마와 백엔드 로직입니다. const likeSchema = mongoose.Schema({ userId: { type: Schema.Types.ObjectId, ref: 'User' }, commentId: { type: Schema.Types.ObjectId, ref: 'Comment' }, videoId: { type: Schema.Types.ObjectId, ref: 'Video' } }, { timestamps: true }) router.post("/unLike", (req, res) => { let variable = {} if (req.body.videoId) { variable = { videoId: req.body.videoId, userId: req.body.userId } } else { variable = { commentId: req.body.commentId , userId: req.body.userId } } Like.findOneAndDelete(variable) .exec((err, result) => { if (err) return res.status(400).json({ success: false, err }) res.status(200).json({ success: true }) }) }) 제 생각에는 해당 Like의 _id를 찾아내거나, userId와 commentId가 동시에 일치하도록 조건을 걸어주어야 하는 게 아닌가 싶습니다. 혹시 제가 잘못 알고 있는 부분이라면 지적 부탁드립니다.
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
JPA에 의해 생성된 Query의 갯수를 반환하는 방법은 없을까요?
안녕하세요, 강의를 들으며 테스트 코드를 작성중에 있습니다. JPA로 인해 예상치도 못하게 쿼리가 많이 생성될 수 있다는 사실을 예제를 통해 보면서, 디버깅 전략을 어떻게 해야할지 고민이 들었는데요, 혹시 JPA에서는 해당 Transaction 혹은 해당 Entity Manager에서 실제로 몇번 Database로 쿼리를 날렸는지 세어주는 메소드가 있을까요?
-
미해결인스타그램 클론 - full stack 웹 개발
6분 43초...
6분 43초 부분에서 오류가 발생하여 도움을 요청합니다. 워크스페이스 공유 주소 https://goor.me/s4gTg 터미널 공유 주소 https://goor.me/yjpzf
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
강사님 DetailVideoPage 질문 드릴게요!
안녕하세요 강사님 어느덧 강의 후반부를 달리고 있습니다. 우선 좋은 강의 정말 감사합니다. DetailVideoPage에서 궁금한 부분 질문드릴게요. LikeDislikes와 Subscriber 를 가져오실때 {[<LikeDislikes/>, <Subscriber/>]} 의 형태로 쓰셨는데 <LikeDislikes/>, <Subscriber/> 와의 차이가 무엇인지 궁금합니다. 감사합니다.
-
미해결진짜 현업에서 쓰이는 직장인의 실무 엑셀 - 데이터 가공부터 분석까지
폴더 내 모든 엑셀 파일 통합
안녕하세요, 강의 잘 듣고 있습니다. 폴더 내 모든 엑셀 파일 통합과 관련하여 질문드립니다 동영상에서 나오는 내용은 해당 폴더 내에 모든 엑셀 파일을 하나의 Sheet에 통합하는 내용인데요, 각 파일의 Sheet를 유지하고 하나의 파일에 모든 내용을 통합할 수 있을까요? 예를들어, 1~12월의 데이터가 월별 파일로 되어 있는데 하나의 파일로 통합해도 하나의 Sheet가 아닌 각각의 월 별 Sheet로 남아있게 하고자 하는 경우입니다. 답변 부탁드리겠습니다.
-
해결됨만들면서 배우는 Svelte
하이브리드 앱도 개발 할수 있나요?
안녕하세요! 오늘 수강신청했어요 ㅋㅋ 호기심 때문에 한번 공부 좀 해보려고 하는데 문뜩 떠오른게 있는데요 혹시나 하이브리드앱도 개발 할 수 있는가 해서요~ 리액트네이티브? 처럼 앱개발까지 좀 해보고 싶습니다.