안녕하세요 제로초님 프론트앤드 개발자를 희망하는 27살 취준생입니다. 지금 제로초님 강의를 발견하고 자바스크립트 강의를 열심히 따라가고 있습니다. 혹시 이 강의를 따라가면서 계속 복습하고 수업을 따라서 잘 이해하고 구현을 해보려고 한다면 HTML + CSS + Vanila Javascript 로만으로도 충분히 구현을 자유자재로 할수 있을까요? React나 Vue같은 프레임워크 or 라이브러리로 넘어가기 전에 자바스크립트를 충분히 이해하고 자유자재로 다룰수 있어야 한다고 해서 자바스크립트를 우선적으로 공부하려고 하고 있습니다. 취준이 급해서 초조하지만 제로초님 믿고 열심히 해보겠습니다. PS. 그리고 추가적으로 리액트 방향으로 공부해보고 싶은데 제로초님 강의를 Node.js는 구매한 상태입니다. 추가적으로 Nodebird와, Slack 클린 코딩정도만 구매해서 따라공부하면 취업하는데 충분할까요?

.env 파일 설정 하고 npm run dev 하면 db 성 공 콘솔이 뜨는게 아니라 : Error: Tablespace is missing for table `sleact`.`users`. 이런식으로 에러가 납니다. 전에 프론트 세팅 안되서 처음부터 하려고 다시 다지우고 하는데 안됩니다. 그래서 mysql 들어가서 데이터베이스를 지우고 다시 db:create 해볼려고 했는데  mysql> drop database sleact; ERROR 3679 (HY000): Schema directory './sleact/' does not exist 디비도 삭제가 안됩니다. 검색 해서 이것저것 해봣는데 잘 안되네요 ㅠ 요약하자면  ohseungik@seungik back % npx sequelize db:seed:all Sequelize CLI [Node: 14.15.5, CLI: 6.2.0, ORM: 6.5.0] Loaded configuration file "config/config.js". Using environment "development". == 20201019065847-sleact: migrating ======= ERROR: Table 'sleact.workspaces' doesn't exist 이 에러입니다.

안녕하세요 CLI로 프로젝트를 생성하였을경우 구조에 대해서 궁금한점이 있어서 글을 남기게 되었습니다. index.html 에 정의 되어 있는 <div id="app"></div> 영역에 main.js 에서 정의 되어 있는 코드를 통해서  화면을 나타내는것 같은데요 new Vue({   render: h => h(App), }).$mount('#app') index. html과 main.js 가 연결되는 코드나 정의 내용은 어디에 있는 것인가요??

사진처럼 insert문을 두번 실행하여 같은 값이 중복되었을때 한라인만 삭제를 하고싶을땐 어떻게 해야되나요?

안녕하세요. 강사님 늦게 요청드려 죄송하지만.. 저도 리뉴얼 강좌 쿠폰 부탁드립니다.

심지어 자바 코드로 만들어서 컴파일 시에 에러까지 잡아주니까 너무 신기하고 재밌어요 ㅋㅋㅋ 다른 강의들에서 항상 QueryDSL 강조하시던 이유가 있었군요!!

21분쯤에 64bit 컴퓨터에서 sizeof(&변수) 를 할 시 8byte 크기가 나왔습니다 그래서 궁금해서 크기가 2인 int형 배열을 선언 한 후에 각각의 주소를 출력해보니 차이가 4가 나더라구요 그렇다면 주소의 크기는 변수 사이의 간격?과는 별 상관 없다고 보는게 맞는건가요? 

안녕하세요 영한님! 강의 정말 잘 듣고 있어요! 이번강의를 듣다고 궁금한 점이 생겼는데요 등록일이나 수정일을 임베디드 타입으로 처리하지 않고 @MapperSuperclass로 채택해 구현한 이유가 단순히 수정일과 등록일은 데이터 참고용 컬럼이라 그런건가요?  임베디드 타입보다 등록,수정일을  @MapperSuperclass로 구현한 부분에대한 장점이 따로 있을까요? 

에러 처리 클래스를 만들때 CustomizedResponseEnityExceptionHandler 를 상속받는 이유가 무엇인가요?

창이 안켜지고 이렇게 떠요 'C:/Users/---/AppData/Local/Programs/Python/Python39/python.exe' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다.   이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:3 + & C:/Users/우리집/AppData/Local/Programs/Python/Python39/python.exe "c:/ ... +   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~     + CategoryInfo          : ObjectNotFound: (C:/Users/우리집/Ap...on39/python.exe:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException

