44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
가입 되게 되었습니다.
보니까 가입할 때 계정을 test로 하고 비밀번호를 1234로 하면 가입이 안되고 계정을 다른 걸로 하고 비밀번호도 영문자, 숫자 조합으로 하니까 되네요. 혹시 가입시 ID의 길이나 하지말아야 할 ID 규칙이나 비밀번호 정할때 룰 같은 게 있어서 그런걸까요?
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
문의사항
동일하게 구성했고 혹시나 해서 소스도 다시 가져와서 했는데 등록만 하면 Bad Request: /api/register/라고 나옵니다. api/views.py에서ApiRegisterView 클래스에서 form_invalid로 보내서 그런거 같은데요. 동일한 소스 넣고 했는데 2시간 정도 찾아봐도 틀린 부분을 모르겠네요. 선생님 실행 코드 끝에 장고 결과에 bad request로 나온 부분을 보게 되어서 혹시 아실수도 있을거 같아 문의드립니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
말한 대로 해도 동일한 에러 발생합니다.
MainMenu.vue에 axios.defaults.xsrfCookieName = "csrftoken"; axios.defaults.xsrfHeaderName = "X-CSRFToken"; api/views.py from django.utils.decorators import method_decoratorfrom django.views.decorators.csrf import ensure_csrf_cookie ...@method_decorator(ensure_csrf_cookie, name='dispatch')class ApiLoginView(LoginView): 이와 같이 넣어도 로그인하면 Forbidden (CSRF cookie not set.)이라는 메시지와 함께 안되네요. 혹시 다른 방법은 없나요?
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
사이트에 pre-made layout이라는 메뉴가 없어요.
사이트에 pre-made layout이 사라지고 Wireframes이라고 있던데 근데 거기에는 Centered가 또 없습니다. 그럼 뭘 참고해서 가져와야 할까요?
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
빌드 에러
안녕하세요. 뷰 폴더 복사하기 영상을 따라하며 빌드를 하던 중 에러가 발생하여 질문 드립니다. npm run build를 실행하면 영상의 코드를 정확히 따라 했음에도 불고하고 아래와 같은 에러가 발생합니다. (폴더 이름 제외) Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 구글링 결과 vue.config,js에 lintOnSave: false 를 넣어 eslint 설정을 끄면 해결 된다고 하여 이것도 따라했습니다. 그러면 위의 에러는 발생하지 않지만 main_home.js, main_post_list.js, main_post_detail.js에서 에러가 발생하는데 @vue/cli-plugin-babel/preset 모듈을 찾을 수 없다고 합니다. 강의를 따라했는데 왜 이런 에러가 나는지 궁금합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
vulnerabilities 질문드립니다
안녕하세요. 강의 보며 실습 하던 중 vulnerablility issue가 강의 영상 보다 많아 질문 드립니다. filemanaer를 설치하기 전에도 vulnerability가 있었던 것 같습니다. 강의에서 설명하신 것 외에 다른 플러그인 설치한 것은 없습니다. Regular Expression, Denial of Service 관련 vulnerability가 뜨는걸로 확인 됩니다. 몇몇 vulnerability는 npm audit fix, np aufit fix --force를 사용하면 해결할 수 있다고 뜨는데 명령어를 실행해도 그대로 입니다. no fix available이 뜨는 vulnerability의 경우에도 low 레벨이 아닌 moderate와 high 레벨입니다. 그냥 진행해도 문제가 없는지 궁금하고 강의에 나온 것과 왜 다른지 궁금합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
이벤트 버스 관련 질문
안녕하십니까 강사님. 좋은 강의 덕분에 장고와 vue를 어떻게 연동하는지 어떤 원리로 작동하는지 틀을 잡을 수 있게 되었습니다. 다름이 아니라 해당 강의에서 이벤트 버스를 이용하여 로그인한 유저의 id와 username을 받아왔습니다. 그래서 이 데이터를 이용하여 axios.get(`/api/post/xxx/abc/username=${this.me.username}`) 이런식으로 get요청을 보냈는데, 개발자 콘솔로 가보아 네트워크 탭을 확인해보니 /xxx/abc/username=undefined 로 되어있었습니다. 분명히 이벤트 훨씬 앞라인에서 실행시킨 후, fetpostlist를 실행시켜 axios.get 요청을 보냈는데, 왜 undefined로 보내지는지 모르겠습니다. 이 문제 때문에 하루 종일 구글링을 했지만, 아직 아는 것이 많지 않아서 그런지, 해결할 기미가 보이지 않아 이렇게 질문 드리게 됬습니다. 혹시 몰라 간단히 코드 사진과 네트워크 요청 사진을 올렸습니다. 답변에 대해 미리 감사의 말씀 드립니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
Forbidden (CSRF cookie not set.): /api/login/
저는 선생님의 오류와는 다르게 아래와 같이 Forbidden (CSRF cookie not set.): /api/login/ 위 오류가 발생되어집니다. 물론 axios.defaults.xsrfCookieName = "csrftoken";axios.defaults.xsrfHeaderName = "X-CSRFToken"; 위 코드는 첨부했는데도 오류가 발생되네요.. 다소 내용이 다른 csfr 오류인데 왜그럴까요 소스코드를 아무리 비교해도 다른 부분은 찾아지지가 않네요 ㅠ
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
htmlWebpackPlugin.options.favicon
강의 잘 보고 있습니다! /static/img/favicon.ico 로 파비콘 링크를 변경하게 되어도 yarn serve로 작동되는 개발 서버에서 파비콘이 정상적으로 작동하는 이유는 무엇인지 궁금합니다!
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
안녕하세요 질문입니다.
장고 연동 말고 뷰만 실행해서 확인하고 싶은데 로그인이라던가 그런게 걸리더라구요. 뷰만 실행해서 확인하는 법은 없을까요
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
Client 화면(VUE)에서 다국어 처리는 어떻게 해야 할까요?
안녕하세요. 클라이언트 화면에서 VUE를 적용하는 경우 다국어 처리를 어떻게 해야 하는지 궁금합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
이 수업을 듣는 후대를 위해서
강사님이 알려주신 vuetify의 최신버전에서는 themo를 회원가입해서 다운로드 받게 만들어져있어서, 함부로 공유해도 될지 모르곘지만 코드를 공유할까 합니다. 참고로 black mode로 안됩니다. 그래도 강의 하는데 무리가 없을 겁니다. <template> <v-app id="inspire"> <v-navigation-drawer v-model="drawer" app clipped > <v-list dense> <v-list-item link> <v-list-item-action> <v-icon>mdi-view-dashboard</v-icon> </v-list-item-action> <v-list-item-content> <v-list-item-title>dashboard</v-list-item-title> </v-list-item-content> </v-list-item> <v-list-item link> <v-list-item-action> <v-icon>mdi-cog</v-icon> </v-list-item-action> <v-list-item-content> <v-list-item-title>Settings</v-list-item-title> </v-list-item-content> </v-list-item> </v-list> </v-navigation-drawer> <v-app-bar app clipped-left > <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon> <v-toolbar-title>Application</v-toolbar-title> </v-app-bar> <v-main> <v-container class="fill-height" fluid > <v-row align="center" justify="center" > <v-col class="shrink"> <v-tooltip right> <template v-slot:activator="{ on }"> <v-btn :href="source" icon large target="_blank" v-on="on" > <v-icon large>mdi-code-tags</v-icon> </v-btn> </template> <span>Source</span> </v-tooltip> </v-col> </v-row> </v-container> </v-main> <v-footer app> <span>© 2020</span> </v-footer> </v-app> </template> <script> export default { props: { source: String, }, data: () => ({ drawer: null, }), created: () => { // this.$vuetify.theme.dark = true }, } </script>
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
강의 화면이 이상합니다.
화면 비율이 전체적으로 줄어들어서 글자가 잘 안보입니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
filemanager 추가 및 빌드 오류
filemanager 패키지 설치 후 파일 복사를 위해 빌드시 아래와 같이 오류가 발생 하네요. ⠙ Building for production... WARNING Compiled with 3 warnings 5:52:58 PM warning asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: static/css/chunk-vendors.c130b102.css (333 KiB) static/js/chunk-vendors.18b5a613.js (248 KiB) warning entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints: home (587 KiB) static/css/chunk-vendors.c130b102.css static/js/chunk-vendors.18b5a613.js static/js/home.09c36ef0.js post_list (587 KiB) static/css/chunk-vendors.c130b102.css static/js/chunk-vendors.18b5a613.js static/js/post_list.539dce62.js post_detail (587 KiB) static/css/chunk-vendors.c130b102.css static/js/chunk-vendors.18b5a613.js static/js/post_detail.479912bc.js warning webpack performance recommendations: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application. For more info visit https://webpack.js.org/guides/code-splitting/ File Size Gzipped dist/static/js/chunk-vendors.18b5a613.js 247.54 KiB 81.36 KiB dist/static/js/post_detail.479912bc.js 6.09 KiB 2.36 KiB dist/static/js/post_list.539dce62.js 6.07 KiB 2.35 KiB dist/static/js/home.09c36ef0.js 6.07 KiB 2.35 KiB dist/static/css/chunk-vendors.c130b102.css 333.30 KiB 39.39 KiB Images and other types of assets omitted. DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html [Error: ENOENT: no such file or directory, lstat '/dist/static'] { errno: -2, code: 'ENOENT', syscall: 'lstat', path: '/dist/static' } [Error: ENOENT: no such file or directory, lstat '/dist/favicon.ico'] { errno: -2, code: 'ENOENT', syscall: 'lstat', path: '/dist/favicon.ico' } [Error: ENOENT: no such file or directory, lstat '/dist/home.html'] { errno: -2, code: 'ENOENT', syscall: 'lstat', path: '/dist/home.html' }
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
csrf 토큰 관련 질문입니다!
안녕하세요. 좋은 강의 감사합니다. 최초 회원가입을 위해 [POST] /api/register 요청 시, csrf 관련 403 에러가 발생합니다.요청 시, 헤더에 쿠키 값이 없어서 그런듯 합니다만,,,,([GET] /api/me 요청은 인증 쿠키가 저장되어 있지 않아도 정상적으로 응답됩니다.) Django 관리자 페이지 로그인 이후에는 회원 가입, 로그인 등 기능들이 정상 동작 합니다.관리자 페이지 로그인 과정에서 토큰 관련 쿠키 값이 클라이언트에 저장되어 있어서 그런 듯 합니다.크롬 개발자 도구 내에서, Network 탭 내 Reqeuest Header에 보면, X-CSRFToken 값이 잘 들어가 있습니다.쿠키를 수동으로 삭제하고 다시 로그인 또는 회원가입 시도를 하면 403 응답이 됩니다. 브라우저 상에서, 토큰 관련 쿠키 값이 존재하지 않는 상태 즉, 사용자가 최초로 진입하여 회원 가입 및 로그인을 시도하는 경우, 403 응답 에러가 발생할 듯 합니다. Q1. 회원 가입할 때는 인증 쿠키 관련 403 응답 에러가 오면 안되지 않나요?(최초 회원가입 및 로그인 시에는 Client-side에 쿠키 값이 저장되어 있지 않은 상황이 있을 것 같아서 입니다.) Q2. 로그인 이후에, 쿠키에 토큰 값이 저장되는데, 로그아웃 후에 해당 계정 관련 쿠키를 삭제해주는 것이 맞지 않나요? 감사합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
정적 이미지는 어떻게 넣을 수 있을까요?
안녕하세요. 강의를 듣고 실제로 Django와 Vue를 연동해서 홈페이지를 만들어보고 있는 완강생입니다. 사이트에 정적 이미지를 넣고 싶은데, 두 개를 연동한 경우에는 어떻게 해야 이미지를 올릴 수 있을까요?ㅠㅠ href로 해서 외부에서 가져오는건 속도가 너무 느립니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
csrf token 문제 발생 합니다.
안녕하세요. 제가 지금까지 edge로 개발을 하다가, vue dev tools 떄문에 chrome으로 작업 브라우저를 옮겼는데 그 이 후부터 csrf 토큰 403 에러가 발생합니다. 일단 미들웨어서 csrf 관련 내용을 주석 처리하니까 실행은 되는데 혹시 이 문제가 왜 발생하는지 해결방안은 있는지 궁금합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
강사님 컴퓨터 사양이 어떻게 되시나요?
npm run build 가 굉장히 빠르게 되시는데, 컴퓨터 성능이 좋으셔서 그런건가요? 아니면 빌드 속도를 올릴 수 있는 방법이 있을까요?
- 해결됨Vue.js - Django 연동 웹 프로그래밍 (실전편)
wsgi 실행 참조
manage.py 대신, wsgi.py 설정으로 실행하는 방법에 대한 참조입니다. https://wayhome25.github.io/django/2018/03/04/django-deploy-04-uwsgi/
- 해결됨Vue.js - Django 연동 웹 프로그래밍 (실전편)
rest api 관련 질문
안녕하세요, rest api 호출 테스트 중인데, 실제 내용 대신 html 코드가 반환되고 있어 질문드립니다. 예를 들어, 아래 그림과 같이 localhost:8080/blog/post/1/에 접속하면 화면이 제대로 뿌려지고, postman으로 localhost:8080/blog/post/1/에 get요청을하면, html 코드가 반환됩니다. views.py에 반환 코드 관련 추가 코딩이 필요한지 drf 도입이 필요한지 질문드립니다! 감사합니다.