이번 강의에서 vue 공식 홈페이지에 있는 todo앱은 한 페이지에서 다 처리했다고 언급하셔서  vue.js 시작하기 강의에서 알려주신대로 뷰 인스턴스 안에 컴포넌트들로 넣어서 한 페이지에서 구현했나? 라고 생각하면서 공식 홈페이지에서 확인해봤더니 거기에선 컴포넌트를 사용하지않고 한번에 구현했더라구요. (https://kr.vuejs.org/v2/examples/todomvc.html) 그래서 차이점이 뭘까 생각해봤는데.. 아직 경험이 많지 않아서 어림짐작 해보기로는 강사님께서 한 방법은 재사용성이 좋고 수정도 용이한데, 프로젝트가 커지면 파일이 늘어나서 관리가 힘들고 공식홈페이지는 그 반대지 않을까 하는데 이게 맞나요? 구현방법이 너무 많아서 어떻게 짜는게 어떤 부분이좋고 어떨때 적용해야한다.. 또는 뭐가 더 효율적이다 하는걸 잘 모르겠어요!! 간단하게라도 코멘트 부탁드리겠습니다 ㅠㅠ

마우스 클릭 할땐 되는데 마우스엔터와 마우스리브는 되지 않습니다. 잘못 된 점 찾아 주십시오.

리액트나 뷰를 사용하거나, 적어도 rest api같은 걸루 서버에서 api만 받아서 사용하는 거라면 노드환경을 구성해서 이 설정들을 만들어서 사용할 수 있을 것 같습니다. 그런데 만약 Java&jpa&timeleaf를 쓰는 상황이라면 바벨조차도 사용할 수 없는 건가요?? 이런 경우에는 그냥... 최신 문법 하나도 못쓰고 옛날 방식으로 짜야하나요? 

행동 로그 QA 는 어떤식으로 진행하시나요? firebase 의 de bug view 로 해서 live 하게 확인을 할 수 있을까요?

\dt 확인해도 없고 계속 헤매다가 그냥 터미널에 똑같이 CREATE TABLE ACCOUNT (id int, username varchar(255), password varchar(255)); 입력하고 \dt하니까 테이블이 나오네요... 똑같이 따라하는데 왜이리 어마어마한 오류가 나오는지 ㅠㅠ 이 강의 20분짜리 듣는데 6시간걸리네요.. 그걸떠나서 왜 그런가요? 터미널에 수동으로 테이블생성을 하기전에 run을 또 했을때는 이미 accout테이블이 존재해! 라고뜨더라구요.. 근데 \dt하면 안나옴... 뭐 commit이라도 해줘야하는건가 postgresql처음이라.. 기종은 mac이고 똑같이 postgresql써서 따라하고있었어요 --- 그 다음 데이터 넣는것도 적용이 안되더군요 라기보단 다른곳에서 생성되고 있나... 아! 그게 아니라 밖에서 터미널은 바로바로 적용되는데 인텔리제이의 터미널은 적용이 안되나봐요 ㅠㅠ 인텔리제이가 아닌 밖의 터미널에서 검색하면 또 보임.. 왜이러죠?

안녕하세요 강의 잘 듣고 업무에 많은 도움이 되고 있습니다. 강의를 듣기 전까지는 방향을 어디로 잡아야 하나 고민이 많았는데, 이렇게 많은 내용을 정리해 주셔서 방향을 잡을 수 있었습니다. 실습도 너무 잘 설명해 주셔서 그대로 따라하니 잘 되더라고요. 질문은 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키를 생성하고  파이어베이스쪽에 가보니 레거시 키가 안보이네요....다른분 질문에도 보고 확인해봐도 이해가 가지 않습니다...혹시 영상을 따로 찍어서 올려주실 수 있으신가요 ??