안녕하세요 먼저 좋은 강의 감사드립니다. 설명해주신 7번째 이론을 제가 이해한 바에 의하면, 둘 이상의 벡터로 구성된 벡터set이 존재할 때  벡터set이 linearly dependent하다 벡터 set에서 적어도 하나의 벡터는 다른 벡터들의 linear combination으로 표현될 수 있다 이 두 조건이 서로 필요충분하다는 것인데요, 강의 초반에 linearly dependent를 설명해주시면서 coefficient가 적어도 하나가 nonzero여야하는 것이지, 모두 nonzero일 필요는 없다고 말씀해주시며 "linearly dependent하다고 해서, 한 특정 벡터가 항상 다른 벡터들의 linear combination으로 표현되는 것은 아니다" 라고 하셨는데, 그럼 정리하자면 벡터set이 linearly dependent하면 적어도 하나의 벡터는 다른 벡터들의 linear combination으로 표현될 수 있지만, 그렇게 표현되지 못하는 벡터들도 있다. 즉, linearly dependent하다고 해도 벡터set에 포함된 모든 벡터가 나머지 벡터들의 linear combination으로 표현될 수 있는 건 아니다. 라고 이해해도 괜찮을까요?? 처음 선형대수학을 공부하는 것이기도 하고, 이번 강의에 워낙 많은 내용을 배워서 이러한 정리 확인식 질문을 드리는 데에 양해부탁드립니다ㅜㅜ

안녕하세요. 어제 결제하고 강의 잘 듣고 있습니다. "HTTP 서버 스케일링과 테스트" 강의 실습하면서 한가지 문의드립니다. GKE 에서 로드밸런스 생성 이후, External IP 와 Port 로 웹브라우저에서 실행하면 Pod 명이 브라우저에 잘 뜹니다. 그런데 replicas 를 3 으로 늘리고 난 뒤에 실행을 해도 계속 한가지 Pod 명만 뜨고 있는데 그 이유가 멀까요? 좀 이상해서 그 Pod 를 삭제해보면 또다른 Pod 명으로만 계속 브라우저에 조회가 되고요.. 설명해주신 것처럼 Pod 안에서 curl 을 통한 명령어를 실행해보면 로드밸런싱이 제대로 되는데 웹브라우저에서 External Ip 로 호출을 해보면 로드밸런싱이 되지 않는 이유가 궁금합니다. 

안녕하세요 선생님, 지금까지 클라우드 잘 활용해 왔는데 갑자기 오늘부터 하기와 같은 메세지가 나오면서  인스턴스 할당에 실패했다고 하네요. 현재 자원이 부족해서 할당 못하는 거라면 시간이 해결해 줄 거 같은데, 리젼을 바꿔서 새 인스턴스 만들어서 환경 만들어가는게 나을까요? 근데 어짜피 이제 돈이 얼마 안남은거 같아서 코랩으로 갈아 타려고 합니다만 ㅠㅠ

강의 내용보고 따라 하고 있습니다. product-card css 작성 부분을 잘못 실습을 했는지 제대로 보이지가 않습니다.... 확인 드립니다. 크롬에서 보면  아래와 같이 나옵니다.. TT html 부분       <div id="product-list">         <div class="prduct-card"></div>         <div class="prduct-card"></div>         <div class="prduct-card"></div>         <div class="prduct-card"></div>         <div class="prduct-card"></div>         <div class="prduct-card"></div>       </div>     </div> css 부분 * {   margin: 0;   padding: 0; } #header {   height: 64px;   display: flex;   justify-content: center;   border-bottom: 1px solid gray; } #body {   height: 100%;   width: 1024px;   margin: 0 auto; } #footer {   height: 200px;   background-color: red; } #banner {   height: 300px;   background-color: yellow; } #header-area {   width: 1024px;   height: 100%;   margin: 0 auto;   display: flex;   align-items: center; } #header-area > img {   width: 128px;   height: 36px; } #banner > img {   width: 100%;   height: 300px; } #body > h1 {   margin-top: 16px; } .product-card {   width: 180px;   height: 300px;   background-color: gray; }

