안녕하세요 강의 잘 듣고 업무에 많은 도움이 되고 있습니다. 강의를 듣기 전까지는 방향을 어디로 잡아야 하나 고민이 많았는데, 이렇게 많은 내용을 정리해 주셔서 방향을 잡을 수 있었습니다. 실습도 너무 잘 설명해 주셔서 그대로 따라하니 잘 되더라고요. 질문은 custom dataset을 만들때 사용할 추천해주실만한 툴이 있을까요? github에 등록된 글을 검색하다 보니, labelMe 를 이야기하긴 하던데.. **. 아 전 전 matterport segmentation쪽을 접근하고 있습니다. (앞 강의에서 이미 말씀하셨는지는 모르겠습니다.^^;; 중간에 약간 건너서..) 이런 강의 만들어 주셔서 정말 다시한번 감사드립니다.^^;;  강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 

a, b=input("숫자를 입력하세요: ").split() 부분에서 숫자를 3 4 이런식으로 입력하는데 계속해서 Traceback (most recent call last):   File "C:/Users/MAIN/Desktop/test.py", line 10, in <module>     a, b=input("숫자를 입력하세요:").split()   File "<string>", line 1     2 3         ^ SyntaxError: unexpected EOF while parsing 똑같이 했는데 이렇게 두 번째 인자 부분에서 에러가 발생합니다. 이유가 뭘까요? ㅠㅠ

데이터를 입력할 때는 문제가 없는데요. 몽고디비 사이트에서 데이터가 잘 들어온 것도 확인했고요. 근데 12강 마지막에서 데이터를 검색하는 과정에서 success가 뜨지 않고 위와 같은 오류가 뜹니다. 아래는 index.js 코드입니다. 혹시 타이핑 오류가 있는지도 모르겠습니다. 완전 초보라서요. 여러번 확인했는데 오타는 발견못했습니다. 죄송하지만 문제가 있는지 좀 확인부탁드립니다.

jquery-1.12.4.js 다운로드에 관한 저의 질문에 교과과정 [섹션10], [섹션11]에서 학습에 필요한 파일 모두 받을 수 있다고 하셨는데 [다운로드] 최종본 제작 파일 완성본(가로형 고정형 - A1타입) 클릭하면 다운로드 화면이 나오지 않고 이렇게 강의화면이 나옵니다. 학습에 필요한 파일 다운로드 어떻게 받습니까? 계속 질문 드려 죄송합니다. 더워진 날씨에 건강 유의하시고 수고하십시오.

