Lee's Grow up

HTTP HYPERTEXT TRANSFER PROTOCOL의 약자 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜. 80번 포트를 사용하며, TCP와 UDP를 사용한다. 여기까지가 대학생활에서 내가 이해하고 그냥 넘어갔던 부분이다. 그냥 서버와 클라이언트 상의 어떠한 규약이 있구나라고... 아래 관련 내용이 길게 나와있는데 쉽게 설명하면 클라이언트와 서버가 데이터를 일정한 규칙 ( 헤더,바디) 를 통해서 정보를 주고받는 방식이라고 생각하면 될 것 같다. HTTP 통신 방식 1. 요청(request) - 응답(response) 방식 클라이언트(웹브라우저)가 요청을 서버에 보내면, 서버는 요청에 따른 처리 후 결과에 따른 HTTP 응답을 클라이언트에 보낸다. 2. 비상태연결(Stateless, Con..

올해 초 웹 개발자 면접을 진행하면서 WAS와 Web Server의 차이는 무엇인가요? 라는 질문을 많이 들었던것 같다. 답변으로 정적인 페이지 처리와, 동적인 페이지처리의 차이가 있다. 라고 기본적인 답변을 했었습니다. 그리고 어떻게 동작하는지 아시나요? 라고 질문을 하신 분들도 계셨는데 답변으로 html과 css같은 정적문서 요청인 경우 Web Server 가 처리하고 JSP,Script 같이 동적문서 요청인 경우 WAS가 처리한다고 답변을 했었습니다. 위에 말이 틀린말은 아니지만, 이번 포스팅에서는 좀 더 어떤 방식으로 동작하는지에 대해서 구체적으로 공부를 하기 위한 포스팅이 목적입니다. 1. 전체 구조 Web Server 란 ? 클라이언트의 request가 오면 요청에 대한 처리를 담당하며 정적문..

이번 포스팅에서는 이미지를 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의 변..