동적 태그 만들기 목차 만들려는 것 추가 버튼을 누르게 되면, 버튼이 추가되는 형식에 대해 만들도록 하겠습니다. HTML 코드 JQuery를 활용했으며, 추가 버튼을 누를 시 태그의 생성이 됩니다. 테스트를 누를 경우, 해당 테그의 값을 출력하도록 설정하였습니다. *첨부 제목 *첨부 파일 추가 삭제 테스트
톰켓에 SSL 적용하기 목차 SSL 이란? 기본 브라우저는 http로 접속을 합니다. URL을 통해 정보를 주고받고, 우리가 원하는 페이지로 이동 및 기능을 제공합니다. 이 URL은 기술의 발달에 따라 여러 가지 기능도 추가됐지만, 동시에 해킹의 수단으로도 이용이 됩니다. 이를 방지하고자 암호화통신을 요구하게 되었고, 그렇게 탄생한 것이 https입니다. SSL(Secure Socket Layer) 또는 TLS(Transport Layer Security) 보안 프로토콜을 통해 클라이언트와 서버가 보안된 통신을 하게 만들어줍니다. 설치 환경 확인하기 최근 톰캣은 openssl이 설치가 되어있습니다. 그러나 모르겠다 하시는 분은 openssl version 명령어로 확인하시면 됩니다. 1.openSSL이 ..
userAgent 목차 userAgent 이란? 해당 웹 사이트의 접속자의 정보를 구분 지을수 있는 함수명입니다. url은 대부분 pc에서 접속이 가능하지만, 반응형의 보편화에 따라 안드로이드, 아이폰 등 다양한 OS에서도 URL 접근이 가능하기 때문에 구분지어야 합니다. userAgent 사용하기 var test = navigator.userAgent; alert(test); 해당 내용처럼 사용자 정보를 출력 할 수 있게 됩니다. 이를 PC는 대표적으로 Windows와 Linux로 구분짓고 스마트폰에서는 Androide와 iPhone으로 구분 짓습니다. 그러나 이 무분별한 대, 소문자를 구분 짓기 위해 함수를 사용하여 간단하게 변화를 시킬 수 있습니다. var test = navigator.userAg..
CentsOS에 OPEN SSL 설치하기 목차 OpenSSL 네트워크를 통한 데이터 통신에 쓰이는 프로토콜인 TLS와 SSL의 오픈 소스 구현판입니다. C언어로 작성되어 있는 중심 라이브러리 안에는 기본적인 암호화 기능 및 여러 유틸리티 함수들이 구현되어 있습니다. Open SSL 설치하기 wget http://www.openssl.org/source/openssl-1.0.1.tar.gz wget를 이용해서 openSSL을 설치 진행합니다. tar -zxf openssl-1.0.1.tar.gz 다운로드한 OpenSSL을 압축해제를 진행해 줍니다. ./config --prefix=/usr --openssldir=/usr/local/openssl shared 옵션을 설정한다. make && make inst..
사진을 넣기 위해서 MultiPart를 진행 했으나, 따라했는데도 이런 에러가 절 맞이하면 마음이 찢어지네요. jsp에서 multiPart는 이미지를 저장하기 위해 사용해야 할 코드 중 하나인데요. Web.xml, Porm.xml, Spring 설정 등 모두 했는데도 이런 에러가 발생한다면 톰캣 또한 의심해야 합니다. 톰캣의 context.xml을 찾습니다. 이클립스일 경우, Servers에서 context.xml을 찾으면 되고, 톰캣 파일에서는 톰캣위치명/conf/에서 context.xml을 찾으면 됩니다. context.xml 수정하기 여기서 정렬과, 주석처리가 난무하게 되는데 빨간색 네모칸만 추가하시고 톰캣 재실행하면 해결 되는 모습을 확인 할 수 있습니다.
웹에서 폼은 크게 사용자가 입력하는 부분과 입력하는 내용을 서버로 보내는 버튼 부분으로 나눈다. 사용자가 내용을 입력하는 부분은 한 줄 짜리 텍스트나 비밀번호인데, 이를 만드는게 input 테그이다 id 속성 사용하기 수 많은 input 테그를 구분짓기 위해서는 id가 필요하다. id를 지정하게 된다면 javascript나 css설정에 별도 설정으로 도움이 될 수 있다. type 매우 중요한 유형, type에 따라서 input의 종류가 달라진다. 유형 설명 hidden 사용자에게 보이지 않지만 서버로 넘기는 값 text 한 줄 짜리 텍스트를 입력 할 수 있는 텍스트 상자 search 검색 상자 tel 전화번호 입력 필드 url url 주소를 입력하는 필드 email 메일 주소를 입력하는 필드 passwo..
폼 요소에 레이블을 붙이기 위한 테그이다. 레이블 사용법 아이디 첫 번째 방법은 테그 안에 폼 요소를 넣는 것이다. 아이디 두 번째 방법은 요소와 폼 요소를 따로 사용하고 테그에서는 for 속성을 이용하고 폼 요소에서는 id 속성을 이용해 서로 연결하는 방법이다. 사용하는 이유 라이도 박스나 체크 박스 경우, 핸드폰 사용자가 누르기엔 너무 작은 버튼이다. 그러나 라벨로 감싸져 있다면, 텍스트를 눌러도 감싸져있는 라벨의 input이 작동 될 수 있기 때문에 사용자의 편의성이 높아진다. 이는 핸드폰 뿐만 아니라 pc에서도 활용된다.
우리가 흔히 클릭했을 때, 다른 사이트로 이동하는 기능은 대부분 a링크이다. 사용법 표시할 텍스트 사용법은 매우 간단하다. 로 시작해서 로 끝내면 된다. 속성 속성 설명 href 링크한 문서나 사이트의 주소를 입력 target 링크한 내용이 표시될 위치를 지정 download 링크한 내용을 다운로드 rel 현재 문서와 링크한 문서의 고나계를 알려줌 hreflang 링크한 문서의 언어를 지정 type 링크한 문서의 파일 유형 target 속성 어떤식으로 a링크를 불러오는 가를 지정 할 수 있다. 속성 설명 _blank 내용이 새창이나 새탭에서 열림 _self target의 기본 값, 현재 텝에서 열림 _parent 프레임을 사용했을 때 링크 내용을 부모 프레임에 표시 _top 프레임을 사용했을 때 프레임에..
; 세미클론은 SQL의 종료를 의미합니다. 그러나 프로시저 같은 경우 실행문 중간중간에 표시되는 세미클론에 의해 SQL 종료로 인식하고 프로시저의 종료처리가 되는 안타까운 일이 발생하게 됩니다. 따라서 프로시저의 추가는 DELIMITER의 도움을 받을 수밖에 없습니다. DELIMITER란? SQL의 종료를 변경하는 명령어. 기본 값은 ; 세미클론으로 되어있으나, $$나 %% 같이 사용하지 않는 단어로 바꿈으로서 프로시저의 갑작스러운 종료처리를 방지할 수 있게 됩니다. 따라서 프로시저를 추가할 때에는 DELIMITER [종료 문구] 로 변형해주시고. 프로시저의 사용이 모두 끝나게 되었을 경우 다시 DELIMITER ; 로 원상복구해주면 됩니다. 만약 안 하시게되면, 나중에 간단한 INSERT, UPDATE..
안녕하세요. 이번 시간에는 DB 백업, 복원하기 시간을 가졌습니다. 어떠한 원인에 의해 DB서버는 언제든지 문제가 생길 수 있으므로 백업은 매우 중요합니다. 가령, 서버를 포맷한다거나 이동으로 장애가 아닌 경우에도 사용할 수 있으므로 매우 중요한 기술입니다. 따라서 TEST를 위한 DB를 아무거나 무작정 사용할 수 없으므로 MariaDB를 사용하여 DB를 직접 만들고 사용하였습니다. 백업에 활용한 방식은 mysqldump 방식입니다. 이 방법은 innoDB 엔진에 한해 백업방식이며, 논리 백업 방식을 사용하면서도 간단하게 실행할 수 있어 무난히 사용할 수 있습니다. 다만, 데이터 수가 많아질수록 속도는 매우 느려지는 치명적인 단점을 지녔습니다. 테스트를 위해 maria db에서 실험을 위한 DB를 생성하..
이번시간에는 여러개의 톰켓을 사용하는 방법에 대해 다루겠습니다. 클라우드 하나에서 여러개의 톰켓 사용하기 저번에는 만든 네이버 클라우드 하나로 프로젝트 하나를 실행하는 방법에 대해 글을 작성하게 되었습니다. 네이버 클라우드 서버 만들기 더보기 https://mollangpiu.tistory.com/177 [네이버 클라우드] 서버 만들기 이번 시간에는 네이버 클라우드 서버 만들기를 배우겠습니다. 네이버 클라우드는 유료서비스이며, 사용 안할시에는 반드시 모두 반납, 정지 해주시길 바랍니다. 또한 설정에 따른 월 요금액이 mollangpiu.tistory.com 그래서 이번에는 좀 더 진도를 나아갔습니다. 프로젝트 하나당 클라우드 하나를 실행하는 것에는 기본적인 방법이지만, 사용할 수 있는 자원이 많은 상태에..
이번시간에는 저번에 만든 웹서버에 이어 우리가 만든 프로젝트에 대해 연결하는 과정의 시간을 갖도록 하겠습니다. 이번 과정을 하기 위해서는 반드시 저번 과정의 글을 숙지 하셔야 합니다. 이전 글 https://mollangpiu.tistory.com/181 [CentOS] 톰켓 설치하기 이번 시간에는 CentsOS에 톰켓을 설치하는 시간을 갖도록 하겠습니다. CentOS 톰켓 설치하기 톰켓을 설치하기 위해서는 기본적으로 java의 설치가 필수적 입니다. mollangpiu.tistory.com/170 [리눅스] JAVA 설 mollangpiu.tistory.com 웹 서버 올리기 준비물은 간단합니다. 자신이 만든 프로젝트의 war 파일을 준비해주세요. 그리고 톰켓이 설치 되어 있는 OS를 준비해줍니다. 파..
이번 시간에는 CentsOS에 톰켓을 설치하는 시간을 갖도록 하겠습니다. CentOS 톰켓 설치하기 톰켓을 설치하기 위해서는 기본적으로 java의 설치가 필수적 입니다. mollangpiu.tistory.com/170 [리눅스] JAVA 설치하기 필자는 CentOS 사용하였다. JAVA 설치하기 JAVA 버전 확인 및 설치 여부 확인 CentOS는 기본적으로 JAVA가 설치되어있다고 하지만, 상황에 따라서 설치가 안 되어 있을 수도 있다. 설치가 만약 되어있다 mollangpiu.tistory.com 그러므로 java 설치에 관해서는 위의 링크를 통해 부탁드리겠습니다. OS : CentOS JAVA : java1.8 tomcat : tomcat8.5 톰켓 설치하기 tomcat.apache.org/down..
이번 시간에는 CentsOS 방화벽 문제를 해결하는 시간을 갖도록 하겠습니다. CentsOS가 기본적으로 제공을 하고 있지만, 환경에 따라서 기본조차 제공이 되지 않는 경우 또한 발생됩니다. 저 또한 그에 속한 한 명입니다. 방화벽이 정상적으로 실행되지 않아 NOT RUNNING이 발생하였습니다. 이에 대한 해결 방법에 정리하겠습니다. 해결하기 yum update yum update를 하여, 최신버전으로 update를 진행합니다. y를 눌러 더 진행합니다. 네이버 클라우드로 만들어진 CentsOS는 정말 새거인 것을 다시 한번 확인합니다. 848개를 설치하는 것 치고는 빠른 설치가 진행됩니다. 냉장고에 가셔서 음료수, 물 한잔의 여유를 갖도록 합시다. 저는 웹툰 한 편을 보고 오니 Complate! 가 ..