na_0_i

🐣 사용한 기술스택 - Backend: Springboot - Frontend: Vue.js - DB: Mysql ✨ Access to XMLHttp Request at 'http://~' from 'http://localhost:3000' has been blocked by CORS policy: No 'Access Control-Allow-Origin' header is present on the requested resource. 위 사진은 내 사이트 주소는 아니고 나랑 동일한 문제가 생겼던 사람의 사진을 가져왔다. 개발하면서 XMLHttpRequest , CORS policy 문제가 자주 생겼다. 나는 Springboot를 전혀 다룰 줄 몰라서 최대한 프론트(frontend)에서 해결해보고 싶었는..

개발일지/SOLVER(솔버) 2021. 11. 2. 00:18

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨ Dropdown 아이콘의 화살표를 보이지 않게 하기(CSS) 위 사진 속 dropdown 아이콘의 우측에 위치하는 작은 화살표를 보이지 않게 하고 싶다면? dropdown-toggle 클래스에 아래와 같은 css 코드를 작성한다. [HTML] [CSS] .dropdown-toggle::after { display: none; } 해결! 💙 SOLVER GITHUB https://github.com/na0i/SOLVER GitHub - na0i/SOLVER Contribute to na0i/SOLVER development by creating an account on GitHub. github...

개발일지/SOLVER(솔버) 2021. 10. 28. 00:51

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨ Dropdown 메뉴를 왼쪽으로 펼치기(CSS, Bootstrap) dropdown 메뉴는 클릭하면 항상 오른쪽 넓어지며 뜨는데 난 왼쪽 기준으로 펼쳐지게 하고싶었다. ul class에 dropdown-menu에 -end를 붙여주면 해결 아래 그림과 같이 클릭시 왼쪽으로 펼쳐지며 내려오게 되었다! 혹시 몰라서 올려보는 전체코드 알림 💙 SOLVER GITHUB https://github.com/na0i/SOLVER GitHub - na0i/SOLVER Contribute to na0i/SOLVER development by creating an account on GitHub. github.com

개발일지/SOLVER(솔버) 2021. 10. 24. 02:41

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨ Input 태그 글자수 제한하기 input 태그에 maxlength='int(num)' 을 작성해준다. 직접 숫자를 작성해주지 않고 :maxlength="maxUrl" 이렇게 데이터 바인딩도 가능하다. data() { return { ...생략... maxIntro: 30, }; 💙 SOLVER GITHUB https://github.com/na0i/SOLVER GitHub - na0i/SOLVER Contribute to na0i/SOLVER development by creating an account on GitHub. github.com

개발일지/SOLVER(솔버) 2021. 10. 22. 23:12

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨ URL parameter에 접근하기 this.$route.params.'params의 key' 라고 하면 URL의 parameter에 접근 가능하다. 나는 URL parameter 중 nickname을 받아서 사용해보았다. methods: { ...mapActions(['statisticSetting', 'myQuestionsSetting', 'myAnswersSetting']), profileSetting() { axios({ url: API.URL + `profiles/${this.$route.params.nickname}/info`, method: "get", headers: { Autho..

개발일지/SOLVER(솔버) 2021. 10. 22. 23:08

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨ 같은 페이지에서 params 값만 갱신하면서 Router를 이동하려고 하면 작동하지 않는 현상 Vue.js 라우터에서는 페이지 이동 시 아래와 같이 push를 사용한다. goQuestionDetail(context, questionId) { router.push({ name: "QuestionsDetail", params: { questionId: questionId, }, }); }, 하지만, 같은 페이지에서 params 값만 갱신하면서 Router를 이동하려고 하면 작동하지 않는다. 예를 들어, http://localhost:8081/questions/VX5thpvOrW6DL 에서 http:..

개발일지/SOLVER(솔버) 2021. 10. 22. 03:07

🐣 사용한 기술스택 - Backend: Spring - Frontend: Vue.js - DB: Mysql ✨Router가 보이지 않는 현상 App.vue에 Navbar와 Footer 등록을 했는데 Tab별로 router가 보이지 않았다. (화면에 navbar랑 footer만 보이고 화면은 보이지 않았다는 뜻) 어이없게도 를 지워버려서 발생했던 문제였다. RouterView가 router의 보여지는 공간을 뜻한 것인데 지워버렸으니 안보일 수 밖에.. 💙 SOLVER GITHUB https://github.com/na0i/SOLVER GitHub - na0i/SOLVER Contribute to na0i/SOLVER development by creating an account on GitHub. gith..

개발일지/SOLVER(솔버) 2021. 10. 22. 03:01