본문 바로가기

Dev-/WEB

jquery 라디오 버튼 변경 이벤트(onchage 아님) 프로젝트에서 라디오버튼을 클릭함에 따라 하단부 첨부파일 양식폼이 바뀌는 부분이 있었다. onchage 이벤트를 사용할 수 없었는데, 이유는 바뀐 현재 라디오 버튼에 따라 하단부 양식이 바뀌어야 했고,이미 클릭된 버튼을 다시 클릭했을때 이벤트를 막아야 했기 때문에 생각을 조금 해야 했다. 해결책은 아래와 같다./** * 분류 체크시 하단부 양식 변경 */ function changeDiv() { // 변경되기 전 체크된 라디오 버튼 값 var checkedValue = $("input[name=contentsCd]:checked").val(); $("input[name=contentsCd]").on('click', function() { if ($(this).val() != checkedValue) { c..
HTTP, HTTPS의 차이 HTTP와 HTTPS의 차이에 대해 정리해보겠습니다. 같이 공부하는 분이 면접때 질문을 받았다고 하네요.간단히 정리해봅니다. HTTP는 인터넷에서 통신을 할때 '이런 식으로 정보를 주고 받겠다.' 하는 일종의 규약입니다.(참고: HTTP의 정의, 특징) HTTP는 그저 단순히 텍스트를 교환하는 방식입니다. 즉, 암호화 처리가 전혀 되지 않았습니다.누군가가 그 정보를 가로채 악용될 소지가 다분하죠. 이를 보완한 것이 바로 HTTPS입니다. S는 SSL(Secure Socket Layer: 보안 통신망)에서 따온 것입니다.SSL은 인터넷 계층 중 4번째에 해당하는 계층입니다.(참고: 현재 명칭은 TLS로 변경되었는데, 아직 SSL을 더 많이 사용하는 듯 합니다.) 즉, HTTPS는 텍스트를 보낼 때 SSL을..
Web Server(웹 서버), Web Application Server(WAS)의 차이 인터넷을 뒤져보다가 웹 서버와 WAS가 다른 것을 알게되었습니다.이와 관련해서 아파치와 톰캣 역시 다르다고 하더군요. 한번 알아본 것을 정리해보겠습니다.(우선 아파치는 웹서버이고, (아니라는 의견도 있지만)톰캣은 WAS입니다.) 사실 용어를 본다면, 웹 서버에서 Application이라는 단어만 추가된 것입니다.이 부분이 의미하는 것이 뭔지 생각해보는 것이 기억에 잘 남을 것 같네요. Web Server(웹 서버): 정적 데이터(html, css img....) 처리Web Application Server(WAS): 정적 데이터(html, css img....)+ 동적 데이터(jsp, asp, Servlet, php....) 처리 WAS는 웹 서버(정적 데이터 처리), 웹 컨테이너(동적 데이터 처리)가 ..
쿠키와 세션 쿠키와 세션에 대해 정리해보는 포스팅입니다. 우선 이 둘의 존재목적은 HTTP의 약점인 Connectless(비연결성), Stateless(무상태성)을 보완하기 위함입니다.즉, HTTP가 유지하지 못하는 상태를 유지해주기 위해서(클라이언트를 식별하기 위해서) 사용합니다. 둘의 정의를 먼저 알아보면 쿠키: 클라이언트에 키, 값으로 저장되는 데이터 파일- 이름, 값, 만료 날짜(저장 기간), 경로가 들어있음 세션: 클라이언트 - 서버간에 네트워크 연결이 되고 있는 그 상태자체: 클라이언트가 처음 접속했을때 서버의 엔진이 클라이언트에 부여하는 유일한 ID 둘의 프로세스는 아래와 같습니다. 쿠키1. 서버에 요청2. 서버는 쿠키를 만들어 응답(Response)과 함께 클라이언트에 전송3. 클라이언트는 이후 요청시..
HTTP의 정의, 특징 웹을 공부하면서 HTTP에 대한 개념을 정리한 적이 없었네요. 정리해보는 포스팅입니다. HTTP(Hyper Text Transfer Protocol) : 인터넷에서 데이터를 주고받는데 사용되는 프로토콜(규약, 규격) 데이터를 주고받을 때 사용하는 규약, 혹은 규칙을 말합니다. 여기서 데이터를 주고받는다는 것은 아래와 같이 클라이언트, 서버간의 정보교환을 말합니다. 클라이언트 ---------- 요청(Request) -----------> 서버 클라이언트
Tomcat war 파일 배포 개발 서버에 배포를 하기 위해서는, 이클립같은 도구를 설치해서 활용하지 않습니다. 이클립스는 자동으로 컴파일을 해주는 도구입니다. 실 서버에서는 이클립스가 따로 없기 때문에 로컬에서 컴파일하고 배포하는 작업이 진행됩니다. 따라서, 이클립스를 통해 컴파일을 하고, 서버에 배포하는 것이 아니라war 파일을 Tomcat 서버에 배포를 해보도록 하겠습니다. 우선, 프로젝트를 war 파일로 Export해 줍니다. 위 파일을 ../apach-tomcat-x.x.x/webapps 에 넣어줍니다. 여기서, 만약 그냥 톰캣을 실행시켜주면프로젝트의 기본 경로는 http://localhost:8080/프로젝트명 이 되는데, 보통 "/"를 기본경로로 많이 사용하기 때문에, url이 꼬일 수가 있습니다. 그래서 ../apach..
RSA 공개키 암호화 기법 [RSA(Rivest, Shamir, Adleman) 공개키 암호화 방식]: RSA 단어 자체는 사람이름 모아논 거라 별 뜻이 없고,,, 공개키로 전달할 데이터를 암호화 하는 방식을 말합니다. (전공이 아니라 설명수준이 다소 낮을 수 있어요. 참고만 하시면 될 것 같습니다.) 간단히 암호의 형태에 대해 알아보겠습니다. 1. 가장 단순한 형태의 암호화는 아래와 같은 형태로, 평문 ----- (규칙) --- > 암호문 ↓ 평문 암호문 ↓ 평문 < --- (키) ----- 암호문 위에서의 '규칙'과는 조금 다른데요.쉽게 말해 규칙 자체에 규칙을 걸어놓고, 그 규칙을 알 수 있는 '키'를 설정해 놓는 것입니다.따라서, '키'를 알면 복호화가 매우 쉽고, 모른다면 복호화가 절대 불가능한 구조를 가집니다.암호화, ..

티스토리툴바