인프런 업데이트 소식 🔨👷🏼‍♂️
Vue로 Nodebird SNS 만들기

Vue로 Nodebird SNS 만들기

(0개의 수강평)

36명의 수강생

66,000원

평생
중급
수료증
71회 수업, 총 15시간 16분
위시리스트 추가
노기원 프로필

nuxt 실행하면 제대로 업데이트가 않됩니다. 노기원 2일 전

안녕하세요.

"1-2. nuxt 설치하고 pages 만들기 영상"에서

pages폴더에 index.vue, profile.vue, signup.vue를 만들고 npm run dev를 실행하면 정상대로 nuxt작동이 잘되는데요

이후에 신규로 폴더나 파일을 만들고 해당 파일 경로 주소 찍으면 없는페이지라고 error페이지가 뜹니다.

서버 죽이고 다시 npm run dev 실행하면 그제서야 신규로 만들 파일들이 인식되서 화면에 나오고요.

몬가 업데이트가 제대로 않되는거 같습니다.

이상한거는 신규파일이 아닌 기존파일 profile.vue 나 signup.vue같은 원래있던 파일을 수정하면 수정은 제대로 업데이트되서 브라우저에 반영이 잘됩니다.

신규생성인 경우에만 업데이트가 제대로 인식이 않되서 npm run dev를 재실행해야하는데 

이유가 몬지 아신다면 답변좀 부탁드립니다.

수고하세요.

2
홍태환 Hong 프로필

변수명에, 홍태환 Hong 8일 전

카멜 스타일이랑 그냥 소문자로 시작하시는 경우가 있는데요, 어떤 기준이신지 궁금합니다.

대표적으로 아래의 경우, User, Comments, Images는 대문자로 시작하고 id , content는 소문자로 시작하는데요.

onSubmitForm() {
      if (this.$refs.form.validate()) {
        this.$store
          .dispatch("posts/add", {
            content: this.content,
            User: {
              nick: this.me.nick
            },
            Comments: [],
            Images: [],
            id: Date.now(),
            createdAt: Date.now()
          })
          .then(() => {
            this.content = "";
            this.hideDetails = false;
            this.success = true;
            this.successMessages = "Post Success MSG";
          })
          .catch(() => {});
      }
    }

1
이덕희 Lee 프로필

게시물 올라가지 않고 글 등록이 되지 않습니다. 이덕희 Lee 12일 전

오전에 질문 했는데 에러 로그 보여달라고 해서 다시 올려요.

nuxtServerInit 하니깐 401 error가 잡히는거같아요.

이미지가 올라가지 않는 문제, 글 등록이 되지 않는 문제

Request failed with status code 401

같은 이유같은데 수정할 방법을 모르겠네요

app.js 에서 api에서 isLoggedIn 미들웨어를 제거하면 작동은 되네요.

제로초님 레포받아서 하면 잘되서 비교하면서 이것저것 봤는데 찾을 수가 없네요 ㅠㅠ

제 소스는 https://github.com/shldhee/vue-nodebird/tree/master/ch1

요기 참고해주시면 됩니다.

1
이덕희 Lee 프로필

질문있습니다. 이덕희 Lee 13일 전

이미지를 FormData에 저장하는 소스인데 계속 오류가 나서 찍어보니 FormData에 Append가 되지 않는것 같아요.

무슨 문제일까요?

무료강의때부터 강의듣다가 로그인, 쿠키, 자동로그인 등 여기에서 잘 안되어서 유료강의 결제 후 백엔드 부분 다시 듣는중이에요.

무료강의때 처음할땐 작동되었는데 그 뒤로 자동로그인 부분에서 수정하다가 오류가 난건지 정확히 모르겠네요.

좋은 하루 되시고 답변 부탁드릴게요

1
홍태환 Hong 프로필

npm run lint 실행시 오류 발생합니다 babel이랑 안맞나본데요ㅠ 홍태환 Hong 14일 전

무엇을 고쳐야할지 모르겠어요ㅠ

❯ npm run lint

> front@1.0.0 lint /Users/davidhong/Documents/001_Study/300_vue_inflearn/front
> eslint **/*


Oops! Something went wrong! :(

ESLint: 6.3.0.

No files matching the pattern "node_modules/@babel" were found.
Please check for typing mistakes in the pattern.

npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! front@1.0.0 lint: `eslint **/*`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the front@1.0.0 lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/davidhong/.npm/_logs/2019-09-08T07_14_29_493Z-debug.log

10
홍태환 Hong 프로필

import는 LoginForm으로 했는데, 사용은 <login-form />으로 해도 임포트가 되는 이유가 궁금합니다. 홍태환 Hong 14일 전

import는 LoginForm으로 했는데, 사용은 <login-form />으로 해도 임포트가 되는 이유가 궁금합니다.

1
홍태환 Hong 프로필

수강하시는 분들 참고하세요. 홍태환 Hong 14일 전

1. 기존 유튜브 강의랑 조금 달라졌습니다. vuetify version때문인데요. 조금 헷갈리시더라도, 그냥 따라 입력하시면 쉽게 왜 이렇게 생기는지 알수 있습니다.

2. template tag 안에 <v-app> ... </v-app>으로 입력하셔도, v-toolbar-title에 style이 입력되지 않는데요. 이는 하단에 style tag를 입력하지 않으셔서 그렇습니다. 아래 코드를 입력하시면 Home에도 스타일이 적용됩니다.

3. 다만 script tag안에 components는 작성하시면 안됩니다. 이는 현영님 디렉토리에 보면,  components디렉토리에 loginform.vue가 있는데 인프런 영상 순서에서는 아직 저 부분을 작성하지 않았기 때문입니다. 빌드 과정에서 오류가 발생하진 않지만, 빌드 후 오류 화면을 보여줍니다. 저부분은 작성하지 않으셔야 합니다.(강의 1-7 참고)

따라서 script / style 태그 영역은 아래와 같아야, 정상적으로 넘어갈수 있습니다.

<script>
export default {
components: {}
};
</script>

<style scoped>
a {
display: inline-block;
text-decoration: none;
color: inherit;
}
</style>

1