Lee's Grow up

이번 포스팅에서는 이미지를 Base64인코딩 된 문자열로 URL 형태로 표시하는 방법을 포스팅하겠습니다. 1. 개요 Mail에 이미지를 첨부할 경우가 생겼는데, 서버에 접근이 불가능한 상황이여서 이미지를 경로로 등록이 불가능한 상황이 발생했습니다. 그래서 해당 이미지를 Base64 인코딩을 통해 데이터를 문자로 변환시켜서 이미지를 보여주는 방식을 선택했습니다. HTML에서 태그의 src 속성으로 해당 파일의 경로 또는 URL로 이미지 등록하는 방법 예시 1 2 3 -- 파일 경로 -- Base64로 인코딩 된 문자 사용

미니 개인프로젝트로 웹기반 버전관리 시스템을 구현하는 도중에 평소처럼 서버에 요청해서 서버에서 응답을 해주는 방식이 아닌 local에 저장되어 있는 html 또는 text 파일을 javascript로 불러올 필요가 생겼을 때 아래와 같은 방법으로 해결 실습 예제 아래와 같이 HTML 코드를 작성한다. 1 2 Open File Contents Area 그 후 아래와 같이 JavaScript를 작성해준다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function openTextFile(){ var input = document.createElement("input"); input.type = "file"; input.accept = "text/pla..

1. 개요 이번 포스팅에서는 테이블의 행의 추가/삭제를 javascript를 활용한 방법과 Jquery를 활용한 방법을 소개하겠습니다. 또한 check에 체크된 테이블의 row삭제하는 방법도 소개합니다. 시작하기에 앞서 기준이 되는 테이블의 내용은 아래와 같습니다. 1 2 3 4 5 6 2. 테이블에 ROW 추가하기 테이블에 값 추가하는 방법으로는 Javascript를 활용한 방법과 Jquery를 사용한 방법 2가지를 소개합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function addRow(){ // Javascript로 테이블에 행 추가 방법 var tableData = document.getElementById('testTable'); var row =..

JSTL과 javasscript를 같이 사용할 경우 서로 값을 주고 받고 싶은 경우가 생긴다. 그럴 경우 어떻게 써야 하는지 자꾸 헷갈려서 포스팅을 남깁니다. 시작하기에 앞서 서버가 동작하는 순서를 기억해둬야 할 필요가 있습니다. JAVA -> JSTL -> HTML -> Javascript 1. 사용방법 및 예제 위에 적힌 방식대로 동작하기 때문에 JSTL의 EL 에서는 Javascript의 접근이 불가 1 2 3 4 5 6 7 --logic ( 사용 불가능 X ) BUT Javascript에서는 JSTL의 EL이 사용 가능 1 2 3 4 5 --logic-- ( 사용 가능 O ) 결과처럼 jstl에서는 javascript가 초기화 되기 전이기 때문에 jquery를 통해서 해당 javascript의 변..