Engineering

Engineering/Backend

[Servlet] 정적 페이지와 동적 페이지 방문 과정

서블릿 기술자바(베이스 - JDK) + 웹 구현(추가 - *.jar : 아파치 톰캣)서블릿은 기존 자바에 웹을 구현한 기술이다. 아파치 톰캣😺웹 서버의 역할과 자바로 서블릿 또는 JSP를 구현할 수 있는 수많은 *.jar 파일도 제공한다.서버 측에서 서블릿과 JSP를 동작하게 만드는 역할도 한다. [Servlet] 정적 페이지와 동적 페이지 방문 과정서블릿 기술 자바(베이스 - JDK) + 웹 구현(추가 - *.jar : 아파치 톰캣) 서블릿은 기존 자바에 웹을 구현한 기술이다. 아파치 톰캣😺 웹 서버의 역할과 자바로 서블릿 또는 JSP를 구현할 수 있는 수많isaac-christian.tistory.com정적 페이지와 동적 페이지에 대해서는 위 글을 참고한다. 🍁정적 페이지를 방문하는 과정1. ..

Engineering/Backend

[Servlet] Servlet Class

🍁Servlet ClassServlet Class는 서블릿 기술을 구현한 실제 클래스이다.클라이언트(브라우저)의 요청에 따라 동적으로 웹 페이지를 생산한다. 🍂Servlet Class 작성 규칙1. 서블릿 클래스 선언a. javax.servlet.Servlet 인터페이스를 구현한다.b. javax.servlet.http.HttpServlet 클래스를 상속받는다.public class Ex01 extends HttpServlet { }a는 복잡하고 비용이 높지만, 구현이 자유롭다.b는 단순하며 비용이 낮으며, 우리가 해야 할 일을 클래스로 제공하여할 일이 많이 줄어든다. 대신 이미 구현이 끝나 있는 상태이기 때문에 구현이 덜 자유롭다.a와 b는 동급이므로 무엇을 선택하여 구현하든 상관이 없지만, 인터페..

Engineering/Backend

[Servlet] Servlet이란?

🍁ServletServlet은 자바 진영에서 웹 애플리케이션을 지원하기 위한 기술이다.초창기에 만들어진 자바의 첫 번째 웹 서버 기술로, 자바의 웹 사이트를 만든다.현재 서버를 만드는 모든 기술의 기반이 되고 있다.Servlet은 순수 자바에 서블릿 규격을 추가한 기술이라고 생각하면 된다. Servlet의 역사ServletJSPServlet + JSP + JDBCSpring + JDBC(MyBatis)Spring Boot + JPAServlet과 JSP는 기능은 같지만, JSP는 Servlet을 보다 쉽게 만들어 생산성을 높인 것이다. 하지만 아무리 쉽고 편리하다고 해도 JSP도 한계가 있었기 때문에 Servlet과 JSP를 합쳐서 함께 사용하기 시작했다.현재는 그 바통을 이어받아 Spring을 사용..

Engineering/Backend

[Server] 개발자 환경 구축: 이클립스 및 아파치 톰캣 설정

🍁이클립스 설정 [Client] 개발자 환경 구축: Apache Tomcat 9.0 설치 및 이클립스 설정📌Apache Tomcat 9.0 설치 https://tomcat.apache.org/download-90.cgi Apache Tomcat® - Apache Tomcat 9 Software Downloads Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomisaac-christian.tistory.com위 글과 동일하게 이클립스 및 아파치 톰캣을 설정한다. encodingencoding을 검색하여 UTF-8로 변경..

Engineering/Frontend

[jQuery] Traversing (Axis)

🍁Traversing기본 코드 Axis 할아버지 큰아버지 사촌 아버지 큰형 작은형 나 자식 손자 자식 자식 동생 막내동생 작은아버지 사촌 [JavaScript] Axis: 축을 기준으로 검색🍁Axis ..

Engineering/Frontend

[jQuery] CSS 속성 조작: Box Model, Manipulation

🍁CSS 적용CSS 읽기 쓰기읽기: CSS(속성)쓰기: CSS(속성, 값) CSS 읽기//alert(getComputedStyle(document.getElementById('box')).getPropertyValue('color'));alert($('#box').css('color'));jQuery에는 내부적으로 이 작업이 되어 있다는 것을 알 수 있다. CSS 쓰기 (메서드 체인)//$('#box').css('color', 'blue');$('#box').css('color', 'blue').css('background-color', 'gold').css('font-size', '3rem');jQuery는 연쇄적으로 작업할 수 있다는 점에서 편리하다.css(속성명, 값)이 반복하여 쓰이고 있다. 이..

Engineering/Frontend

[JavaScript] Scroll Event

🍁Scroll Event 기본 코드 Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates quia veniam quisquam voluptatibus facilis iste ad sequi? Ducimus, optio fugiat. Tempora non fugiat nobis soluta a quia, aliquam mollitia eos. Soluta maiores quisquam molestias nemo eos at neque impedit, perspiciatis dolorem, enim iusto obcaecati sit suscipit minus, non dolores doloremque! Esse a adipisc..

Engineering/Platform

[Git] GitHub Pages: Portfolio Hosting

🍁Portfolio Hosting템플릿 다운로드https://bootstrapmade.com/demo/Append/ Append Bootstrap Template Demo bootstrapmade.com https://html5up.net/ HTML5 UPResponsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.html5up.net내가 원하는 포트폴리오를 만든다.또는 템플릿을 사용하여 포트폴리오를 구성한다. 포트폴리오 폴더 생성포트폴리오 폴더를 생성한다. 깃허브 리포지토리 생성깃허브에서 포트폴리오 리포지토리를 생성한다. 깃허브 clone$ git clone https:..

Isaac S. Lee
'Engineering' 카테고리의 글 목록 (16 Page)