⚠️ 문제 발생! 🤔 원인 분석 위 문제는 lodash 라는 친구를 받지 않고, 그 것을 사용하려고 해서 발생한 문제와 더불어 `_.ceil` 형식으로 써야 하는데, 단지 `.ceil` 만 써서 발생한 문제인 것이에요. 🍻 문제 해결! npm을 통해 위와 같이 `lodash`를 먼저 설치 해 주어야 하는 것이에요. return _.ceil(this.totalCount / this.rowCount); return _.range(start, end + 1); 그런 뒤 위와 같은 문법을 사용하면 정상 이용 가능 하답니다!

⚠️ 문제 발생! 분명 axio도 설치 했고, API도 만들었고, router 기능도 넣어줬는데, 왜 Back End 와 Front End는 만나지 못하고, 이러고 있을까요? 🤔 원인 분석 곰곰히 생각 해보니 주니하랑은 또 하나를 빠뜨린 것이에요. 바로 Vue에 URL 설정을 하지 않은 것이에요. axios에 Back End URI는 설정 해 놓고, 정작 접두사를 빼 먹었으니 당연히 Front End는 '그래서 어디로 가라는 거지?'를 하고 있는 것이에요. 일단 근본적인 원인을 찾기 위해 API 쪽에 하드코딩을 해보기로 한 것이에요. 이렇게 해 주니 Front가 Back End를 만나러 가긴 했는데, Back End가 매몰차게 거절한 것 같은 것이에요. 바로 CORS Error가 발생한 것이에요. 이..

⚠️ 문제 발생! Mybatis를 이용한 Project에서 글 등록을 postman을 통해 진행 했는데, 아래와 같은 Exception이 터진 것이에요. org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'inqrysj' in 'class com.devcommunity.junyharang.model.vo.support.DevInquryVO' at org.mybatis.spring.MyBatisExceptionTranslator.translateExceptionIfPossible(MyBa..

⚠️ 문제 발생! 2022-03-10 20:27:27.536 ERROR 2422 --- [nio-8080-exec-2] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.devcommunity.junyharang.mapper.support.DevInquryMapper.devInquryLis..

⚠️ 문제 발생! 하나를 해결하니 또 다른 문제가 자꾸 기다리는 것이에요. 휴.. Java를 계속 만져서 그런지 Java가 그리운 것이에요. 🍻 문제 해결! 이 문제는 Error가 발생하는 vue File들의 이름을 위와 같이 변경 해주어 해결 한 것이에요. 이 방법 외에 해당 규칙을 무시(ignore) 할 수 있는 방법도 있는 것이에요. 🤔 원인 분석 위 문제를 주니하랑은 이렇게 이해한 것이에요. Java 기반 Spring Boot와 JPA로 Back End를 구성할 때, Entity 이름이 예약되어 있는 것을 쓰면 Exception이 터지는 것이에요. 예를 들어 회원 Table을 구성하기 위해 Entity 이름을 User.java로 만들게 되면 Exception이 터지는데 위의 내용도 multi..

⚠️ 문제 발생! 위 Error를 만나고, 다음날 다시 `# npm run serve` 명령어를 주니 아래 처럼 Errror가 발생한 것이에요. 이 문제는 해당 프로젝트 경로 안에 가서 `#npm update`를 하면 해결이 되는 것으로 보이는 것이에요. 하지만, 다시 어제와 같은 문제가 발생하였습니다. 🍻 문제 해결! # npm i -D @vue/cli-service@5.0.1 위의 명령어를 입력 해 주니 해결이 되었습니다! 🤔 원인 분석 해당 내용은 CLI Version이 올라가면서 생긴 문제인 거 같은 것이에요. 주니하랑은 Vue3 Version으로 프로젝트를 만들었는데, bootstrap-vue를 아직 지원하지 않아 억지로 쓰려다 보니 나온 문제인 것이에요. Vue 3에서 bootstrap과..