inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

json-server 오류가 다른게 뜨네요

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 다른 분들이 남겨놓은 질문 보고도 문제가 생겨 질문합니다. 설치버전 아래랑 같구요 근데 저렇게 하면 json-server : 'json-server' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + json-server --watch db.json + ~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (json-server:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 이런 에러가 뜹니다. "json-server": "^0.17.4", json-server --watch db.json

  • vue.js
양아치햄스터 댓글 1 좋아요 0 조회수 139

미리보기가 안됩니당...

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님이랑 코드가 다 똑같고 index.js에서도 props:true 로 잘 넘겨주는데요 PostDetailView.vue 컴포넌트에서도 props.id로 잘 넘겨줍니다 다 바꿔줫는데도 예시가 나오질 않네요 리스트에서도요ㅜㅜ 왜 이럴까요?

  • vue.js
양아치햄스터 댓글 2 좋아요 0 조회수 87

unplugin-vue-components

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

위의 사진과 같이 플러그인이 안먹는 것 같습니다. json 파일을 확인해보니 dev에 해당 플러그인이 설치되어 있는건 확인 했습니다. "unplugin-vue-components": "^0.19.5",

  • vue.js
thwjd3698 댓글 2 좋아요 0 조회수 140

TypeError 질문

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

TypeError: relativeURL.replace is not a function at async fetchPost (PostDetailView.vue:58:20) PostDetailView에서 number를 string타입으로 변경 후 콘솔에러가 뜹니다. router 폴더도 강의와 같이 수정했고, api 폴더 안에 index.js랑 posts.js도 강의와 같이 수정했는데 왜 타입에러가 뜨는지 문의드립니다. return posts.get(id); 이 부분을 return posts. gen (id + ' ') 로 변경해야 콘솔 에러가 없어져요. 다른 부분은 강의와 똑같이 수정하였습니다.

  • vue.js
thwjd3698 댓글 1 좋아요 0 조회수 96

npm init -y 명령어 실행에 관한 질문

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

6강 컴퍼넌트 이해하기 강의 중 npm init -y를 실행하기 위해 보기 > 터미널 을 실행하였더니 선생님의 터미널은 vue3-getting-started로 떨어져 있는데 저는 c:\lrarnVscode\ 로 떨어지고 npm init -y를 치면 npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이 름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + npm init -y + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 이렇게 나옵니다. 따로 설정해야 하는 부분이 있는 건가요?

  • vue.js
kds.inflearn 댓글 2 좋아요 1 조회수 207

소셜 로그인 설계

미해결

카카오,구글 SNS 로그인(springboot3, vue3)

안녕하세요 강사님 혹시 oauth2 를 이용한 로그인을 한 다음에 사용자 프로필을 받는 것이 서비스 플로우인데 이럴경우 웹이 아닌 앱을 사용할경우 (로직은 다른 거 알고 있습니다.) (PCKE 방식 사용 예정입니다.) oauth2 를 해서 사용자 db에 저장이 되고 이렇게 처음에 저장이 되고 그 다음에 프로필을 받으면 저 값이 수정이 되게 만들어 주는 게 맞을지 질문드립니다. 사용자엔티티에 Provider 나 socialId 로 값을 받습니다. (구글과 애플을 사용할 예정입니다.) @Entity @Table(name = "users") @Getter @NoArgsConstructor @Setter public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) @Column(name = "user_id") private Long id; @Column(name = "name", nullable = false) private String name; @Enumerated(EnumType.STRING) @Column(name = "SEX", nullable = false) private Sex sex; @Column(name = "age", nullable = false) private Integer age; @Column(name = "nationality", nullable = false) private String nationality; @Column(name = "introduction", length = 40, nullable = false) private String introduction; @Column(name = "visit_purpose", length = 40, nullable = false) private String visitPurpose; @Column(name = "languages", nullable = false) private String languages; @Column(name = "hobby", nullable = false) private String hobby; @Column(name = "created_at", nullable = false) private Instant createdAt; @Column(name = "updated_at", nullable = false) private Instant updatedAt; @Column(name = "Provider", nullable = false) private String provider; @Column(name = "social_id", nullable = false) private String socialId; @Column(name = "email", nullable = false) private String email; @Builder public User(String name, Sex sex, Integer age, String nationality, String introduction, String visitPurpose, String languages, String hobby, String provider, String socialId, String email) { this.name = name; this.sex = sex; this.age = age; this.nationality = nationality; this.introduction = introduction; this.visitPurpose = visitPurpose; this.languages = languages; this.hobby = hobby; this.provider = provider; this.socialId = socialId; this.email = email; this.createdAt = Instant.now(); this.updatedAt = Instant.now(); } public void updateProfile(UserUpdateDTO dto) { if (dto.getName() != null && !dto.getName().trim().isEmpty()) { this.name = dto.getName().trim(); } if (dto.getSex() != null) { this.sex = dto.getSex(); } if (dto.getAge() != null) { this.age = dto.getAge(); } if (dto.getNationality() != null && !dto.getNationality().trim().isEmpty()) { this.nationality = dto.getNationality().trim(); } if (dto.getIntroduction() != null && !dto.getIntroduction().trim().isEmpty()) { this.introduction = dto.getIntroduction().trim(); } if (dto.getVisitPurpose() != null && !dto.getVisitPurpose().trim().isEmpty()) { this.visitPurpose = dto.getVisitPurpose().trim(); } if (dto.getLanguages() != null && !dto.getLanguages().trim().isEmpty()) { this.languages = dto.getLanguages().trim(); } if (dto.getHobby() != null && !dto.getHobby().trim().isEmpty()) { this.hobby = dto.getHobby().trim(); } this.updatedAt = Instant.now(); // 수정 시각 갱신 } }

  • vue.js
  • spring-boot
  • oauth
  • jwt
  • oauth2
KMC 댓글 2 좋아요 0 조회수 120

카카오 인가코드 요청

미해결

카카오,구글 SNS 로그인(springboot3, vue3)

카카오 인가 코드 요청 url이 변경 된 것 같습니다!

  • vue.js
  • spring-boot
  • oauth
  • jwt
  • oauth2
최진욱 댓글 3 좋아요 0 조회수 168

구글 로그인 프론트 화면

해결됨

카카오,구글 SNS 로그인(springboot3, vue3)

안녕하세요 구글 로그인 구현 중 질문있어서 질문드립니다! googleUrl, googleClientId, googleRedirectUrl, googleScope, googleResponseType 을 const auth_url = `${this.googleUrl}?client_id=${this.googleClientId}&redirect_url=${this.googleRedirectUrl}&response_type=code&scope=${this.googlescope}`; window.location.href = auth_url; 구글로그인 화면을 누르면 리다이렉트 url에 오류가 있다고 하는데 동일한 리다이렉트 url로 해도 잘 안됩니다 이럴 경우 또 어떤 것을 확인해보는게 좋을까요??

  • vue.js
  • spring-boot
  • oauth
  • jwt
  • oauth2
최진욱 댓글 2 좋아요 0 조회수 128

vue composition api

미해결

Vue.js 시작하기 - Age of Vue.js

해당 강의 덕분에 vue에 대해 알아가고 있는 중입니다. vue composition api는 어느 강좌에서 확인이 가능할까요~?

  • javascript
  • vue.js
kmh880507 댓글 1 좋아요 0 조회수 91

vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..

미해결

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

.vscode 디렉토리까지 생성이 돼서 안에 settings.json 파일에 { "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "editor.tabSize": 2, } 이렇게 내용 들어가 있는데 저장을 해도 탭 사이즈 조절이 안됩니다.. 강의 내용에서처럼 no-console을 주석한 뒤 lint 돌렸을때 warning 경고가 뜨는 걸 봐서는 설정은 잘 먹고 있는거 같긴한데 뭘 봐야할까요

  • vue.js
  • nuxt.js
  • pinia
  • vue-3
educrinity1 댓글 1 좋아요 0 조회수 120

v-model="show" :show="show" 같이 사용?

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

<AppModal v-model="show" :show="show" title="게시글"> v-model 만 사용하면 되지 않나요? :show="show"는 지워도 되는거 아닌가요? 부모에서 <PostModal v-model="show" 이런식으로 넘겨줬으면 되는거 아닌가요? 그리고, AppModal에서 v-model="modelValue"로 받지 않아도 되는거죠?

  • vue.js
택군 댓글 1 좋아요 1 조회수 80

hash 모드 배포의 필요성?

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

createWebHashHistory 와 createWebHistory 가 있다고 학습을 하였는데, createWebHistory 가 아닌 createWebHashHistory 를 굳이 써야만 이득이 되는 케이스가 따로 있나요? 뭔가 해당 기능의 쓸모에 대해서 설득이나 이해가 되지 않아서요.

  • vue.js
Junho 댓글 2 좋아요 0 조회수 98

.eslintrc.cjs 가 없습니다

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

eslint.config.js 라는 파일만 생성이 되어있는데., 버전이 문제일까요..?

  • vue.js
Junho 댓글 2 좋아요 0 조회수 133

storage 사용 문의

미해결

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

안녕하세요 강사님! 현재 파이어베이스에서 storage 사용하려면 요금제를 써야만 하는 건가요?? 기간이 좀 지나서 그런지 강의 화면하고 좀 다르게 시작하기는 없고 프로젝트 업그레이드만 있어서 진행하니까 카드번호 입력하고 결제를 해야하는 거 같아서요ㅠㅠ

  • vue.js
  • firebase
  • quasar
  • algolia
  • vue-3
하히호 댓글 2 좋아요 0 조회수 109

eslint 설정 오류 질문드립니다.

미해결

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

Oops! Something went wrong! :( ESLint: 8.57.1 ESLint couldn't find the config "plugin:vue/vue3-recommended" to extend from. Please check that the name of the config is correct. The config "plugin:vue/vue3-recommended" was referenced from the config file in "C:\study\Vue.js\learn-nuxt-3\.eslintrc.cjs". If you still have problems, please stop by https://eslint.org/chat/help to chat with the team. 강사님과 같이 eslint 설정 후에 npm run lint를 실행하면 해당 에러가 발생합니다 여러 방법으로 시도를 해보았는데도 동일하게 계속 에러가 발생해서 어떤 부분이 문제일지 질문 드립니다..

  • vue.js
  • nuxt.js
  • pinia
  • vue-3
비트올려라 댓글 2 좋아요 0 조회수 213

pageContainerStyle 이름을 찾을 수 없습니다 에러

해결됨

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

Quasar UI Framework 설치 에서 4:41초 지점에 강사님처럼 코드 복붙했는데 제목과 같이 이름을 찾을 수 없습니다 라고 에러가 발생합니다. 화면상에는 스타일은 잘 적용 되고 있는데 코드상에서만 에러가 발생해서 이것저것 시도를 해봤는데 뭐가 문제인지 계속 저런 문구가 발생해서요 이런 상황 겪어보신적 있으신가요;;

  • vue.js
  • nuxt.js
  • pinia
  • vue-3
댓글 1 좋아요 0 조회수 77

github 주소 어디서 확인가능한가요?

미해결

카카오,구글 SNS 로그인(springboot3, vue3)

소스코드 올라온 github 주소 어디서 확인이 가능할까요?

  • vue.js
  • spring-boot
  • oauth
  • jwt
  • oauth2
kolla 댓글 2 좋아요 0 조회수 188

27강에서 진행이 안됩니다.

해결됨

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

잘 따라서 했는데 제대로 했는데, type오류가 나옵니다. 그건 그렇다 치고 밑에 오류때문에 더이상 진행이 안됩니다. CityView가 작동안하는 이유인데 prop 문제인듯합니다.

  • vue.js
  • pwa
  • firebase
  • nuxt.js
  • pinia
댓글 2 좋아요 0 조회수 115

안녕하세요 선생님

미해결

카카오,구글 SNS 로그인(springboot3, vue3)

혹시 다음 강의도 준비 중이신가요 ? 준비 중이시라면 어떤 강의 인지 알 수 있을까요

  • vue.js
  • spring-boot
  • oauth
  • jwt
  • oauth2
김태우 댓글 1 좋아요 1 조회수 108

인기 태그

인프런 TOP Writers

주간 인기글