npm run dev를 실행해서 서버를 열었는데, The default export is not a React component in page: "/" 라는 에러 메세지가 떴습니다 어떻게 해결해야 하나요...?

안녕하세요 고퀄리티 강의 언제나 잘 듣고 있습니다 :) 궁금한 것이 두가지 있는데요, 1.  카카오톡 이모티콘 제안 승인 시 웹피애니메이터 라는 전용 소프트웨어를 사용해서 WebP파일로 전환하는 것으로 알고 있는데요..제가 알기로는 포토샵 타입라인에서 GIF를 내보내는 방식처럼 각 프레임의 속도를 설정하는 방식으로 알고 있습니다. 그렇다면 강의에서 설정하신 20 fps (frame rate) 로 작업을 하고 만약 제안승인을 받으면, 한 프레임 당 0.05초 (1초 = 20프레임) 으로 설정해야 한다는 뜻인데요... 실제로 웹피애니메이터에서 한 프레임당 0.05초로 설정이 가능한가요? 제가 리서치한 결과로는 최소설정값이 0.1초다, 또 어디서는 카카오톡 제안가이드에는 0.07초로 고정되있다 라고 이야기 해서... Animate에서 어떤 frame rate로 설정하고 작업할 지 고민이 되네요 2. 그리고 카카오톡에서 움직이는 이모티콘 제안 시  프레임 개수 24개를 넘지 말아라 라고 명시되어 있는데요.. 그렇다면 Animate에서 작업할 시, 동일한 장면을  이렇게 사용하면 프레임 개수를 3개로 치는 건가요? 아니면 delay가 긴 프레임 개수 1로 치나요? 자꾸 질문드려 죄송합니다 어딜가도 명확하게 설명해주는 곳이 없어 강사님께 계속 여쭙게 되네요 ㅠ  

안녕하세요 맴버리스트를 조회하는 과정에서  List<Member> members = em.createQuery("select m from Member m", Member.class) .getResultList(); <property name="hibernate.hbm2ddl.auto" value="create" /> 데이터베이스 스키마 자동생성 조건을 create로 두고 하니 team 셀렉문이 2개가 아닌 하나만 발생하는거 같던데 이유가 뭘까요..? none으로 하니 예제와 같이 2개로 발생합니다.

socket.io 4버전 사용시에  user: 'system', chat: `${req.session.color}님이 입장하셨습니다.`, 이부분에서 오류가 발생합니다. 로그를 찍어보니 req.session 이 undefined 로 나옵니다. 어떻게 해야할까요?

영상 내에서 싱글턴 패턴에 대해 설명하여 패턴을 활용하면 좀 더 효율적으로 코드를 만들 수 있을 것 같은 느낌이 들었습니다.   패턴은 공부해두면 좋은지 궁금합니다.   'Part3: 자료구조와 알고리즘', 'Part4: 게임 서버'를 익히고 공부해보려는데 선수 지식이 부족하지는 않은지 궁금합니다.    'GoF의 디자인 패턴'과 '게임 프로그래밍 패턴' 책으로 패턴을 학습하려는데 괜찮은 책인지 그 외 패턴에 관한 좋은 자료가 있으면 알려주면 감사하겠습니다.

안녕하세요 교수님! 좋은 수업 잘 듣고 있습니다. 밑의 캡처 사진을 보시다시피 Dump annotation 버튼이 없는데 어떻게 해야할까요??

