728x90 반응형 web5 [ToyProject 03] Bootstrap을 활용한 반응형 웹 구현 깃허브에서 전체 코드 및 결과 화면 보기! 📘 오늘의 프로젝트 주제 Bootstrap 프레임워크 기반 웹 페이지 구현 💻 프로젝트 실행환경 개발 언어 : html, css 개발 도구 Visual Studio Code Google Chrome Browser Bootstrap v5.0 👊 프로젝트 목표 Bootstrap 프레임워크를 활용해서, 자유자재로 커스터마이징하여 요구사항에 맞게 변형할 수 있다! `grid` , `layout`, `position`, `flex`, `component` 등을 자유롭게 활용하고 응용해보자! 📗 공부한 내용 [ 반응형 웹 (responsive web) ] 1. 미디어 쿼리 반응형 디자인의 핵심 구성 요소! ~~부트스트랩이 더 간단하기 때문에 참고용으로 알고있자~~ [ 기본.. 2021. 2. 5. [JSP/세션관리] Cookie 쿠키 & Session 세션 이란 무엇인가? (개념, 용도) [ 세션 관리 ] HTTP의 특성 ⇒ Stateless (상태 정보를 유지하지 않는다) : 클라이언트와 서버가 서로 통신할 때, request ↔ response가 한 번 이루어지면, 클라이언트에 대한 정보를 유지하지 않는다. (한 번의 통신 후에는 클라이언트와 서버의 관계가 끊어진다!) (불필요하게 클라이언트의 정보를 서버가 유지하게 되면, 서버가 무거워지기 때문에!) ⇒ 세션 관리의 목적 : 사용자 정보를 일정 조건 동안 유지하기 위해! : 사용자의 상태 정보의 유지가 필요할 때가 있다. 예를 들어 로그인 정보를 미리 저장해놔야, 메일을 확인하고, 검색하고 좋아요를 누르는 작업마다( request ↔ response ), 새로 로그인을 해야하는 번거로움이 발생하기 때문에, 이를 해결하기 위해서, 쿠키.. 2020. 8. 31. [JSP/Model2] 2단계 _ Model2 FrontController + MVC + Singleton Pattern https://creamilk88.tistory.com/97 에서 이어지는 포스팅이다. [JSP/Model2] Model2 basic / Model2 MVC pattern + Singleton pattern (forward 방식, redirect 방식) Model2 설계방식 (Architecture)의 주요 디자인 패턴은 MVC Design Pattern이다. Singleton Pattern으로 Model계층의 DAO에 적용시켜 불필요하게 객체를 다수 생성하는 것을 방지하고 클래스 로딩 시, 단 한번의.. creamilk88.tistory.com 위 코드는 기존 Model2 Architecture(MVC+Singleton pattern)에 FrontController Pattern을 추가하여 적용해보자... 2020. 8. 28. [JSP/Model2] Model2 basic / 1단계_Model2 MVC pattern + Singleton pattern (forward 방식, redirect 방식) Model2 설계방식 (Architecture)의 주요 디자인 패턴은 MVC Design Pattern이다. Singleton Pattern으로 Model계층의 DAO에 적용시켜 불필요하게 객체를 다수 생성하는 것을 방지하고 클래스 로딩 시, 단 한번의 객체를 생성해서 여러 컨트롤러에서 사용하도록 했다. * 링크 → https://creamilk88.tistory.com/96 첫 단계 (webstudy17) 에서는 Model2 설계 방식에 MVC와 Singleton을 간단히 복습하고, 여기에 추가해서 두번째 단계(webstudy18)에서 FrontController Pattern을 추가하여 적용해볼 예정이다 ! webstudy17 예제 목차 1. 첫번째 예제 : 아이디로 차 정보 검색하기 2. 두번째 예.. 2020. 8. 28. [Servlet] form 연동 [ form을 활용해 servlet 생성하는 방법 ] 1. dynamic web project > Java Resources > src에서 tool로 Servlet 생성 2. Java package와 Class name 입력 3. 원하는(필요한) method 선택 결과 xml xml에 자동 생성됨 webstudy5-form index.html index.htm index.jsp default.html default.htm default.jsp ToolServlet ToolServlet step1.ToolServlet ToolServlet /ToolServlet html ToolServlet 실행 Servlet (java class) package step1; import java.io.IOExceptio.. 2020. 8. 20. 이전 1 다음 728x90 반응형
