컴공생의 다이어리

Tomcat 서버 기본 url(Context-path) 변경 Spring MVC 프로젝트와 Tomcat을 연동하고 서버를 실행시켜보니 기본적인 url이 아래와 같이 localhost:8080/ 뒤에 프로젝트명이 붙어있었다. http://localhost:8080/{프로젝트명}/index.jsp 이를 수정하기 위해서는 톰캣폴더경로/conf/server.xml을 수정해야 한다. Host name ="localhost"~/> 다음으로 추가해주거나 수정하면 된다. ex) 윈도우 경로 : 사실 나는 이클립스를 통해 수정을 했는데 이러한 경우에도 두가지 방법이 있다. 첫번째 방법은 Package Exploer 탭의 Servers의 톰캣 폴더의 server.xml에서 태그의 path를 "/"로 수정해주는 것이다. 두..

서블릿(Servlet)이란? - 자바를 사용하여 웹을 만들기 위해 필요한 기술 - 웹페이지 등을 동적으로 생성하거나 데이터 처리를 수행하기 위해 자바로 작성된 프로그램 - Java Thread를 이용하여 동작 - 자바로 구현 된 CGI 이를테면 index.html에 사용자님 환영합니다.라는 고정 문구 대신에 사용자를 인식한 뒤, A님 환영합니다. B님 환영합니다. 와 같은 메세지를 출력할 수 있도록 만들어주는 자바 소프트웨어 컴포넌트이다. 서블릿 동작 과정 https://coding-factory.tistory.com/742 [Web] 서블릿(Servlet)이란 무엇인가? 서블릿 총정리 서블릿(Servlet)이란? 서블릿이란 Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 ..

리다이렉트(Redirect)란? re(다시)+direct(지시하다) = redirect(다시 지시하다) 브라우저가 www.test.com/page1 URL을 웹 서버에 요청한다. 서버는 HTTP 응답 메시지를 통해 "www.test.com/page2로 다시 요청하세요~" 라고 브라우저에게 다른 URL(길, 방향)을 지시하는 것을 리다이렉트라고 한다. 리다이렉트의 경우 다음과 같은 경우에서 사용된다. 로그인을 한 회원만 볼 수 있는 마이페이지가 있을 때, 로그인 하지 않은 사람이 마이페이지 url로 접속하려 한다고 하자. 이때, 로그인을 하지 않은 회원의 경우 마이페이지에 접속할 수 있는 권한이 없기 때문에 로그인 페이지로 리다이렉트를 걸거나 메인 페이지로 리다이렉트 걸어줄 수 있다. https://dol..

서브 도메인(Sub Domain)이란? 서브 도메인은 보조 도메인으로써, URL로 전송하거나 계정 내의 IP 주소나 디렉토리로 포워딩되는 도메인 이름의 확장자이다. 예를들어 네이버는 여러 서비스들을 아래와 같은 서브도메인을 통해 사용자가 접근할 수 있도록 한다. 네이버 블로그 : blog.naver.com 네이버 메일 : mail.naver.com 네이버 금융 : finance.naver.com https://jcwebs.org/sub-domain/ 서브도메인(sub domain)이란 ? - JCWebs 웹사이트를 효율적으로 운영하기 위해서는 서버, 서버를 안정적으로 가동할 수 있도록 온도와 습도를 최적화 시킨 환경을 갖춘 전산실, 전산실과 서버를 운용할 관리자들, 서버를 […] jcwebs.org ht..

정적 페이지 정적페이지란 항상 같은 내용을 보여주는 웹페이지 클라이언트가 URL을 통해 서버에 웹 페이지를 요청하였을 때, 서버 안에 이미 만들어져 있는 HTML 문서를 사용자에게 보여주는 경우 백과사전의 내용과 같이 항상 같은 내용을 보여줌 동적 페이지 동적페이지란 요청에 대해서 각각 다른 내용을 보여주는 웹페이지 클라이언트가 URL을 통해 서버에 웹 페이지를 요청했을 때, 서버는 사용자에 맞는 HTML 문서를 생성하여 사용자에게 응답하는 것 온라인 쇼핑몰의 장바구니, 최근 본 상품, 추천 물건, 사이트의 회원가입, 로그인 등과 같은 페이지 차이점 정적 페이지 동적 페이지 웹 서버만 있으면 됨 웹 서버 + 웹 애플리케이션 서버 필요 저장되어 있는 것을 보여줌 → 속도 빠름 정적 페이지에 비해 많은 메모..