안녕하세요 훌륭한 강의 덕분에 Svelte를 잘 학습하고 있습니다. '반응성 구문' 학습 도중 잘 이해가 가지 않는 부분이 있어 질문을 남깁니다.  먼저 반응성 구문은 tick을 적용하지 않는다면, 화면이 한 번 갱신되고 난 후에 실행이 된다고 이해했습니다.  그런데, 선생님께서 보여주신 예제에서는 tick()을 적용하지 않은 상태에서도 화면 상의 double 값이 0 => 2로 변화하였습니다. 이에 의문이 남아 아래의 코드와 같은 실험을 해보았습니다. Assign 버튼을 클릭하였을 때 제가 예상한 작동 순서는 다음과 같습니다.  0. assign 함수 실행 1.  count ++  2. console.log(double) => 콘솔 상에 0 출력, 아직 화면이 갱신되지 않았으니 반응성 구문 실행 x 3. assign 함수 종료 4. 화면 갱신 5. 화면이 갱신되었으니, count값에 의존하고 있는 반응성 구문 실행 -- 여기서부터 반응성 구문-- 6. count가 1로 증가한 상태로 화면이 갱신되었으니 'id = count'인 태그는 1 출력 7. double에는 아직 새로운 값이 할당되지 않았으니 'id = double'인 태그는 0 출력 8. 'double = count * 2' 문장 실행 : double = 2 9. 문자열 'double' 출력 하지만 제 예상과는 다르게 'double = count * 2' 문장이 실행되기도 전에,  let double_ = document.getElementById("double"); console.log(double_); 으로 인한 결과 값이 <h2 id="double">2</h2>로 출력되었습니다.  즉, double이라는 변수가 2로 변경되기도 전에 화면 상의 double은 2로 렌더링 되었습니다. 위와 같은 현상의 원인이 무엇인지 궁금합니다.  (소스코드는 아래에 텍스트로 남기겠습니다. ) 다시 한 번 양질의 강의에 감사의 말씀 드립니다. 코드 <script>   import { tick } from "svelte";   let count = 0;   let double = 0;   $: {     let count_ = document.getElementById("count");     let double_ = document.getElementById("double");     console.log(count_);     console.log(double_);     double = count * 2;     console.log("double!");   }   async function assign() {     count++;     console.log(double);   } </script> <button on:click={assign}> Assign</button> <h2 id="count">{count}</h2> <h2 id="double">{double}</h2>

Failed to compile../src/views/Example.vue Module Error (from ./node_modules/eslint-loader/index.js): /Users/ha/vue-lecture/vue-manually/src/views/Example.vue 5:12 error Newline required at end of file but not found eol-last ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` option. 왤까여? ㅜㅠ

Unity에서 스크립트를 추가하고 코드를 작성할때, 한글 주석을 작성하고 저장 후 Unity로 돌아오면 한글 주석 부분이 깨져서 나옵니다. 인터넷에 검색해본 결과 스크립트 파일을 메모장으로 열어서 UTP-8로 다시 저장하면 된다고 하여서 시도 해봤더니 한글로 잘 뜨긴 합니다만, 매번 이 방식으로 한글 주석이 달린 모든 스크립트들을 새로 저장하기는 너무 번거롭습니다.  혹시 다른 해결 방법 없을까요? visual studio와 unity 모두 업데이트 해보았으며, unity에서 한글도 설치 했습니다. visual studio에서 도구 - 옵션 - 텍스트 편집기 - 일반 에서 '시그니처 없는 utp-8 인코딩 자동 검색'을 체크 해제 해보기도 하였고 다시 체크 해보기도 하였으나 한글 주석은 계속 깨졌습니다.

안녕하세요. 영한님이 작성하신 코드에서 @setter가 없어도 값이 출력이 되는데 왜 그런지 이해가 잘 안 되네요.ㅜㅜ (@AllArgsConstructor는 ResponseJsonServlet에서 사용하려고 생성한 거고 @AllArgsConstructor가 없어도 정상적으로 동작을합니다)

코드 후반부, with futures.ProcessPoolExecutor() as executor: 에서 with문이니까...futures.ProcessPoolExecutor()의 의미는 작업을 실행할 때  open()함수를 호출할 때와 비슷하다고 생각하면 되나요?

setState를 할 때 변경될 요소들을 화살표 함수의 리턴으로 보내준다는 건 알겠는데, 저 함수의 prevState는 대체 어디서 온 건가요? 콘솔 로그로 찍어보니까 {num1: 3, num2: 4, value: "12", result: "", win: 0} 가 찍히는 것으로 보아 state가 출력된 것은 알겠는데, 대체 어떻게 해서 state가 오게 된 건가요?

코딩웍스님 상단 네비게이션 타입 중 서브백타입 만들고 그위에 가로 슬라이드 연습햇는데 서브백이랑 서브메뉴가 가로 슬라이드에 가려서 안보이는데 여기서도 z-index 사용해야하는건가요??

### \[정리시간\] ```javascript var obj = {}; obj.getTotal = function(one, two, two){ console.log(one + two); }; obj.getTotal(11, 22, 55); // 66 ``` --- 초기화 단계 --- 1. obj에 빈 오브젝트 할당 2. obj.getTotal(11, 22, 55);를 만나서 함수 호출 3. 실행 콘텍스트 생성하고 실행 콘텍스트 안으로 이동 4. 3개의 컴포넌트 첨부 5. getTotal function 오브젝트의 [\[FormalParameters]]에 파라미터 이름 설정 6. 호출한 함수의 파라미터 값을 실행 콘텍스트에 넘겨줌 - ["one", "two", "two"] 형태로 getTotal function 오브젝트의 [\[FormalParameters]]에 설정되어 있음 - 이 배열을 읽는다. - 호출한 함수의 파라미터 값에서 index 번째의 값을 구함 7. obj.getTotal 함수의 파라미터 이름과 넘겨받은 파라미터 값을 매핑 - 선언적 환경 레코드에 설정 - {name: value} 형태로 설정 - {one: 11, two: 22, two: 55}로 설정해야 하는데 - two: 55를 매핑할 때, 이미 two 이름이 존재하므로 매핑되어 있던 값인 22가 55로 변경됨 8. 더이상 초기화할 코드가 없음 --- 실행 단계 --- 9. 선언적 환경 레코드에는 {one:11, two: 55} 상태 10. console.log(one + two); 를 실행 11. 선언적 환경 레코드에 one과 two가 있으므로 해당 값을 가져옴 12. 11 + 55 = 66이므로 13. 콘솔에 66을 출력합니다.

