이야기를 나눠요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
pinia 사용방법
기존 vue 강의 잘 듣고, 프로젝트까지 완성했는데요..이번에 새 프로젝트 들어가면서 vue3로 작업을 하려고 하거든요.새로 올라온 강의 다듣고 이번 완벽강의는 다시 수강하면서vue3 코드로 직접 바꿔서 숙달하는 과정을 거치고 있는 도중입니다만, 코드가 바뀐게 많아서 여러가지 찾아보면서 만들다가 vue3는 vuex말고 pinia로 만든다는 것을 알게 되었습니다.물론 기존 코드들도 쓸 수 있지만, pinia를 한번 사용하고 싶은 마음에 여러가지 찾아보고 적용시켜보고 했는데...actions부분이 안되서 문의글 남깁니다... 혹 알려주심 감사하겠습니다...
-
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
콜백함수..
콜백함수에 대해서 잘 모르면 어떻게 공부하면 되나요..??ㅠㅠ
-
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
오랜만에 다시 생각해봅니다. 그릿...
공자도 3일 결심 지키기 힘들다했습니다. 그 제자 안회가 세달을 넘게 인을 지키는 걸 보고 지독한 놈이라 했지요.전 3시간도 힘드네요.
-
Nuxt.js 시작하기
Nuxt3 문서와 강의를 함께보며 잘 듣고 있습니다.
Nuxt3 공식문서에서 찾아가며 강의 잘 듣고 있습니다.저의 고민은 Vue를 사용하면서 handlebars 와 같은 Java단의 template engine을 사용해서SSR을 구현해 낼 수 있는 방법이 있는지 궁금합니다.Nuxt의 페이지기반 구조는 너무 마음에 드는데 Node서버를 구성하는데 있어서 어려움이 있어 문의 드립니다.
-
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
코딩 잘하고싶습니다.
코딩을 잘하고 싶은데 어떻게 시작해야할지 뭐부터 해야할지 잘 모르겠습니다.방법 좀 알려주세요
-
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
네비바 디자인 다른 경우
싱글파일 컴포넌트 분리 위해 네비 바를 layout폴더 안에 담고 app.vue로 important 하셨는데.. 질문 드립니다~ 메인화면에서의 네비 바와 서브 화면의 네비바 디자인이 다른 경우 어찌해야 할지 모르겠어요 ㅜㅜ
-
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
19:14 emit 안 되시는 분들
왜 안되었는지는 모르겠지만 부모 컴포넌트에서 아래와 같이 적용하니 되네요! 혹시 몰라 남겨봅니다. <AppCard :title="post.title" :contents="post.contents" :type="post.type" :is-like="post.isLike" @click="$emit('toggleLike', (post.isLike = !post.isLike))" > </AppCard>
-
Vue.js 끝장내기 - 실무에 필요한 모든 것
아 강의 음질이 다른 이유가
이거였군요 ㅋㅋㅋ어떤 강의는 음질이 더 좋고어떤 강의는 음질이 좀 떨어지고 그러던데이게 다 재촬영 분은 좋고 아닌건 떨어지고그런거 였군요 ㅋㅋㅋ
-
[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
Can't resolve '@popperjs/core 에러나시는분
터미널에서 아래 실행 해주시면 됩니다npm install --save @popperjs/core
-
퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
Quasar 내부 Scss 사용 관련 질문
추가적으로 궁금한 부분이 있어 글을 남깁니다. 여타 Design Framework 처럼 Quasar도 SCSS를 통해 커스텀 CSS를 지원하는 방식 같던데, 이렇게 사용하는 경우 보통 SCSS만 사용할 때 처럼 7-1 Pattern 같은 아키텍처를 적용하는 편인가요? CSS의 구조를 보통 어떻게 두고 진행하는지 궁금합니다.
-
웹 게임을 만들며 배우는 Vue
웹팩 관련 강의 들으실 때 오류에 관한 해결 방법
웹팩 관련 강의 들으실 때 중요한 것은 강의에서 나온 버전과 똑같이 맞춰야 오류가 안납니다.처음 node.js 설치할 때 꼭 10.16.0을 설치하세요.https://nodejs.org/en/blog/release/v10.16.0 그리고 강사님께서 공유해 주신 아래 파일을 보시고 버전을 맞춰주시면 됩니다.https://github.com/ZeroCho/vue-webgame/blob/master/3.%EC%88%AB%EC%9E%90%EC%95%BC%EA%B5%AC/package.json 위 파일을 보시면서 같은 버전을 아래와 같이 설치하시면 됩니다.오류 때문에 한참 헤매다가 이렇게 하니 해결이 돼서 허무했습니다. -_-;; node 도 10.16.0으로 설치하셔야 합니다. npm i vue@2.6.12npm i webpack@5.4.0 webpack-cli@4.2.0 -Dnpm i vue-loader@15.9.5 -Dnpm i vue-template-compiler@2.6.12 -D
-
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
@Value 어노테이션을 사용해서 KEY를 주입받고 싶을때!!!
호돌맨님의 강의를 정말 열심히 듣고 있는 학생입니다.다름이 아니라 호돌맨님 강의와는 다른 방향으로 한번 KEY를 세팅해 볼 수는 없을까?? 라는 생각이 들었고 혹시나 저와 같은 문제를 마주친 분들 및 피드백을 받고 싶어서 글을 남깁니다.@Value 어노테이션을 사용하여 application.yml(프로퍼티) 파일에서 값을 가져오는 방법을 적용해 보았습니다.//application.yml spring: # secret properties profiles: include: secret//application-secret.yml jwt: secret: "ZxV0wmgRyU8ZGYBRITUGcaOi03osZK1bsy7qEUUjgBs="KEY 값을 application.yml 과 분리시키기 위해 별도로 .yml 파일을 생성하여 저장하였습니다.//AuthController @Slf4j @RestController @RequiredArgsConstructor @RequestMapping("/api/auth") public class AuthController { private final AuthService authService; @Value("${jwt.secret}") private String KEY; ~~~~ }//AuthResolver @Slf4j @Component @RequiredArgsConstructor public class AuthResolver implements HandlerMethodArgumentResolver { private final SessionJpaRepository sessionJpaRepository; /** * TODO:jwt.secret 이 null 인 문제... * why??? */ @Value("${jwt.secret}") private String KEY; ~~~ }AuthController 와 AuthResolver 에 @Value 어노테이션을 사용하여 KEY 변수에 .yml 파일에 정의한 secret 값을 주입받게끔 코드를 작성하였습니다.그러나 AuthController 에서는 정상적으로 .yml 파일에 정의해준 KEY 값이 주입이 되었지만 이상하게 AuthResolver 에서는 KEY 값이 null 이 나오더라구요...@Component 어노테이션도 적용해서 Bean 객체로 만들어줬는데도 말이죠 ㅠㅠhttps://wildeveloperetrain.tistory.com/143이 블로그에서 힌트를 얻을 수 있었습니다.바로 WebMvcConfig 에서 AuthResolver 를 등록할때 new 연산자를 사용하여 새로운 인스턴스를 등록해주었기 때문이었습니다. new AuthResolver(sessionJpaRepository)//WebMvcConfig private final AuthResolver authResolver; @Override public void addArgumentResolvers(List<HandlerMethodArgumentResolver> resolvers) { // resolvers.add(new AuthResolver(sessionJpaRepository)); resolvers.add(authResolver); }그래서 new 연산자를 사용하는 것이 아닌 빈으로 등록된 인스턴스를 사용하여서 해결할 수 있었습니다.다른분들에게 도움이 되셨으면 하는 마음에 글을 남깁니다. 혹시나 개선해야 될 점이 있거나 잘못된 부분이 있으면 댓글로 알려주시면 감사하겠습니다!!
-
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
@popperjs/core 관련 오류와 해결방법
문제 : 프로젝트 실행시 다음과 같은 오류$ yarn dev yarn run v1.22.19 warning package.json: No license field $ vite vite v2.9.15 dev server running at: > Local: http://localhost:3000/ > Network: use `--host` to expose 7 │ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@popperjs/core')) : You can mark the path "@popperjs/core" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time. 오후 3:49:06 [vite] error while updating dependencies: Error: Build failed with 1 error: node_modules/bootstrap/dist/js/bootstrap.js:7:98: ERROR: Could not resolve "@popperjs/core"참고로 1_project_settings브랜치의 코드를 checkout한 상태에서 소스코드는 한 줄도 수정하지 않았습니다. 해결방법popperjs/core를 패키지에 추가한다.$npm install @popperjs/core@latest일단 위와 같은 방법으로 해결은 되지만, 문제는 다른 브렌치로 이동(switch/checkout)할 때 마다 똑같은 행위를 해 주어야 한다는 점.git 사용에 익숙치 않는 사람은 로컬 체인지 후 다른 브렌치로 이동하는 것 조차 힘들 수 있다는 점.그래서 프로젝트 실행은 main브랜치에서만 하고, 다른 브랜치의 코드 확인은 체크아웃 받지 않고 하는것을 추천. 원인모르겠습니다.node_modules내부의 bootstrap -> package.json 을 열어보면 devDependencies에 popperjs/core@latest 가 이미 있는데. 해당 모듈을 찾을 수 없다는 에러가 왜 나는걸까요?아무튼 위에 기술한 방법으로 해결하면 됩니다.개발환경은 windows + node v18.x.x 입니다. nvm으로 node v16.0.0 으로 낮춰서 해봐도 같은 증상인 걸 보면 node 버전 문제는 아마도 아닌 것 같습니다.같은 문제로 고민하는 분들께 도움이 되길 바랍니다.
-
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다
인프런 아이디 : m3088787@naver.com인프런 이메일 : m3088787@naver.com깃헙 아이디 : m3088787@naver.com깃헙 Username : LDK1009
-
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청드립니다.
인프런 아이디 : minkook92인프런 이메일 : minkook92@gmail.com깃헙 아이디 : minkook92@gmail.com깃헙 Username : minkook92