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

분류 전체보기60

[Vue.js / spring boot] http header에 저장된 cookie 서버로 가져와보기 먼저, 클라이언트에서 id와pw를 서버에 전달하여 서버는 해당정보로 존재하는 사용자인지 검증한 뒤 sessionID(랜덤한 값)을 생성하여 서버의 세션저장소에 sessionID를 저장했다 그리고 sessionID를 클라이언트로 다시 전달할때 http헤더의 쿠키에 담아 전달 하였다 그결과 ! ▼ 이제 쿠키에 담긴 sessionID를 이용하여 페이지가 이동될때마다 서버로 sessionID를 전달하려고한다 mounted() 를 사용해서 해당 페이지가 로드되면 실행되도록 했다! component this.$store.dispatch('loginStore/keepLogin') .then(() => { if(this.$store.state.loginStore.loginYN){ console.log("로그인유지");.. 2022. 8. 15.
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.
수강노트 - 부트스트랩 form 1. 기본 form - form-group 클래스 하위에 label 테그와 input 테그로 구성 - input, textarea, select 테그의 class 속성값에 form-control 클래스 값 부여 - checkbox, radio 타입은 checkbox, radio 클래스 하위에 label과 input 테그로 구성 container는 좌우 여백이 있지만 container-fulid는 좌우로 꽉찬 레이아웃, 무조건 100%의 width를 갖는다. - select문 에서 multiple은 원래 select 에 있는 속성이며 다중선택이 가능한 속성이다. - form-group은 입력폼에 있는 요소들과 타이틀을 그룹핑 할 때 쓰인다. form-control은 부모테그의 넓이 100%로 크기를 변환해.. 2022. 8. 8.
수강노트 - bootstrap 반응형 웹사이트 구현하기 1. 네비게이션 Toggle navigation Brand Link Link2 Link3 Link4 ▼ 2. 캐러셋 (슬라이드쇼) Previous Next 3. 테이블 Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark.. 2022. 8. 8.
[ 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.
수강노트 - 부트스트랩 무료 템플릿을 활용한 응용 부트스트랩 무료 템플릿을 활용한 응용 https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com 무료 템플릿 다운 받을 수 있는 사이트에서 위 무료 템플릿을 다운 받은 후 압축을 풀어준다. ​ ​ ​ 이클립스에서 새 프로젝트 생성 - resource폴더 생성 - resource폴더에 압출풀어준 폴더를 복사+붙여넣기 해준다. ​ ​ ​ - 붙여넣기 한 압축폴더를 펼쳐보면 3개의 폴더와 html파일들이 쭉 뜬다. index.html 열어서 전체코드를 복사 한다 (.. 2022. 7. 31.
수강노트 - bootstrap, bootstrap : 그리드시스템 : 부트스트랩 설정 - 부트스트랩의 css, js 파일과 html5문서, html5의 메타테그가 필요 메타테그 1) ie브라우저의 최신 문서 모드로 변환해주는 메타테그 ​ 2) 사용자의 디바이스 크기에 맞춰 사이트의 전체 가로크기 100% 맞춰주는 메타테그 ​ - 제이쿼리 : bootstrap.js의 상위에 제이쿼리 파일이 있어야한다. ​ - ie 9이하 버전에서 (html5 미지원 브라우저) 에서 화면이 깨지지 안도록 만들어 주는 js파일 삽입 ​ ​ ​ ​ / 부트스트랩 그리드 시스템 - 부트스트랩으로 반응형 웹을 구현해야 할 경우 사용 - .container 또는 .container-fulid 클래스가 필요 (적절한 정렬과 패딩) - 1행을 표현할 때는 row 라는 클래스를 쓴다. - 디바이스 크기.. 2022. 7. 31.

티스토리툴바