전체 글 썸네일형 리스트형 1. 아파치 poi 사용할때 주의 할점 위에 보시면 Apache POI 로 엑셀을 만들때 사용 되는 클래스 들이 있습니다. 1. HSSF : 엑셀 2007 이전 버전의 파일로 만들떄 사용가능 합니다. 2. XSSF : 엑셀 2007 이후 버전의 파일로 작성할수 있습니다. 3. SXSSF : XSSF를 개선 했다고 생각하시면 됩니다. 일반적으로 위의 두가지 클래스를 이용할때는 poi-3.15.jarpoi-examples-3.15.jarpoi-excelant-3.15.jarpoi-ooxml-3.15.jarpoi-ooxml-schemas-3.15.jarpoi-scratchpad-3.15.jar 위의 라이브러리 파일 정도만 있으면 사용이 가능합니다. 그런데 엑셀을 만들때 파일이 대용량으로 가면 속도가 매우매우 느려지는 문제가 있습니다. ※ 참고로 1.. 더보기 1.Jsp 페이지에서 다운로드 구현할때 주의 할점. 일반적으로 화면은 JSP에 구현하고 기능은 JAVA 파일에 구현한다. 하지만 종종 JSP에 자바코드를 입력하여 구현하는 경우가 있다. 만약 이때 다운로드 로직을 구현한다면 주의 할점. out.clear();out = pageContext.pushBody(); write 전에 위와같은 로직을 추가 해줘야 하는데.....(일단 메소드로 구현해서 input으로 넣어 줘야합니다.) 만약 위와같은 로직이 추가 되지 않으면 다운로드에 영향을 미칠수도 있습니다. 그리고 Servlet.service() for servlet jsp threw exceptionjava.lang.IllegalStateException: getOutputStream() has already been called for this respons.. 더보기 2. Vue.js 개발환경 일단 아래와 같이 환경설정을 할 필요가 있다. 1) 크롬브라우저 설치2) 아톰 텍스트 에디터 설치3) Node.js 설치4) Vue 개발자 도구 크롬 브라우저는 아마 전국민이 다 가지고 있을테니 생략하자. 2) 아톰 텍스트 에디터 설지https://atom.io/아래의 URL로 들어가서 아톰을 다운 받는다. 아톰은 마치 에디트 플러스나, 브라켓하고 비슷합니다. 설치하고 나서 보기 좋게 테마나 패키지를 적용하면 사용하기도 편하답니다. 예를 들어 ① seti-ui : 파일 확장자에 따른 파일 아이콘을 제공하여 바로바로 알아보기가 쉽습니다. ② atom-material-syntax-dark : 자바스크립트 코드에 강조색이 잘 적용되어 있어서 가독성을 높힙니다. ③ language-vue : 태그 자동완성 기즌.. 더보기 1. 메뉴 트리 만들기 메뉴 트리를 만들어 봅시다. HTML 삽입 미리보기할 수 없는 소스 일단 HTML은 이렇게 만들었습니다 만약 쿼리로 DB에서 메뉴 목록을 가져 온다면 자바스크립트를 이용해서 그려주는 방법을 이용하거나 해야겠죠?! 다음 단계로는 CSS 스타일을 만들어 줍니다. HTML 삽입 미리보기할 수 없는 소스 만들어준 CSS와 HTML을 종합해 보면 기본적으로 메뉴는 닫혀져 있습니다. 그러면 가장 중요한 JS 코드는 아래와 같이 만들었습니다. HTML 삽입 미리보기할 수 없는 소스 아마 플러그인과같이 편리한 도구들이 많이 만들어 져서 위와 같은 코드는 사용하지 안을수 있지만 제가 근무하는 은행권 업무는 사실 이러한 도구들이 없는 경우가 많으니 이런 투박한 방법도 고려해 보세요!!! 더보기 Vue.js - MVVM 패턴 UI 화면 개발 방법 주로 3가지 방법으로 개발이 이루어 지는데 Vue.js에서는 MVVM 패턴을 사용한다. 이는 화면의 요소들을 제어하는 코드와 데이터 제어로직을 분리하여 관리가 용이하게 하기 위함이다. 이와 관련된 용어는 1. 뷰 : 사용자에게 보여지는 화면2. DOM : HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리3. DOM 리스너 : DOM의 변경 내역에 대해 즉각적으로 반응하여 특정로직을 수행하는 장치 > 화면에 태그나 클래스에서 이벤트가 일어나면 반응.4. 모델 : 데이터를 담는 용기, 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장5. 데이터 바인딩 : 뷰에서 표시되는 내용과 모델의 데이터를 동기화> 모델의 데이터와 화면에 표시되는 .. 더보기 이전 1 ··· 3 4 5 6 다음