안녕하세요 강사님^^ 제가 아래와 같이 코드를 작성했는데 이런 오류가 났습니다 오타도 다른 부분에서 다 확인했는데 제가 보기엔 없는것같습니다ㅠㅠ 그리고 Vs에서는 이런 에러 문구가 뜹니다. 일단 제 github 주소입니다. https://github.com/yeonn0501/boiler-plate-ko > boiler-plate@1.0.0 dev C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate > concurrently "npm run backend" "npm run start --prefix client" [0] [0] > boiler-plate@1.0.0 backend C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate [0] > nodemon index.js [0] [1] [1] > client@0.1.0 start C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client [1] > react-scripts start [1] [0] [nodemon] 2.0.4 [0] [nodemon] to restart at any time, enter `rs` [0] [nodemon] watching path(s): *.* [0] [nodemon] watching extensions: js,mjs,json [0] [nodemon] starting `node index.js index.js` [0] internal/modules/cjs/loader.js:969 [0]   throw err; [0]   ^ [0] [0] Error: Cannot find module 'C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\index.js' [0]     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:966:15) [0]     at Function.Module._load (internal/modules/cjs/loader.js:842:27) [0]     at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) [0]     at internal/main/run_main_module.js:17:47 { [0]   code: 'MODULE_NOT_FOUND', [0]   requireStack: [] [0] } [0] [nodemon] app crashed - waiting for file changes before starting... [1] [HPM] Proxy created: /  -> http://localhost:3000 [1] i ｢wds｣: Project is running at http://192.168.0.14/ [1] i ｢wds｣: webpack output is served from [1] i ｢wds｣: Content not from webpack is served from C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기 본강의\boiler-plate\client\public [1] i ｢wds｣: 404s will fallback to / [1] Starting the development server... [1] [1] Compiled with warnings. [1] [1] ./src/components/views/LoginPage/LoginPage.js [1]   Line 2:8:  'Axios' is defined but never used  no-unused-vars [1] [1] ./src/_actions/user_action.js [1]   Line 3:5:  'LOGIN_USER' is defined but never used  no-unused-vars [1] [1] ./src/App.js [1]   Line 6:3:  'Link' is defined but never used  no-unused-vars [1] [1] C:/Users/Yeonji Kim/Desktop/개발자공부/따라하며 배우는 노드, 리액트 시리즈 - 기본강의/Boiler-plate/client/node_modules/process/browser.js [1] There are multiple modules with names that only differ in casing. [1] This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. [1] Use equal casing. Compare these module identifiers: [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\process\browser.js [1]     Used by 2 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\react-error-overlay\lib\index.js [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\process\browser.js [1]     Used by 1 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\axios\lib\defaults.js [1] [1] (webpack)/buildin/global.js [1] There are multiple modules with names that only differ in casing. [1] This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. [1] Use equal casing. Compare these module identifiers: [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\webpack\buildin\global.js [1]     Used by 1 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\node-libs-browser\node_modules\punycode\punycode.js [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\webpack\buildin\global.js [1]     Used by 3 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\symbol-observable\es\index.js [1] [1] (webpack)/buildin/module.js [1] There are multiple modules with names that only differ in casing. [1] This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. [1] Use equal casing. Compare these module identifiers: [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\webpack\buildin\module.js [1]     Used by 2 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\node-libs-browser\node_modules\punycode\punycode.js [1] * C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\webpack\buildin\module.js [1]     Used by 1 module(s), i. e. [1]     C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\Boiler-plate\client\node_modules\babel-loader\lib\index.js??ref--6-oneOf-2!C:\Users\Yeonji Kim\Desktop\개발자공부\따라하며 배우는 노드, 리액트 시리즈 - 기본강의\boiler-plate\client\node_modules\lodash\lodash.js[1] [1] Search for the keywords to learn more about each warning. [1] To ignore, add // eslint-disable-next-line to the line before. [1] [1] [HPM] Error occurred while trying to proxy request /api/users/login from localhost:3000 to http://localhost:3000 (EADDRINUSE) (https://nodejs.org/api/errors.html#errors_common_system_errors) ----------------------------------------------------------------------------------------------------------------- 화면에 뜬 에러입니다. ------------------------------------------------------------------------------------------- import React, { useState } from 'react'; import { useDispatch } from 'react-redux'; import { loginUser } from '../../../_actions/user_action'; function LoginPage(props) { const dispatch = useDispatch(); const [Email, setEmail] = useState("") const [Password, setPassword] = useState("") const onEmailHandler = (event) => { setEmail(event.currentTarget.value) } const onPasswordHandler = (event) => { setPassword(event.currentTarget.value) } const onSubmitHandler = (event) => { event.preventDefault(); console.log('Email', Email) console.log('Password', Password) let body = { email: Email, password: Password } dispatch(loginUser(body)) .then(response => { if(response.payload.loginSuccess){ props.history.push('/') }else{ alert('Error') } }) } return ( <div style={{ display:'flex', justifyContent:'center', alignItems:'center' ,width: '100%', height: '100vh', fontFamily: 'noto sans kr, sans-serif', fontWeight: '500', fontSize: '18px' }}> <form style={{display:'flex', flexDirection:'column'}} onSubmit={onSubmitHandler} > <label>Email</label> <input type="email" value={Email} onChange={onEmailHandler} /> <label>Password</label> <input type="password" value={Password} onChange={onPasswordHandler} /> <br/> <button type="submit"> Login </button> </form> </div> ) } export default LoginPage

파일탐색기에서 폴더 열기를 하고 bin폴더를 들어가고 폴더를 더 들어갔는데 exe파일이 없는데 이럴땐 어떻게 해야하나요?

