프론트엔드 서버에서 URIError: URI malformed에러가 납니다.

해결되었습니다. 정말정말 감사합니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

프론트엔드 서버에서 URIError: URI malformed에러가 납니다.

localhost에서 테스트 중입니다. 해시태그 DB에는 #%가 잘등록 되었네요 여러가지 경우를 다해보고 있는데 아직까지는 #% # % 이런경우만 문제가 생깁니다. PostContent.vue에서 template v-for ="( node , i ) in nodes " > nuxt-link v-if =" node . startsWith ( '#' )" : key =" i " : to =" `/hashtag/ ${ node . slice ( 1 ) } ` " style = "color: gray;" > {{ node }} nuxt-link > template v-else > {{ node }} template > template > 여기서 nuxt-link부분을 삭제하고 그냥 글만 쭉 출력하면 문제가 생기지 않습니다. template v-for ="( node , i ) in nodes " > {{ node }} template >

람다로 이미지 리사이징에 NoSuchKey에러문제

람다에서 thumb으로 저장안되는건 파일이름에 한글이 들어있으면 그런것 같습니다. front에서 이미지 주소 바꾸는 부분은 코드에서 다른점이 없는데 왜안되는지 모르겠네요.. v-img : src =" images [ 1 ]. src . replace ( /original \/ / , 'thumb/' )" contain aspect-ratio = "2" style = "flex: 1" @ click =" zoomImages " / >

프론트에서 요청이 2번씩 가는경우는 어디가 문제인가요?

5-14강좌에 해당내용이 설명되어있었네요 쓰로틀링! 해결하였습니당

프론트에서 요청이 2번씩 가는경우는 어디가 문제인가요?

스크롤이 내려가고 데이터를 받아오는 사이에 스크롤이 원래위치에 그대로 있어서 여러번 요청되는거 같길래 fornt/pages/index.vue의 onScroll매서드에 newDataFlag라는 조건을 하나 넣어서 해결하였습니다. methods: { async onScroll() { if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 200 && this.newDataFlag){ if(this.hasMorePost){ try{ this.newDataFlag=false; await this.$store.dispatch('posts/loadPosts'); this.newDataFlag=true; }catch{ alert('온스크롤 메소드 에러'); } } } } }, 더좋은 방법이 있을까요?