hojak99 의 블로그

JSP 구동 원리- JSP 를 요청하면 Servlet 으로 변환되어 메모리에 로드된 후 처리된다. JSP Life Cycle- Servlet 을 기반으로 하는 JSP 는 Servlet 과 동일한 흐름을 가진다. init event 발생할 시에 jspInit() -> request 및 response 발생할 시에 jspService() -> destroy event 발생할 시에 jspDestroy() 주요 메소드 컴파일 할 시에 "jspInit() 호출" 이 콘솔 창에 출력되고 새로 고침을 해도 또 다시 출력되지 않으나 jsp 파일에서 내용 변경하고 새로고침 할 시에는 "jspDestroy() 호출" 이 콘솔 창에 출력되고 다시 "jspInit() 호출" 이 출력된다. 전역 변수 표현- JSP 내 스크립틀..

JSP 페이지 정의- JSP = JSP(Java Server Page) 기술 중 웹 어플리케이션을 구현 할 때 작성하는 코드 - HTML 문서 사이에 자바 코드가 삽입되는 형태 - 구동되는 방식 (일련의 스레드화가 되는 방식으로 생각)요청 -> JSP 페이지 -> 서블릿 클래스의 소스 코드 변환 -> 컴파일 -> 서블릿 클래스 파일 -> 인스턴스화 -> 서블릿 객체 -> 초기화 -> 서블릿 동작 JSP 페이지 구성 요소요소개요Directive(지시자)지시자로써, JSP 페이지의 메타 데이터를 표현한다.Page 지시자, include 지시자, taglib 지시자Scriptlet(스크립틀릿)서블릿의 doGet() / doPost() 의 내부 코드에 대응.자바로 구성함Expression(표현식)값을 출력 및 ..

Servlet Life Cycle 라이프 사이클 : 서블릿은 생명 주기를 통해서 작동하는데 서블릿 컨테이너라는 곳에 존재한다. init() : 요청이 왔을 때 최초 구동이 되며 로드 되는 단계Servlet In Service : 각종 요청이 들어오면 작동되며 응답하게 된다. get, post, head 등의 요청destroy() : 코드 변경, 자원 부족 등의 상황일 때 destory 호출. Servlet Container(=Web container)의 특징- Servlet 을 관리하고 실행하는 component이다.- 자체적으로 JVM과 JRE를 포함한다.- 웹서버의 URL 요청을 받아 매핑되는 servlet 을 실행한다.- Servlet 의 전반적인 Life Cycle 을 관리한다.- 그 예로 Apa..

쿠키: 접속한 클라이언트의 하드디스크에 정보를 저장해두고 다음 번에 접속 했을 때 이 저장된 쿠키 정보를 가지고 사용자를 식별 할 수 있는 것이다. 개인의 정보가 기록되기 때문에 주의가 요망된다. (상태 정보를 유지하는 기술) 쿠키를 사용하는 이유: HTTP 프로토콜은 stateless protocol 이기 때문에 사용한다. 클라이언트의 요청을 처리한 후 연결을 끊기 때문에 동일한 클라이언트에서 요청이 들어온다고 했을 때 같은 클라이언트로부터 발생한 요청이라는 것을 알 수 없다. 그래서 웹 서버에 정보 전송할 때 쿠키 값도 같이 전달해 클라이언트를 인식 할 수 있게 한다. 세션:일정시간 동안 같은 사용자로부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술이다. 일정시간 동..

https://hojak99.github.io/index.html 캡처 뜬 거라서 화면이 조금 잘렸다. 애니메이션을 넣으니까 그래도 나름 괜찮아진 것 같다. 블로그 상단의 Portfolio 로 이동할 수 있다.

블로그 상단에 [PortFolio]를 통해서 제가 직접 개발한 포트폴리오 용 사이트를 확인할 수 있습니다.

CSS를 이용해 애니메이션을 추가했다. CSS 너무 어려운 것 같고, 디자인에 약한 나는 웹을 하면 안될 것 같다. 가운데 화면의 사각형 색상은 우선 테스트 하느라 저런 색을 사용했다.

[사진 1: 메인화면] [사진 2: 포트폴리오 용 웹 페이지]

HTML 문서에서 CSS 파일을 불려오려고 이런 식으로 src를 이용해서 불러오려고 했으나 불러와지지 않았다.검색해보니 CSS 파일을 불러올 때는 link를 이용해서 불러와야 한다고 한다. HOJAK BLOG TEST body { margin: 0px; } .category { width: 100vw; height: 40vh; text-align: center; line-height: 40vh; font-size: 4rem; color: white; } .item1 { background-color: black; } .categoryBlue{ background-color: #2098D1; } 블로그에서 포트폴리오 사이트로 변경했다. 너무 어렵다. CSS

안녕하세요 Hello こんにちは 你好 שלום สวัสดี [test.js] document.addEventListener('click', function () { alert('clicked'); //화면을 클릭하면 "clicked" 라는 창이 나타난다. }); h1 태그는 가장 중요한 제목 h2 태그는 그 뒤의 제목 h3 태그는 그 뒤뒤의 제목 h4 태그는 그 뒤뒤뒤의 제목 h5 태그는 그 뒤뒤뒤뒤의 제목 h6 태그는 그 뒤뒤뒤뒤뒤의 제목 b 태그로 bold체 지정. 중요성의 의미 없음 트와이스 짜잉쁘다 strong 태그는 b 태그와 동일하나 중요성의 의미를 가지고 있다. br 태그 가지고 있지 않음 트와이스 바보 짱짱0 트와이스는 뭐다? 이쁘다 사나가 제일 귀엽고 이뿌다 모모도 진짜 귀엽고 이쁘다 춤..