안녕하세요. 강의 너무나 잘 보고 있습니다. 이번 강의를 수강하는 도중에 갑자기 heroku가 갑자기 나오길래 이전 강의에서 놓친 부분이 있나 확인해보았는데 그 전에 언급하신 적은 없더라구요. 저는 아직 heroku를 사용해 본적이 없어서, heroku 홈페이지에서 계정을 만든 후, app을 만든다음, setting 부분의 Config vars에서 강의에서 하신 것 처럼 MONGO_URI를 추가하였습니다. npm run start는 정상적으로 작동을하는데,  혹시 제가 추가적으로 setting을 해야할 것들이 있을까요?

튜터님 안녕하세요~^^ 제가 궁금한 점이 두가지가 생겨서 질문을 드립니다.(꾸벅) 1. 제가 지금 웹 프론트엔드 분야로 준비하고 있는데요 인터넷에서 보니 깃허브를 운영해서 1일1커밋을 하면 취업에 도움이 된다고 해서 저도 그렇게 할 생각인데요 아직 배워가는 과정이라서 실력이 부족해, 퀄리티 있는 프로그램이나 코드를 올릴수가 없어서 공부하면서 따라서 친 초보적인 간단한 코드들을 하루에 하나씩 올릴 생각인데 그렇게 해도 괜찮을까요? 그리고 추후에 제가 포트폴리오에 넣을 프로젝트도 올려도 괜찮을까요? 2. 튜터님께서는 코딩테스트는 어떻게 준비하셨나요? 제 질문을 읽어주셔서 감사드립니다:D

이전 챕터들의 경우 코드링크에 있는 추가 코드 들은 이전단계에서 작성한 코드들의 응용이나 비슷란 용법 들의 추가코드 였지만 "SpriteFrame" 챕터 코드 링크에 'anim.setCurrentTime(1, 'test');' 이후 나온 코드 들은 추가적인 설명이 부족해서 어떻게 사용 되는지 파악이 잘  안됩니다. 'test1' 이라는게 1초에 이름을 만들어서 1초로 이동시키는 건가요?  'anim.play('test1');' 시에 1초구간으로 이동후 플레이 하는거 같은데 1초 상태에서 멈춰 있어서 문의 드립니다. ps. 버젼은 강좌 버젼은 2.2.2 가 아닌 2.3.4사용 중입니다.(Video Player "Stay On Bottom" 기능 때문입니다.)

