본문 바로가기
  • 평범한 나의 개발공부 일지

나의 개발 기록44

the container pjoject and external dependencies references 컴퓨터를 껐다가 켰더니 갑자기 잘되던 프로젝트에서 path관련 오류가 난다 Description Resource Path Location Type The project was not built since it depends on Dcaf-Common, which has build path errors [ ] Unknown Java Problem the container pjoject and external dependencies references 띠용.. 찾아보니 프로젝트 자바버전이랑 sts 자바버전이 달라서 발생하는 에러라고 막 나오는데 아무리 봐도 자바버전을 바꾼적도없고 path설정도 잘 되어있어서 path관련 설정을 건드려도 에러는 해결되지않았다 그렇게 찾은 오류 원인!!! 작업관리자에서 java.. 2022. 8. 9.
[JAVA] The maximum column width for an individual cell is 255 characters. 엑셀 다운로드 구현 중 java.lang.IllegalArgumentException: The maximum column width for an individual cell is 255 characters. 열 길이가 255자 제한이 있다고 한다. sheet.setColumnWidth 설정하는 영역에서 다음과같이 Math.min 이용해서 최소값 설정을 해주면 된다. 전 sheet.setColumnWidth(k, (sheet.getColumnWidth(k))+1024); 후 sheet.setColumnWidth(k, Math.min(255*256, (sheet.getColumnWidth(k))+1024)); 이제 오류없이 잘 엑셀다운이 된다 2022. 8. 9.
[ Vue.js] vuex (state, getter, mutation, actions) 기본 실습 * vuex store 모듈화가 된 후 기준 실습임 * 1. state * state을 실행하기 위해서는 Commponent의 computed 영역 내에 작성을 해야한다. state실습을 위한 store폴더 내에 index.js 와 testStore.js //testStore.js const testStore = { namespaced: true, state: { // 공통 관리되는 상태값을 관리, 접근방법- this.$store.state.items count: 33, }, getters: { // 공유되는 상태 값을 조회 로직을 관리, 접근방법 - this.$store.getters['경로명/함수명'] }, mutations: { // 상태 값을 변경하는 로직을 관리, 접근방법 - this.$stor.. 2022. 8. 6.
[JAVA / poi] 엑셀 다운로드시 셀 너비 넓히기 엑셀 다운 기능을 만들었는데 요런식으로 내용을 다 보여주지 못한 상태로 나온다 왜냐하면 컬럼제목 기준으로 너비가 정해져서 컬럼제목보다 내용이 더 길면 다 못보여 주는것이다. 너비를 넓혀주면 된다. 다음과 같은 코드를 넣어주면 된다. for(int k = 0 ; k < colVisiableName.size() ; k++){ sheet.autoSizeColumn(k); sheet.setColumnWidth(k, (sheet.getColumnWidth(k))+1024); //너비 더 넓게 } 결과 넓어졌다 !!!!!! 2022. 8. 2.
[Spring] 외부 URL로 redirect 하는방법 내 프론트 로컬주소는 localhost:8081 백엔 로컬주소는 localhost:8080 예를들어 백엔(spring boot)에서 return값에 redirect:localhost:8081/index해주면 localhost:8080/localhost:8081/index 요런 형식이 되버린다............... 하지만 RedirectView 를 이용하면 가능하다 1. return타입을 RedirectView 로 바꿔준다음에 2. RedirectView redirectView = new RedirectView(); // 선언해주고 3. redirectView.setUrl("http://localhost:8081/groupList"); // 이동할 url적어주고 4. return redirectVie.. 2022. 7. 31.
[vue.js] vue-router의 네비게이션 가드 vue-router의 네비게이션 가드 ◽ 네비게이션 가드(navigation-guard) 네비게이션 가드란 특정 URL에 접근할 때 해당 URL의 접근을 막는 방법이다. ◽ 종류 1) 전역가드: 어플리케이션 전역에서 동작한다. to: 이동할 URL 정보가 담긴 라우터 객체 from: 현재 URL 정보가 담긴 라우터 객체 next: to에서 지정한 URL로 이동하기 위해 반드시 호출해야하는 함수 const router = new VueRouter(); // beforeEach()를 호출하고나면 모든 라우팅이 대기상태가 된다. // URL로 라우팅하기위해서는 next()를 호출해야한다. router.beforeEach(function( to, from, next ) { // 'isPassed'는 내가 정의한.. 2022. 7. 29.
[vue.js / spring boot] 카카오 로그인 api 해보기 (1) * 공부 과정이기 때문에 정확한 답, 코드가 아님을 사전에 알려드립니다! 먼저 카카오 로그인 api 구현할 순서!!!!!! 1. 프론트(vue) 에서 백엔드(spring boot) 한테 카카오로그인 할수있는 URI 가 뭔지 물어본다 2. 로그인 진행 3. 카카오 서버에서 백엔드한테 code를 알려준다 (kakao callback) 4. 백엔드는 code를 바탕으로 token을 요청한다 5. 백엔드는 발급받은 token을 바탕으로 정보를 요청한다 6. 백엔드는 프론테한테 로그인 정보를 알려준다 SnsLogin.vue methods : { kakaoLoginBtn(){ axios.get('/api/login') .then((response) => { console.log(response.data) conso.. 2022. 7. 29.
[vue.js] has been blocked by CORS policy: No 'Access-Control-Allow-origin' header is present on the requested resource. vue에서 axios를 호출하여 데이터를 호출할때 CORS 오류가 난 모습 vue.config.js 에서 아래와같이 코드 작성해주면된다 module.exports = defineConfig({ devServer: { proxy: { '/api': { target:'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } } } } }); 위와 같이 정의를해주면 /api/memberList 로 호출하면 localhost:8080/memberList 로 호출이 된다! 그리고나서 실행해보면,, 이제 CORS 관련 오류는 나지않고 데이터가 잘 받아와지는 모습 2022. 7. 28.