제목에서와 같이 두 명령어의 차이가 무엇인가요?? 실제로 입력 후 결과 받아보면 차이가 있나? 싶은데요, 정확한 차이와 각각 어떤 상황에서 쓰는지 알고 싶습니다! (좋은 강의 감사합니다 :) )

안녕하세요. 저 socket 테스트에 대해서 궁금한게 있는데 여태까지 테스트를 postman을 이용해서 api테스트를 했는데 socket은 템플릿말고 사용할 수 있는 방법이나 툴이 있을까요??

강의를 수강하고 토이프로젝트를 해보던 중에 막히는 부분이 있어서 질문 드립니다ㅠㅠ 이런 식으로 중간 부분만 router-view를 이용하여 변경하려고 합니다.  현재  이 부분이 라우터가 '/'일때의 화면입니다. propsdata로 잘 받아와집니다. 그리고 수정페이지에서 정보를입력하고 제출하면 app.vue에서 변경이 됩니다. 근데 여기서 문제가 있습니다ㅠㅠ 1. 제출할 때 router-link로 to='/' 넘기면서 함수를 실행하여 emit으로 제출하려고 하는데 v-on:click을 넣으면 실행이 안됩니다.. 2. app.vue에서 변경된 데이터가 화면에 반영이 되지 않습니다. v-on으로 받아온 함수에서 console로 찍었을 때 변경이 되는건 확인을 했는데, 화면을 봤을 때는 반영이 안됩니다ㅜㅜ 도와주시면 감사하겠습니다..

Fraction one_thirds=Fraction{1,3}; 이거랑 Fraction one_thirds(1,3) ; 이랑 임시객체 생성되고 안되고 차이가 있나요? 둘이 똑같은 과정을 거치는건가요?

Sbcglobal Email Not Working issue is a common one that can take place at anytime due to several reasons. However, you don’t need to worry if you are not capable of handling your problems on your own. Simply make a connection with the experts and you will get a feasible solution to tackle it down.  

안녕하세요.  Vue3를 적용해서 코드 작성을 연습하고 있는데 Vue3에서는 공식적으로 slot, slot-scope가 deprecated 된걸로 압니다. 그렇다면 알려주신 renderless component 개념은 vue3에서 사용이 안되는걸까요? 아니면 deprecated 됨에도 불구하고 다른 속성(?), api(?)를 사용해서 구현해야 하나요?  이후에도 많이 사용되는 구현 방법일지 궁금합니다.