(() => { let yOffset = 0; // window.pageYOffest 대신 쓸 변수 let prevScrollHeight = 0; // 현재 스크롤 위치(yOffset)보다 이전에 위치한 scroll-section의 스크롤 높이값의 합 let currentScene = 0; // 현재 활성화 된(눈 앞에 보고 있는) 씬(scroll-section) // 각 scene의 정보를 담고 있는 배열 const sceneInfo = [ { //0 type: 'sticky', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, objs: { container: document.querySelector('#scroll-section-0'), messageA: document.querySelector('#scroll-section-0 .main-message.a'), messageB: document.querySelector('#scroll-section-0 .main-message.b'), messageC: document.querySelector('#scroll-section-0 .main-message.c'), messageD: document.querySelector('#scroll-section-0 .main-message.d') }, values: { messageA_opacity: [0, 1] } }, { //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++) { // i번째 sceneInfo의 scrollHeight를, i번째 sceneInfo에 있는 heightNum(변수)와 window.innerHeight의 곱한 값으로 해주세요. sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight; // scroll-section-i의 높이를, sceneInfo의 scrollHeight px값만큼 설정해주세요. // `` -> 템플릿 문자열 / `${기본적으로 문자열이지만 변수도 넣을 수 있음.}` sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`; } // load, setLayout -> 현재 스크롤 위치에 맞춰서 currentScene을 배정 yOffset = window.pageYOffset; let totalScrollHeight = 0; for (let i = 0; i < sceneInfo.length; i++) { totalScrollHeight += sceneInfo[i].scrollHeight; // totalScrollHeight가 현재 스크롤 위치보다 크거나 같아졌을 때, for문을 멈추고 currentScene을 i번째로 설정 if (totalScrollHeight >= yOffset) { currentScene = i; break; } } //currentScene의 값에 맞춰 body의 id를 세팅함. document.body.setAttribute('id', `show-scene-${currentScene}`) } function calcValues(values, currentYOffset) { //currentYOffset -> 현재 씬에서 얼마나 스크롤 됐는지 } function playAnimation() { const objs = sceneInfo[currentScene].objs; const values = sceneInfo[currentScene].values; const currentYOffset = yOffset - prevScrollHeight; console.log(currentScene, currentYOffset); switch (currentScene) { case 0: //console.log('0play') let messageA_opacity_0 = values.messageA_opacity[0]; let messageA_opacity_1 = values.messageA_opacity[1]; break; case 1: //console.log('1play') break; case 2: //console.log('2play') break; case 3: //console.log('3play') break; } } function scrollLoop() { // 현재 눈 앞에 몇번째 scroll-section이 스크롤 되는지 확인하는 함수 let prevScrollHeight = 0; for (let i = 0; i < currentScene; i++) { // 이전 진행된 스크롤 값 = i번째 sceneInfo의 scrollHeight값. // prevScrollHeight = prevScrollHeight + sceneInfo[i].scrollHeight; // += -> 왼쪽의 피연산자에 오른쪽의 피연산자를 더한 후, 그 결괏값을 왼쪽의 피연산자에 대입함. prevScrollHeight += sceneInfo[i].scrollHeight; } // yOffest > 이전 스크롤 값 + 현재 활성화 된 scroll-section의 스크롤 값 if (yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight) { currentScene++; //currentScene의 값에 맞춰 body의 id를 세팅함. document.body.setAttribute('id', `show-scene-${currentScene}`) } if (yOffset < prevScrollHeight) { if (currentScene === 0) return; // 브라우저 바운스 효과로 인해 마이너스가 되는 것을 방지(모바일) currentScene--; //currentScene의 값에 맞춰 body의 id를 세팅함. document.body.setAttribute('id', `show-scene-${currentScene}`) } playAnimation(); } // 창 사이즈가 바뀔 때마다 resize하면 setLayout이라는 함수가 작동하도록 // window.addEventListener('DOMContentLoaded', setLayout); window.addEventListener('load', setLayout); window.addEventListener('resize', setLayout); // 익명함수, 구체적인 역할을 하는 함수들을 여러개 호출할 예정. window.addEventListener('scroll', () => { yOffset = window.pageYOffset; // 스크롤 될 때마다 값을 보여줌. scrollLoop(); // 스크롤 될때 실행되는 함수 }) setLayout(); })();

var sports ={ soccer:"축구", baseball:"야구" }; for(var bb in sports){ console.log(bb); console.log(sports.bb); }; 제가 이렇게했는데  soccer undefined baseball undefined 값이 이렇게 나오더라구요..  프로퍼티 값을 뽑을떄 sports[키값] 또는 sprots.키값 이거로 알고있는데 sprots.키값은 왜 값이 다른지 알고싶습니다.

안녕하세요 POST로 데이터 등록 요청을 할 때 {user: 홍길동, age : 30} 라고 바디에 넣어서 보냅니다. 서버는 해당정보를 DB에 INSERT하게 될거구요. 그다음 HTTP응답에 /members/100 이라고 보낸다고 말씀하셨습니다. post의 가장큰 특징이 새로등록된 리소스uri를 생성한다고 하셨는데 100 이라는 리소스uri는 어떤 의미인거죠? db에저장된 데이터의pk도 아닐것이고, 나중에 100이라는 걸 가지고 회원정보를 get한다고 했을때 서버는 100이라는게 db에 저장된 홍길동/30 이라는 데이터인지 어떻게 알수있는건가요?

ix 필터링은 계속오류가 뜨는데 이제 사용못하는건가요???  loc, iloc만 사용해야하는것인지 궁금합니다 강의와 관련있는 질문을 남겨주세요. • 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 

안녕하세요. 수업 항상 잘 듣고 있습니다. :) 다름이 아니라 수업을 따라 하던 중 궁금증이 생겨 질문합니다. 1. proxy설정을 한 후 데이터 값이 나오는데, 저는 send값으로 넣은 안녕하세요. 만 나오는데요. 이번에 createProxyMiddleware이 바뀐 것과 관련이 있을까요? 2. 그리고 또다른 문제점이 발생했는데요. scheduler.development.js:298 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M91, around May 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. 라는 콘솔창에 warnning이 나왔습니다. 이 부분은 우연히 해당 링크 타고타다가 다른 해결점을 찾긴 했는데요. src > public > index.html값에  <script> if (! crossOriginIsolated) SharedArrayBuffer = ArrayBuffer </script> 이 값을 넣었더니 해결 되었습니다. 앞으로 배포나 그 외에 수업에 지장이 없겠죠??? 혹시 몰라 해당 링크도 공유하겠습니다. https://github.com/facebook/react/issues/20829

'윤재성의 만들면서 배우는 spring mvc5'  강의에서 jquery와  ajax를 혹시 사용하나요?