안녕하세요~ 요즘 svg에 관심이많고, 회사에서도 svg문의가 많아 얼마전부터 강의 신청해서 너무 잘 듣고있습니다. 좋은강의 올려주셔서 감사합니다.  강의를 보면서 다른svg파일로 svg path의 storke-dasharray를 이용하여 애니메이션을 테스트를 해보았는데요 안되는 부분들이 많아 질문남깁니다ㅠ 회사에서는 클립아트 아이콘을 많이 이용하는데, 애니메이션이 되는 아이콘이 있고 안되는 아이콘이 있어요. 예를들면 아래작성한 svg에 stroke animation을 주고싶은데 css애니메이션으로는 되질않네요ㅠ 무조건 path라고 다 애니메이션을 줄수있는건 아닌가요? 혹시 다른 방법이 있을까요?  너무궁금하네요. <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 600 600"> <path d="M241.9 43.3c-.9.7-5.3 8.5-9.8 17.5L224 77H16.9l-2.4 2.5C12 81.9 12 82 12 102.5v20.7l2.9 2.9 2.9 2.9h545.4l2.9-2.9 2.9-2.9v-20.7c0-20.5 0-20.6-2.5-23l-2.4-2.5H357l-8.4-16.9c-4.7-9.2-9.2-17.1-10.1-17.5-.9-.3-22.7-.6-48.3-.6-35.6.1-47.1.4-48.3 1.3zm94.9 32.2c6.4 13 8.8 16.8 10.8 17.5 1.6.6 40.6 1 103.5 1H552v17H29V94h101.8c85.5 0 102.1-.2 103.7-1.4 1.1-.8 5.6-8.6 10-17.5l8-16.1h76l8.3 16.5z"/> <path d="M264 85.5V94h53V77h-53v8.5zM47 274.4v128.5l2.4 2.8 2.4 2.8 69.7.3c65.6.2 69.7.3 69 2-.5 1.5-46.9 133.6-48 136.9-.3 1-14.3 1.3-65.5 1.3H12v17h557v-17h-65c-51.2 0-65.1-.3-65.5-1.3-.2-.6-11.2-32-24.3-69.7l-24-68.5 69.5-.5 69.5-.5 2.4-2.8 2.4-2.8V146h-17v245H64V146H47v128.4zM282 479v70h-60.5c-33.3 0-60.5-.3-60.5-.8 0-.4 10.9-31.9 24.2-69.9l24.3-69.3H282v70zm113.3-2.3c13.1 37.3 24 68.8 24.4 70l.5 2.3H299V409h72.5l23.8 67.7z"/> <path d="M82 155v9h17v-18H82v9zM231.4 147c-20.4 3-37.1 17.4-43.5 37.5-.8 2.8-1.4 15.2-1.8 40l-.6 36-2.8 5.7c-3.6 7.3-11.9 15-19.2 17.7-5.2 2-7.7 2.1-35 2.1H99v18h28.3c20.3 0 30-.4 34.8-1.4 18-3.8 33.3-17.8 39.1-35.5 1.9-6.1 2.2-9.5 2.7-42.6l.6-36 2.7-5c3.5-6.8 9.7-12.8 16.6-16.2 5-2.4 6.9-2.8 14.7-2.8 7.9 0 9.7.3 14.5 2.8 7.2 3.7 13.1 9.6 16.6 16.5 2.6 5.2 2.9 6.8 3.2 18.9l.4 13.3h18.1l-.6-13.5c-.5-10.5-1.1-15-3-20.3-4.2-12.1-12.7-22.6-23.2-28.7-9.2-5.4-22.8-8-33.1-6.5zM482 155v9h17v-18h-17v9z"/> <path d="M234.1 182c-7.2 1.7-13.1 9.2-13.1 16.5 0 5.4 3.1 11.7 7 14.5 3.4 2.4 11 3.7 15.4 2.6 4-1 9.3-6.3 11.2-11.1 4.8-12.6-7.1-25.7-20.5-22.5zM447.2 190.3l-6.2 6.2 9.5 9.5 9.5 9.5-28.2.6c-30.8.6-33.6 1.1-45 7.1-10.5 5.5-20.8 18.6-24.8 31.3-.9 2.8-1.5 15.2-1.9 40l-.6 36-2.8 5.7c-3.6 7.4-11.9 15-19.5 17.8-8 3.1-19.5 2.5-27-1.4-6.7-3.4-12.4-9.1-15.9-15.8-2.5-4.9-2.8-6.4-3.1-19.1l-.4-13.7H273v10.7c0 20.2 4.9 33 16.5 44.2 27.9 26.8 73.6 15.1 85.7-21.8 2-6.1 2.2-9.4 2.7-42.6l.6-36 2.7-5c3.5-6.8 9.7-12.8 16.6-16.2l5.7-2.8 28.5-.3 28.5-.3-9.8 9.8-9.7 9.8 6.3 6.3 6.2 6.2 18.2-18.3c11-11 18.4-19.2 18.8-20.8.4-1.6.1-3.8-.9-5.5-.8-1.6-9.3-10.7-18.8-20.2L453.5 184l-6.3 6.3zM273 242.5v8.5h18v-17h-18v8.5zM273 277.5v8.5h18v-17h-18v8.5z"/> <path d="M316.3 306.5c-4.9 3-8.3 9.2-8.3 15.1 0 4.9 3.5 11.1 7.9 14.1 15.4 10.4 34.3-8.4 23.8-23.7-3.6-5.4-7-7.3-13.4-7.7-4.9-.3-6.5 0-10 2.2zM82 365v9h17v-18H82v9zM482 365v9h17v-18h-17v9z"/> </svg>