javascript 조건문 - if else문, switch문, 삼항 연산자 javascript의 대표적인 조건문으로 if else문과 switch문이 있다. 그리고 간단한 경우에는 삼항 연산자를 통해서도 조건문 처리가 가능하다. if else문 if (조건식) { // statement1 } else if(조건식) { // statement2 } else { // statement3 } switch문 switch ( 변수 ){ case A: // 값 A // 변수 값이 A 일때 실행할 명령문 break; case B: // 변수 값이 B 일때 실행할 명령문 break; case C: // 변수 값이 C 일때 실행할 명령문 break; default: // 모든 CASE에 부합하지 않을때 실행할 명령문 ..

DNS(Domain Name System)란? 사람은 aws.amazon.com 또는 naver.com과 같은 도메인 이름을 통해 온라인으로 정보에 액세스한다. 웹 브라우저는 인터넷 프로토콜(IP) 주소를 통해 상호작용한다. DNS는 브라우저가 인터넷 자원을 로드할 수 있도록 도메인 이름을 IP 주소로 변환한다. 말하자면 인터넷 전화번호부라고 볼 수 있다. 인터넷에 연결된 각 기기에는 다른 컴퓨터가 기기를 찾는 데 사용하는 고유한 IP 주소가 있다. DNS 서버를 사용하면 사람이 192.168.1.1(IPv4의 경우)과 같은 IP 주소 또는 2400:cb00:2048:1::c629:d7a2(IPv6의 경우)처럼 영문과 숫자로 된 복잡한 IP 주소를 기억할 필요가 없다. https://www.cloudfl..

CSS 선언방식 CSS를 작성하고 HTML문서에 포함시키는 방식은 크게 내장방식, 인라인 방식, 링크방식, @import 방식이 있다. 내장방식 내장방식은 HTML 파일 안에 인라인 방식 요소의 style 속성에 직접 스타일을 작성하는 방식이다. 유지보수의 측면에서 어려움이 있기 때문에 권장하지 않는 방식이다. ... 링크방식 link 태그를 이용하여 외부 css 문서를 가져와서 연결하는 방식이다. @import 방식 css의 @import 규칙으로 css문서 안에서 또 다른 문서를 가져와 연결하는 방식이다. @import url("./box.css"); div { color : red; margin : 20px; } .box { background-color: red; padding: 20px; } h..

CSS 선택자 - 전체 선택자, 태그 선택자, 클래스 선택자, id 선택자 선택자(Selector)는 딱딱한 html에 스타일을 넣어줄 때 기준이 되는 기호라고 할 수 있다. 전체 선택자 전체 선택자는 모든 요소들에 동일한 효과를 줄 때 사용하는 선택자이다. * { color : red; } 만일, h2 태그 밑의 모든 요소에 같은 속성을 부여하고 싶다면 아래와 같이 CSS를 작성하면 된다. *h2 { color : red; } 태그(tag) 선택자 태그 선택자는 html의 태그 이름을 사용하여 나타내는 선택자이다. 태그명이 선택자와 같은 태그들에 대하여 적용한다. p { color : red; } 클래스(class) 선택자 클래스 선택자는 .클래스이름을 사용하여 나타내는 선택자이다. 클래스가 클래스이름..

HTML 부모요소, 자식요소 html의 요소들은 모두 하나 이상의 다른 요소를 포함할 수 있다. 이때, 포함하는 요소를 부모요소, 포함되는 요소를 자식요소라고 한다. 부모요소 : 상위레벨 하위요소 : 하위레벨 grandparent의 (후손,하위) 요소는 parent, child grandparent의 자식 요소는 parent parent의 부모 요소는 grandparent parent의 자식 요소는 child child의 (조상,상위) 요소는 grandparent, parent child의 부모 요소는 parent https://asource.tistory.com/31 요소와 속성 / 부모요소와 자식요소 요소와 속성 html은 하나의 문서라 볼수 있습니다. 문서는 제목,네비게이션,본문,리스트 등 다양한 ..