묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨카카오,구글 SNS 로그인(springboot3, vue3)
카카오 클라이언트 시크릿
안녕하세요 강사님,다름이 아니라 강의 들으면서 카카오 oauth 설정 및 테스트 중인데카카오 REST API 키에도 클라이언트 시크릿이 생긴 것 같습니다.구글처럼 yaml에 kakao.client.secret 키 넣어주고 요청 바디에 같이 보내니까 그제서야 액세스 토큰 및 프로필 정보 응답이 왔습니다.강의 촬영 당시와 현재의 카카오 developers UI 및 메뉴 구성이 많이 바뀌어서 제가 모종의 설정을 놓친건지, 아니면 새롭게 카카오 클라이언트 시크릿이 추가되어서 이제는 구글처럼 시크릿 키를 요청 바디에 넣고 보내는 게 맞는 방법이 된 건지 말씀 여쭤보고자 질문 드립니다.양질의 강의 항상 감사드립니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
snippets 작성하는 부분 설명이 있었나요?
11. Options API vs Composition API 강좌중에 snippets 사용하는 부분이 있고, 강사님이 이전 수업에서 설명하셨다고 하신거 같은데요. snippets 작성에 대해서 설명하는 부분을 못본거 같은데 설명하는 부분이 있었나요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
안녕하세요?이번에 16강 Computed 강좌를 듣다가 궁금한 게 있어서 질문을 남깁니다.const fullName = computed({ get... set...});이렇게 할당을 하는데 const는 상수로 알고 있는데 저렇게 선언하고 fullName에 다른 값을 할당하는게 가능한가요?fullName = '새로운 값' 이렇게 하면 스크립트 에러가 나는데 fullName.value를 붙여서 할당해서 괜찮은 것 같긴 한데...좀 헤깔리네요...
-
미해결Vue.js 시작하기 - Age of Vue.js
개발자 툴에서 Vue가 표시되지 않는 현상.
안녕하세요. 강의를 듣다가 이하처럼vue개발자 툴을 표시하고 싶은데 잘 안되어서 문의를 드리게 되었습니다.이하 시도해 본 것.1.구글 최신버젼 확인2.구글 확장기능창에서 개발자모드 활성화Google Chrome확장기능에 vue.js devtools추가(버젼7.7.7) 4.파일URL에 접근을 허가 활성화5. Vue.js3사용인지 Vue.js2사용중인지 Copilot에게 확인해본결과 index.html의 script부분을 바꿔야 한다는 내용이 나옴.6. Vue버젼 확인해봤으나 버젼 확인 안됨. 현재까지 강의에서는 아직 터미널 상에서 Vue를 설치하라는 내용이 없었으나 설치를 시도해보는게 좋을까요?7.node.js다운로드 확인 - 다운로드 완료되어 있음. 그 외에도 시도해보면 좋은게 있으면 알려주시면 감사드립니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
소스 공유 어디서 해야하는지 궁금합니다
강습 내용 소스를 공유해주신다고 했는데 어디에서 소스를 공유받아야 하는지 모르겠습니다 ㅠㅠ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
component 등록과 사용
4분 53초쯤 app.component('BookComponent', BookComponent) 라고 등록을 하신건데 사용할 때는 왜 book-component 로 선언하시는건지 이해가 되지 않습니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
chrome 확장 devtools 버전 문제
안녕하세요?이번에 강좌를 신청했는데 크롬 최신 버전을 깔았더니 view dev tools 에서 이렇게 메시지가 뜨고 콘솔 탭에 뜨지를 않네요...이건 어떻게 처리해야 될까요?
-
미해결Vue 3 시작하기
파일 생성 방법이 다른건가요?
안녕하세요 회사에서 vue를 사용해 퍼블을 해야돼서 인강을 구매했는데, 제가 생성한 파일이랑 형식이 달라서 어떻게 따라가야 할 지 문의드립니다. 제가 알고 있는 화면 구성은 아래 사진인데 Vue.create 이런건 어떻게 바꿔야 하는지 모르겠습니다ㅜ<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>vue-project</title> </head> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body> </html>
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
강의교안
https://www.gymcoding.co/에 강의 교안 메뉴가 사라졌어요~ 어디서 강의교안 볼수 있나요?
-
해결됨[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Nuxt 4 관련 강의 업데이트 계획이 있으실까요?
안녕하세요, 짐코딩님먼저 좋은 강의 만들어주셔서 감사드립니다. 덕분에 Nuxt 3를 이해하는 데 많은 도움이 되고 있습니다.다름이 아니라, Nuxt 4가 출시되면 해당 내용을 반영한 강의 업데이트나 별도 강의 제작 계획이 있으신지 여쭤봐도 될까요?
-
미해결웹 게임을 만들며 배우는 Vue
Lottball.vue에서 궁금한점이 있어 질문드립니다.
현재 방식에서는 볼의 색상을 표현할떄 computed:{ backGround(){ let background; if(this.number <=10){ background ='red'; } else if(this.number <=20){ background='orange'; } else if(this.number<=30){ background='yellow'; } else if(this.number <=40){ background ='blue'; } else{ background='green'; } return {background,}; } },이런식으로 computed에 넣으신뒤 바뀌는구조로 갔는데 mounted(){ if(this.number <=10){ this.color ='red'; } else if(this.number <=20){ this.color='orange'; } else if(this.number<=30){ this.color='yellow'; } else if(this.number <=40){ this.color ='blue'; } else{ this.color='green'; } },이런식으로 mounter()로해서 하게되는것과의 차이가 (현재 컴포넌트에서는 동일하게동작)실제 자식컴포넌트가 삭제가 안되고 재사용을 하게되는경우엔 computed로 사용하게된다면 실시간으로 반응성이되지만mouted로 하게되면 자식컴포넌트가 삭제가된것이 아니기때문에 반응을 안하기때문에 computed로 사용한것이다 2. 캐싱 때문도 있고 라고 이해해도 될까ㅓ요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
라우터 인스톨 후 실행안됨
라우터를 말씀하신대로 npm install vue-router 를 설치하고 나서 npm run dev 실행은 되는데 이렇게 나오고 실행이안됩니다.
-
미해결Vue 3 시작하기
개발 환경부터 만들고 싶은데 강의에 생략된건가요?
안녕하세요 강사님, 정성을 담아서 만들어주신 깃 레포지토리를 클론하는 방법도 있지만, npm install 부터 시작하여 개발 환경을 구성하고싶은데, 제작해주신 강의에는 해당 부분이 없어 이렇게 문의드립니다. 아무리 이전 내용을 훑어보아도 그러한 환경을 구성하는 방식은 없고 바로 브라우저부터 띄는 것을 보아 당황스러웠습니다..
-
미해결Vue.js 시작하기 - Age of Vue.js
Vue.js not detected가 자꾸 뜹니다
브라우저 캐시 삭제 후 다시 시도해 보세요.Vue.js 개발자 도구를 삭제한 후 재설치해 보세요.Vue.js 개발자 도구 사용에 문제가 있다면, Vue.js 공식 홈페이지에서 제공하는 Vue.js Devtools를 다운로드해서 사용해 보세요.타 익스플로러에도 확장 프로그램을 설치해 보세요.위 사항들 다 하고 node.js하고 크롬도 재설치까지 해봤는데 Vue.js not detected가 뜨고 개발자 도구에 뷰 항목이 안 나옵니다. 도와주세요...
-
미해결Vue 3 시작하기
타입스크립트
vue3 하기전 타입스크립트 먼저 공부하는걸로 알고있는데 로드맵 순서보니까 vue먼저하고 그다음에 타입스크립트 순서더라고요. 로드맵 순으로하면 이해하는데 지장이없는지궁금합니다
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
코드 자동 포매팅 질문
안녕하세요 강사님 https://gymcoding.notion.site/ESLint-Prettier-0a2d35bab9254c26b4257e53bba218f7 교안 보고 설정 따라 했는데Ctrl + S 하면 위처럼 줄바꿈되고 빨간줄이 뜨고 다시 한줄로 만들면 빨간줄은 사라지지만 Ctrl + S 하면 다시 첫번째 코드와 같은 상태가 됩니다.printWidth를 늘려야하나? 해서 값을 바꿔봤는데 그대로네요ㅠ 혹시 어떤 부분을 설정해야 자동 포매팅 됐을 때, 한줄로 만들거나 <RouterLink class="nav-link" active-class="active" to="/posts"> 게시글 </RouterLink>이런 형식을 유지할 수 있을까요?
-
미해결핵심만 골라 배우는 Vue.js
221. 검색 - 1 앞부분 오디오 이상합니다.
맨앞에 2분 30초가량 오디오가 겹칩니다.다른 시점? 의 목소리가 같이 들려와서 햇갈렸네요
-
미해결핵심만 골라 배우는 Vue.js
213. 상세(디테일) - 정보-2 질문
213. 상세(디테일) - 정보-2 수업에서 DetailInfo.vue 파일에서 장르 배열안의 name 값 "genres": [ { "id": 16, "name": "Animation" }, { "id": 10751, "name": "Family" }, { "id": 35, "name": "Comedy" }, { "id": 12, "name": "Adventure" }, { "id": 9648, "name": "Mystery" } ], name 값들을 가져올때배열 전체를 가져오는건 이상이 없으나<li> {{ props.movieDetail.genres }} </li>이렇게 for문을 돌려 name 값만 가져오려고 할땐 오류가 발생합니다. <li v-for="(genre, index) in props.movieDetail.genres.map( (v) => v.name )" :key="index" class="features-item" > {{ genre }} </li>이렇게 코드 작성을 하면 section 태그 자체가 무한 렌더링이 걸리는 오류가 생깁니다 원인이 뭔지 모르겠습니다. 실제 예제 코드에 있는걸 전부 복붙해와도 동일한 결과만 반복됩니다.gpt에 물어봐도 전혀 원인을 모르겠네요..
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
node 10버전 사용
안녕하세요.윈도우 환경에서 강의를 듣고 있습니다. 윈도우에서 nvm을 사용할 경우 nvm-setup.exe(최신 1.2.2v)를 사용해야 한다기에 다운로드를 받고 node 10버전을 설치하려고 하니 다음과 같은 오류가 발생합니다..node 10을 직접 다운로드 하는 방법 밖에는 없을까요..??
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 요청 드립니다
인프런 아이디 : @sbn041778144인프런 이메일 : sbn04177@naver.com깃헙 아이디 : sbn04177@naver.com깃헙 아이디 : EunJaemm
