분류 전체보기

[Spring] 왕초보 스프링 프로젝트 실습 예제 따라하기 - 1편

왕초보용 스프링 프로젝트 실습 - 설치부터 구동까지 스프링을 처음 배웠을 때의 막막함이 아직도 생생하다 ㅋㅋㅋ 그래서 진짜 간단한 샘플 프로젝트를 구동시켜보는 과정을 자세하게 기록하기로 마음먹었다 프로젝트는 세팅하는게 99%라고 생각해서 과정이 길 예정이지만 따라하기만 해도 겉핥기는 해볼 수 있다 진짜 맛만 보는 용도의 프로젝트이니 입문자에게 추천한다 📌 환경 윈도우 10 환경 📌 게시글 흐름 1. 전자정부프레임워크, 자바, 톰캣, 오라클 설치 2. 샘플 프로젝트 다운로드 받고 살펴보기 3. 프로젝트 세팅하고 구동하기 📌 게시글 목표 스프링이 어떻게 돌아가는지 확인해보고 DB를 연동하여 웹에 DB의 내용을 표출해보는 것 📌 자바 jdk 설치하기 https://earth-ing.tistory.com/ent..

[Oracle] 오라클 11g Express Edition 다운로드 링크

찾을때마다 힘든 11g XE 버전 링크 박제해놓기 https://www.oracle.com/database/technologies/xe-prior-release-downloads.html

[Java] 자바 1.8 설치 및 환경변수 설정

자바 1.8 설치 및 환경변수 설정 다운로드 페이지 https://www.oracle.com/kr/java/technologies/javase/javase8u211-later-archive-downloads.html 8uxxx가 다양하고 뭘 받아도 상관없다 개인의 OS에 맞게 exe파일을 다운로드 받아준다 나는 jdk1.8.0_281인 8u281로 다운로드 설치 다운로드된 exe파일을 실행시켜 설치를 하고나면 C:\Program Files\Java\jdk1.8.0_281 이 폴더가 생성되어있을 것이다 환경변수 설정 윈도우 키를 누르고 "시스템 환경 변수" 라고 입력하면 제어판 내 편집 창을 바로 킬 수 있다 환경 변수 버튼 클릭 아래 시스템 변수 새로 만들기 버튼 클릭 후 JAVA_HOME이라는 친구를 ..

[Javascript] 파일 첨부 이미지 미리보기 기능 구현 - 코드, 예시, 설명

jsp, js, jquery 환경에서 파일 이미지 미리보기 기능 구현하기 첨부파일 기능을 개발할 때 확장자 제한, 파일명 길이 제한, 파일 사이즈 제한과 같은 기능들을 주로 구현하는데 만약 이미지 파일 업로드가 목적이라면 미리보기(Preview) 기능이 필요할 때도 있다 📌 기능 0. 파일 첨부 1. 확장자 제한 2. 파일 사이즈 제한 3. 파일명 길이 제한 4. 이미지 미리보기 5. 미리보기 이미지 클릭시 원본크기 팝업 📌 예시 이미지 첨부 위의 코드는 기능 구현 테스트를 위한 샘플 html 코드이다 가독성을 위해 css가 복잡하게 적혀있지만 기능 구현과는 관련 없고 body 영역이 중요하다 filebox 안의 label은 파일 첨부를 위한 버튼의 개념이고 실제 파일이 첨부되는 곳은 input type..

[Java] 이미지(File)를 Base64로 변환하기

이미지를 Base64로 변환하기 서버에 저장되어있는 이미지를 웹화면에 뿌려주어야할 때 base64로 변환하여 표현하는 방법을 사용한다 이 값을 만들기 위해 필요한 로직을 알아보자 📌 Parameter 1. 파일의 경로 filePath 2. 파일명 fileName 📌 Return 1. base64 문자열 base64Img 📌 Code public String imageToBase64(String filePath, String fileName){ String base64Img = ""; File f = new File(filePath + fileName); if (f.exists() && f.isFile() && f.length() > 0) { byte[] bt = new byte[(int) f.length..