묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
windows .nvmrc nvm use 실행 오류
윈도우에서 개발중입니다현재 Vue .js 3 버전을 사용중이라 Vue 프로젝트 실행시 node 를 12.14.0 버전으로 사용하고 있습니다BackEnd Api 설치 후 Api 프로젝트를 실행시에는 nvm 을 이용해 10.16.3 버전으로 실행하면 정상 실행됩니다하지만 Vue 프로젝트와 Api 프로젝트 두개를 동시에 띄우려고 하니까 node 버전을 하나만 인식하기 때문에 한쪽의 프로젝트에서는 문제가 발생했습니다.위 문제를 해결하기 위해 프로젝트 최상위 경로에 .nvmrc 파일을 생성 후 노드 버전을 명시ex) 10.16.3npm use 를 실행했는데 A version argument is required but missing.에러가 출력됩니다.nvmrc 파일을 제대로 인식하지 못 하는것 같은데 이 문제를 어떻게 해결 가능할까요터미널에서 기본적인 nvm list , nvm --version 등은 모두 인식하며 터미널 재시작 및 컴퓨터 재시작도 해봤지만 동일한 현상입니다nvm 버전은 1.1.11 이며 사용하려는 node 버전은 nvm 을 통해 모두 설치되어 있습니다.
-
미해결Nuxt.js 시작하기
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
SSG 방식은 말그대로 데이터를 주고받지 않는 static한 사이트에 맞는거라 저희가 만든 사이트에는 안맞는 배포방식인거죠?예시를 봐도 /404.html 같은데 쓰는거 같은데..맞게 이해한걸까요?
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
E..dito...r에 대한 질문...
난독증이 있는건지 내용은 그대론데 읽을 때마다 내용이 달라지는 것 같아 질문을 남깁니다...다른 분들이 작성하고, 호돌맨님께서 남기신 답글들을 보고 나서 제가 이해한 것이 맞는지 확인 부탁드립니다... 1. 자판기 비유에 대한 내용1.1. request(edit), domain(editor)를 작성하셨는데, 말씀하시는 부분이 (결국 같은 내용이겠지만...) request(edit)에는 edit.title, edit.content(100원, 500원)(동전)뿐만 아니라 추후에 예를 들어 edit.name, edit.gender(1000원, 10000원)(지폐)가 넘어 올 수도 있는 상황이 발생할 수도 있는데, 지폐(name, gender)는 받고 싶지 않은 상황에서 domain(editor)(금액 투입구)를 사용하지 않으면, 지폐가 들어오는 것을 막을 수 없고, 추후에 불필요한 지폐를 걸러내는 작업이 발생하기 때문에 애초에 입구 자체를 동전만 넣을 수 있는 domain(editor) 금액 투입구를 만들게 되면, 들어온 모든 동전은 사용에 필요한 값이기 때문에 불필요하게 걸러내는 작업이 없어진다고 생각하는 것이 맞을까요...? (같은 말인 것 같은데... 예를 더 어렵게 만든 것 같아 죄송합니다...) 호돌맨님이 if를 통해 기존 값을 사용하는 방식2.1 이 말은 즉, 위 예를 연속해서 사용하자면 [사람 1]이 edit.title(100원)을 넣은 상태에서 [사람 2]가 edit.content(500원)짜리를 넣어도 [사람 2] 때문에 [사람 1]이 넣은 edit.title(100원)이 사라지면 안되기 때문에 사용한다는 말씀이 맞으실까요? (물론 위의 예는 [사람 2]가 edit.title(100원)을 넣게되면 금액이 추가되는 것이 아니라 동전이 변경되야 한다는 오류가 있긴 하지만... 그냥 사용하겠습니다...) 뭔가 작성하면서 또 이해가 된 것 같긴하지만... 틀린 부분이 있다면 지적 부탁드립니다... 또 예를 추가하고 글을 복잡하게 만들어 죄송합니다...
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
섹션 5 - Events 강의, v-model computed 생성 문의드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님. 강의 너무 재밌게 잘 듣고 있습니다. 지금 emit을 다루는 영상 파트를 보고 있습니다. 보다보니 머리가 좀 복잡하긴 한데 쭉 정리를 하다가 문득 궁금한게 있어 질문드립니다.강의에서도 말씀해주셨듯이 v-model을 만들 때 comptued로도 생성할 수 있고, 실습까지도 다 마쳤는데요. 개인적으로 궁금한 부분은 업무에서는 보통 v-model 구현 시 computed를 사용하는지 혹은 :value, $emit 이벤트로 구현하는지 궁금합니다.그리고 상황에 맞게 쓰인다면 어떤 차이점이 있을까요? 감사합니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
실행 오류가 있습니다
최근 업데이트한 버전의 뷰로 진행했습니다.npm run serve 로 실행했을 시 다음과 같은 오류가 났습니다.파일 경로 문제 같은데 해결법을 구글링해도 찾기 쉽지않았습니다.해결법 알려주시면 감사하겠습니다!
-
미해결Vue.js + TypeScript 완벽 가이드
this.todoItem 타입이 any 라고 나옵니다
타입스크립트가 적용이 안되는 것인지...this.todoItem 타입이 any 라고 나옵니다 this.todoItem. 하면 title이랑 done이 나와야 하는데 안나오구요..interface exprot도 잘되어있는데숫자를 넣어줘도 에러가 안나고 부모 컴포넌트에서도 똑같이 this.todoItem.이 안되고 있습니다.혹시 tsconfig.json이나 설치해줘야 하는 vscode 익스텐션이 있는지 궁금합니다. *깃허브 링크알려주시면 감사하겠습니다 ㅠㅠ
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한 추가해주세요
인프런 아이디: hyzcore@gmail.com인프런 이메일: hyzcore@gmail.com깃허브 아이디: hyzcore@gmail.com깃허브 username: HyungJun Lee
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
GitHub 권한 요청드립니다.
인프런 아이디 : ferrariq@naver.com인프런 이메일 : ferrariq@naver.com깃헙 아이디 : ferrariq@naver.com깃헙 Username : KJP-MrJAVA권한 부타드립니다.수고 하십시요
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
WebSecurityCustomizer 와 SecurityFilterChain 차이점에 대해 여쭙고싶어요
@Configuration @EnableWebSecurity(debug = true) // 운용환경에서는 꼭 꺼야한다. public class SecurityConfig { @Bean // Spring Security 무시시키기 public WebSecurityCustomizer webSecurityCustomizer() { return new WebSecurityCustomizer() { @Override public void customize(WebSecurity web) { // /error -> spring에서 기본제공하는 것 web.ignoring().requestMatchers("/favicon.ico", "/error") // .requestMatchers(new AntPathRequestMatcher("/h2-console/**")); // 멍청한 우리들을 위해 스프링이 제공해주신 위으 코드를 대신하는 메서드 .requestMatchers(toH2Console()); } }; } @Bean public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception { // and() 메서드가 deprecated되어 람다식으로 사용하라고 한다. return http.authorizeHttpRequests(authorizeHttpRequests -> { authorizeHttpRequests .requestMatchers("/auth/login").permitAll() .anyRequest().authenticated(); }).csrf(AbstractHttpConfigurer::disable).build(); } }안녕하세요 호돌맨님 위의 WebSecurityCustomizer에서 하는 일을 밑의 SecurityFilterChain에서도 할 수 있을것 같은데요 둘을 어떻게 사용방법을 구분해야할지 여쭙고 싶어요 30년차사수(ChatGPT) 에 물어보니 차이점:WebSecurityCustomizer는 주로 보안 구성을 조정하고 보안 설정을 사용자 정의하는 데 사용됩니다. 이를 통해 더 세부적인 보안 요구 사항을 처리할 수 있습니다.SecurityFilterChain은 주로 실제 보안 필터 체인을 구성하는 데 사용됩니다. 여러 보안 필터가 어떤 순서로 실행될지를 결정하며, 보안 관련한 요청 처리를 담당합니다.둘 다 Spring Security의 핵심 요소이며 보안 구성과 필터 체인의 다른 측면을 다룹니다. 일반적으로 SecurityFilterChain을 사용하여 필터 체인을 정의하고, 필요에 따라 WebSecurityCustomizer를 사용하여 더 많은 세부 설정을 적용할 수 있습니다.라는데.. 처음 Security를 접하다보니 감이 안잡히네용..
-
미해결PWA 시작하기 - 웹 기술로 앱을 만들자
깃헙 권한 요청드립니다.
인프런 아이디: jsoh3327@raoncorp.com인프런 이메일: jsoh3327@raoncorp.com깃헙 이메일: orini22@gmail.com깃헙 Username: grace-ori
-
미해결Vue.js 시작하기 - Age of Vue.js
vue cli 설치
C:\Users\kangm\OneDrive\바탕 화면\learn-vue-js-master>npm install -g@vue/cliup to date, audited 11 packages in 835ms1 package is looking for funding run npm fund for detailsfound 0 vulnerabilities이렇게 떠서 설치가 되지않아요
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
섹션4 >alert > validator오류
validator 경고가 떠서 어떤 부분에서 경고가 뜨는지 알 수가 없어서 질문드립니다!
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
router replace 속성 관련
안녕하세요 router가 hash모드일 때도 router replace를 사용할 경우 history 모드와 동일하게 동작하나요?
-
미해결Vue.js + TypeScript 완벽 가이드
프로젝트 실행 시 오류가 발생합니다.
INFO Starting development server...10% building 2/5 modules 3 active D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\hot\dev-server.jsError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9node:internal/crypto/hash:69 this[kHandle] = new _Hash(algorithm, xofLen); ^Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\graceful-fs\graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'}Node.js v20.3.1 혹시 Node.js 버전 문제일까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
문의요
현재 vscode로 회사에서도 vue 프로젝트를 진행중에 vue 공부하려고 강의를 구매했습니다수업폴더를 열고 npm run dev로 로컬 3000번 연결했을때 회사프로젝트가 열리고 수업화면이 열리지 않습니다!
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
CreateListView.js 파일에서 $store 가 불러와지나요???
main.js에도 잘 연결되어있는데해당 에러가 납니다이유가 무엇인지 잘 모르겠네요
-
미해결Vue-Django-Bootstrap 뚝딱 블로그
post detail 임시화면 수업에서
from django.conf import settingsfrom django.conf.urls import staticfrom django.contrib import adminfrom django.urls import path, includefrom mysite.views import HomeViewurlpatterns = [path('admin/', admin.site.urls),path('',HomeView.as_view(),name='home'),path('blog/', include('blog.urls')),]urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)에서 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)TypeError: 'module' object is not callable 에러가 나오는데settings을 못 찾는 것 같습니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 요청
인프런 아이디 : sjgio0515@naver.com인프런 이메일 : sjgio0515@naver.com깃헙 아이디 : sjgio0515@naver.com깃헙 Username : zioDaydream
-
해결됨퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
script setup 태그 유무에 따라서 페이지 출력이 안됩니다.
<template> <q-page class="q-pa-xl"> <section class="q-mb-xl"> <div class="text-h4">Breakpoints</div> <q-separator class="q-my-md" /> <div class="target"></div> </section> <section class="q-mb-xl"> <div class="text-h4">$q.screen</div> <q-separator class="q-my-md" /> <div> {{ $q.screen }} </div> </section> </q-page> </template> <script> export default { mounted() { console.log('this.$q.screen: ', this.$q.screen); }, }; </script> <script setup> import { userQuasar } from 'quasar'; const $q = userQuasar(); console.log('setup -> $q.screen: ', $q.screen); </script> <style lang="scss" scoped> .target { height: 200px; background-color: $dark; } @media (max-width: $breakpoint-xs-max) { .target { background-color: $red; } } .target { body.screen--sm & { background-color: $orange; } } </style> 08:41 초에서 진행하는 userQuasar 를 script setup 태그 안에 임포트하고 실행하면 어떠한 오류도 없이 빈 화면만 출력되고 있습니다. script setup 을 주석 처리하면 정상적으로 breakpoints 페이지로 이동하고 정상 출력이 됩니다. 영상 따라서 하고 있는데 저는 왜 setup 태그 유무에 따라 빈 화면이 출력하는 걸까요 ..?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
섹션3. CRUD구현 16:15초
(1)강사님과 같이글쓰기 > 저장 이후 바로 목록에 새로운 데이터가 추가되지않습니다. (2)F5, 새로고침을 해야만 목록의 글이 추가됩니다. (3)어느부분에서 놓쳤는지 알기가 쉽지않아 질문드립니다. (4)질문의도와 스크린샷 첨부가 명확하지 않으면 다시 찍어서 올리겠습니다!