React와 Vue(2 기준) 두 뷰 라이브러리 | 프레임워크를 모두 사용해본 현직 실무 풀스택 (백엔드는 자바 스프링) 개발자 입니다.아직 실무에서 타입스크립트 도입을 하지 않았고, 타입스크립트에 대한 관심도가 매우 높아 기대하는 마음에 해당 강의를 신청하고 듣게 되었습니다.제가 질문하고싶은 JSX.Element 타입 관련해서 의문이 드는점은, 다른 사람들이 짜놓은 Typescript React 깃허브 프로젝트들을 찾아 보게되면 Props나 Children을 사용할때는 강의에서 알려주신 JSX.Element 타입 대신 React.FC 혹은 ReactNode, ReactElement 등 다른 타입을 제너릭과 함께 사용하여 작성하고 있는것을 본적이 있습니다.구글링을 조금 해 봤더니 무조건 적으로 JSX.Element 타입만을 선언하는것은 아니더라구요. 왜 이런 필수개념이 빠져있는지... 저는 그런것들에 대한 궁금증도 많았기에, 이 강의를 결제했는데.... 뭔가 강의를 잘못 선택했고, 리액트에서 사용하는 타입스크립트 타입에 잘못 접근하고 있는 기분이 듭니다..회사에서 비즈니스 계정 입력해서 지원금 받아서 강의를 신청했는데, 이거 보고 내용 정리해서 보고서와 함께 실무자들 앞에서 발표해야 합니다...........발표 할 때 그에 대한 리뷰 질문들이 들어오게 되면 출처 밝히고 해당 강의에서는 이런 식으로 가르쳐줬다. 라고 말하면 얼굴 공개하면서 까지 자부하시고 찍은 강사님 커리어와 프라이드에도 그렇게 좋은 영향은 가지 않을것이라 생각이 듭니다..분명 AI가 답변을 달텐데 강사님 다시한번 확인해주시고 답변 달아주시고 이 부분에 대해 부연 설명 대신 강의 영상 자체를 조금 더 디테일하게 수정해서 보안해주시길 바랍니다.매우 실망스러워요....

.

리액트와 뷰 모두 포함해서 프로젝트를 생성하는 가이드영상이 아에 없는거같은데요.그동안 타입스크립트를 접목하지 않은 react와 vue만 사용했고 경험이 있는 상태에서typescript를 리액트와 뷰만의 생태계에서 어떻게 사용하는지 따라해보려고하는데, 백문이 불여일타 라고 프로젝트 초기 세팅 가이드 영상은 기본이라고 생각합니다...;;; 실망이 매우 크네요....혹시 pdf로라도 없는건가요????세팅조차 없이 그냥 바로 본론으로 들어가버리면...이건 좀 아닌거같아요.돈 날린 기분입니다... 이 부분에 대해서 추가 영상이나 교안 등 개선이 필요할거 같습니다.강사님 직접 확인하시고 답변주세요;;

esling.config.js/ .prettierrc.json가 있는 버전입니다.setting.json에서"editor.codeActionsOnSave": { "source.fixAll.eslint": 'explicit"},"editor.formatOnSave" : true 위와 같이 설정했고, extensions에서는 ESLint만 설치했습니다. 그런데, 파일 수정 후 저장을 해도 포맷팅이 자동으로 되지 않습니다.ㅜㅜ (더블쿼트 저장 후 싱글쿼트로 자동 수정 안됨.)ESLint 역시 제대로 적용된건지 어떻게 확인해야 할 지 모르겠습니다. 그런데, VSCODE에서 아래와 같이 오류가 발생 중입니다.formatting - Extension 'esbenp.prettier-vscode' is configured as formatter but not available

안녕하세요!UI 라이브러리를 이용해서 공통 컴포넌트를 개발하고 있습니다.UI 라이브러리 컴포넌트 중에 slot이 있는 경우에는,아래와 같이 이중 slot을 적용했습니다.제가 만든 컴포넌트가 commonComponent이고,그 안에서 라이브러리에서 제공하는 ui-component를 사용하는 경우입니다. *commonComponent.vue<ui-component> <template #uiSlot="v"> {{ v }} // Boolean <slot name="common" v-bind="v"> </slot> </template ></ui-component> 그럼 실제 화면 개발 시에는,아래와 같이 전달을 하게 되는데...v 값이 Boolean으로 들어와야 하는데 Object로 들어옵니다. <common-component> <template #common="v> {{ v }} // Object </template></common-component> 콘솔을 찍어보면 #uiSlot="v" -> 여기는 Boolean인데,#common="v -> 여기서는 Object로 변경됩니다. 이중 또는 중첩된 Slot에서 props를 전달할 때, 어떻게 해야 할 지 모르겠어서 질문 드립니다 ㅜㅜ

안녕하세요.기본편 / 실전편 둘다 결제하였고현재 기본편 다 들은 상태인데,최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리이 강의에 보면 기본편이나 실전편 들은 사람에게는 무료로 제공된다고 되어있는데...어떻게 해야지 무료로 볼 수 있는걸까요?

 인프런 닉네임: 놀란 호랑이인프런 이메일: madeleineluv@kakao.com깃 이메일: apple380g@gmail.com깃 닉네임: Hell0Stranger 깃 권한 요청드려요 :)