안녕하세요! 소중한 강의 너무 감사드립니다! 변경 감지에 대해 질문이 있어서 글 올립니다! 값 변경 전에는 id는 1, name은 HelloJPA 였습니다. 강의에서 제가 이해한 내용은 'commit을 하면 내부적으로 flush가 동작하는데 이 때 1차 캐시 안에 엔티티와 스냅샷 상태를 비교해서 쓰기 지연 저장소에 UPDATE 쿼리를 날려주고 DB에 commit이 된다' 인데, 제가 올바르게 이해한건가요? 어느 시점에 1차캐시에 값이 바뀌고 어느 시점에 DB에 값이 바뀌는지 잘 모르겠어서 테스트 해보기 위해서 아래 코드를 작성하였는데요(tx.commit(); 전후로 name을 조회해봤습니다.) Member findMember = em.find(Member.class, 1L);findMember.setName("HelloJPA2");System.out.println("first : " + findMember.getName()); //HelloJPAtx.commit();System.out.println("second : " + findMember.getName()); //HelloJPA2 제가 생각했을 떄는 first: HelloJPA / second: HelloJPA2 가 출력되어야 할 것 같은데 둘다 HelloJPA2가 출력되었습니다... 제가 어느 부분을 잘못 이해하고 있는지 알려주실 수 있나요?

삭제된 글입니다

제목그대로 강의 모양가 다르게 팔면체가 되버립니다어째서 이렇게 되는걸까요? 

(() => { 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,//브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight :0, objs:{ container:document.querySelector('#scroll-section-1') } }, { // 2 type:'sticky', heightNum:5,//브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight :0, objs:{ container:document.querySelector('#scroll-section-2') } }, { // 3 type:'sticky', heightNum:5,//브라우저 높이의 5배로 scrollHeight 세팅 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` } console.log(sceneInfo) } function scrollLoop(){ prevScrollHeight=0; for (let i=0; i<currentScene; i++){ prevScrollHeight += sceneInfo[i].scrollHeight; } if(yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight){ currentScene++; } if(yOffset < prevScrollHeight) { if(currentScene === 0) return; currentScene--; } console.log(currentScene); } window.addEventListener('resize',setLayout); window.addEventListener('scroll', () =>{ yOffset=(window.pageyOffset); scrollLoop(); }) setLayout(); })()

강사님이 올려주신 방법대로 찾아보니 서버키가 없어서 새로 api키를 생성하고  파이어베이스쪽에 가보니 레거시 키가 안보이네요....다른분 질문에도 보고 확인해봐도 이해가 가지 않습니다...혹시 영상을 따로 찍어서 올려주실 수 있으신가요 ??

삭제된 글입니다

back/route/post.js 터미널 에러 메시지 크롬 콘솔 에러메시지 터미널 에러 메시지보시면 Credentials error라고 떠서 구글에서 검색을 해보고 코드도 검사해봤는데 강사님이랑 똑같더라구요. 그래서 S3 안에 폴더가 없어서 그런가해서 original 폴더를 생성하고 pm2 reload all 메시지 넣고 다시 해봤는데도 똑같은 에러가 발생해서 문의 남깁니다.   post.js 코드 중 region 경우에는 EC2 만들때 오하이오로 되어있어서 저렇게 진행했구요. 

강의에서는pivot_table로 작업하니 각 열마다 회색/흰색으로 구분이 되어있네요. 그런데 제가 피벗테이블로 작업하면 회색 이 안나오는데 어떤 옵션이 있는건가요?

강의들으면서 실습중인데 css를 누를경우에도 ai부터 fragment가실행되는데, css를 누르면 css fragment부터 실행되는방법이뭔가요??

Failed to get convolution algorithm. This is probably because cuDNN failed to initialize, so try looking to see if a warning log message was printed above.>구글 클라우드가 아닌 GPU서버를 이용하고 있습니다. 해당 강의를 진행하는 중에 다음과 같은 오류를 접하게 되어 질문 남깁니다.감사합니다.