안녕하세요.자식 컴포넌트에서 부모 컴포넌트로 emit을 사용해서 event를 전달하는 내용을 실습하고 있습니다.강사님을 따라서 자식컴포넌트에서 전달하는 event명을 createPost(카멜케이스)로 작성하고 부모컴포넌트에서event 리스터에는 create-post(케밥케이스) 로 입력했는데 이벤트가 실행이 안됐습니다. 그러다가 둘다 케밥 케이스로 통일하니깐이벤트가 실행이 잘 되더라구요. 왜그런 건지 알수 있을까요?

버튼 클릭을 해 이벤트를 발생시켰음에도 불구하고 개발자도구에는 No events라고 뜹니다.Timeline에서 record 버튼 눌러 record on 했음에도 마찬가지입니다.해결방법을 아실까요? ㅠㅠ 

PS C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project> npm i vite npm error code 3221225477npm error path C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project\node_modules\esbuildnpm error command failednpm error command C:\WINDOWS\system32\cmd.exe /d /s /c node install.jsnpm error A complete log of this run can be found in: C:\Users\97gyu\AppData\Local\npm-cache\_logs\2024-12-16T13_10_50_883Z-debug-0.logPS C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project>   npm install -g npm 2npm cache clean --forcev22.12.0 node -v 버전입니다 어떠한 오류 인지 알 수 있을까요? 검색 후 시도를 해보았는데 안되네요 ㅠ

onCreateUser와 onDeleteUser 함수 작성 후 에뮬레이터를 실행하면functions.region is not a function이라고 로그에 나오고 있는데혹시 firebase-functions 버전 문제일까요??ㅠㅠ어떻게 해결 해야할 지 모르겠어요ㅠㅠ 도움 부탁드립니다~

개발자도구에서 vue탭이 안보입니다. 버전이 여러게 있길래 다 시도해봤는데도 안보이네요. 현재는 legacy 버전을 설치한 상태이고, 파일 url액세스 허용도 체크되어 있습니다.여전히 vue탭은 개발자도구에서 안나타나네요.  가이드를 부탁드립니다.

[plugin:vite:import-analysis] Failed to resolve import "vue-router" from "src/router/index.js". Does the file exist? import { createRouter, createWebHistory } from 'vue-router'vue-router를 불러올 수 없는데 어떻게 해야될까요?

import './assets/main.css' import 'bootstrap/dist/bootstrap.min.css' import 'bootstrap-icons/font/bootstrap-icon.css' import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') import 'bootstrap/dist/js/bootstrap.js' [plugin:vite:import-analysis] Failed to resolve import "bootstrap/dist/bootstrap.min.css" from "src/main.js". Does the file exist?1 | import './assets/main.css' 2 | 3 | import 'bootstrap/dist/bootstrap.min.css' | ^ 4 | import 'bootstrap-icons/font/bootstrap-icon.css' 5 | import { createApp } from 'vue' 이런 에러가 발생합니다.부트스트랩 설치 시 bootstrap.min.css 파일이 존재하지 않는데 어떻게해야하나요?

 install도 잘 했습니다. npm i -D unplugin-vue-router router>index.js도 강의와 같이 설정했고요. 이유를 모르겠습니다.

질문은 자세하게 적어주실 수록 좋습니다. 어느 부분을 수강중이신지 -> bmi 계산기 프로그램 완성하기 내가 어떻게 했는데, 어떤 결과가 나오기를 기대했는데, 다른 결과가 나왔는지 -> 노션의 코드들을 다 복사해서 붙여넣기 했는데 homepage 영역이 안나옵니다작성하신 코드 및 오류 스크린샷 을 함께 첨부해주시면 좋아요!

 Vue CLI v5.0.8✨ Creating project in /Users/yeji/Desktop/2-17__/myfirestvuewapp.⚙ Installing CLI plugins. This might take a while...npm error code EACCESnpm error syscall opennpm error path /Users/yeji/.npm/_cacache/tmp/e7f990dfnpm error errno EACCESnpm errornpm error Your cache folder contains root-owned files, due to a bug innpm error previous versions of npm which has since been addressed.npm errornpm error To permanently fix this problem, please run:npm error sudo chown -R 501:20 "/Users/yeji/.npm"npm error Log files were not written due to an error writing to the directory: /Users/yeji/.npm/_logsnpm error You can rerun the command with --loglevel=verbose to see the logs in your terminalERROR Error: command failed: npm install --loglevel error --legacy-peer-depsError: command failed: npm install --loglevel error --legacy-peer-depsat ChildProcess.<anonymous> (/usr/local/lib/node_modules/@vue/cli/lib/util/executeCommand.js:138:16)at ChildProcess.emit (node:events:518:28)at maybeClose (node:internal/child_process:1104:16)at ChildProcess._handle.onexit (node:internal/child_process:304:5)yeji@gim-yejiui-MacBookPro 2-17__ % sudo npm i -g @vue/cli;2A

문서 자료가 있나요?

인프런 아이디 : tm.jung인프런 이메일 : tm.jung@brainz.co.kr깃헙 아이디 : kcw2371@gmail.com깃헙 Username : kcw2297

안녕하세요.이전 eslintrc에서 사용한 process.env.NODE_ENV를 eslint.config.js에 적용하는 방법을 알고싶습니다.