나아지는 중입니다.

뉴렉처 [Servlet&JSP 프로그래밍]강의를 통해 공부한 내용을 정리한 글입니다. Model 1 방식: JSP 하나에 모든 역할을 몰아넣은 구조구조 설명하나의 JSP 파일이 입력 받기, 처리하기, 출력하기 모든 역할을 다 합니다.예를 들면 이런 코드가 JSP에 모두 들어갑니다: 입니다.문제점: 스파게티 코드로직이 HTML 사이에 섞여 있어서 복잡하고 가독성 떨어짐로직과 디자인이 물리적으로 분리되지 않음디자이너가 HTML을 수정하려면 Java 코드까지 이해해야 함협업과 유지보수에 매우 불리 Model 2 방식: JSP와 서블릿 분리 (MVC 기초 구조)구조 설명JSP는 화면(View)만 담당하고,서블릿(Servlet)이 Controller 역할을 맡아 로직 처리를 담당함처리 결과는 JSP로 넘겨줌 ..

뉴렉처 [Servlet&JSP 프로그래밍]강의를 통해 공부한 내용을 정리한 글입니다.Model1 방식이란?Model1 방식은 JSP(JavaServer Pages)로만 웹 애플리케이션을 구성하는 가장 초기의 웹 개발 구조입니다. 다음과 같은 특징이 있습니다:JSP 파일 하나입력(요청 처리), 비즈니스 로직 처리, 출력까지 모두 담당 즉, 모든 처리(입력, 계산, 출력)를 JSP에서 다 한다는 구조입니다. 지금 작성한 코드 분석 (Model1 예시) 입니다.이 JSP 페이지는 다음 3가지를 하나의 파일 안에서 모두 처리합니다.Controller 역할 → 파라미터 읽고Model 역할 → 짝수/홀수 판단View 역할 → HTML로 결과 출력 Model1 방식의 한계 (스파게티 코드로 가는 이유)1. 모..

HTML의 역사와 흐름HTML은 웹의 시작과 함께 등장했습니다. 초기에는 HTML 1.0이 등장했고, 그 이후로 HTML 3.0, HTML 4.0까지 진화했습니다. 이후 XHTML 1.0이 XML 기반 문법을 따르며 HTML의 엄격한 구조를 요구하는 형태로 발전되었으나, 너무 엄격하고 개발자 친화적이지 못하다는 단점 때문에 실패하게 됩니다. 이로 인해 다시 실용성과 유연성을 고려한 HTML5가 등장하며 표준이 다시 HTML 쪽으로 회귀했습니다.HTML 1.0~4.0: SGML 기반, 자유로운 문법 허용XHTML 1.0~2.0: XML 기반으로, 태그 닫힘 필수, 대소문자 구분 등 엄격한 문법HTML5: HTML4와 XHTML 장점을 통합. 멀티미디어, 그래픽, API 등 지원 강화 HTML의 변천사: S..

HTML 문서의 변화: 시맨틱(Semantic)을 중심으로 한 진화 과정시맨틱을 지원하는 문서로의 변화 - W3C1. 시맨틱을 지원하는 문서로의 변화 – W3CW3C(World Wide Web Consortium)는 웹 표준을 정하는 대표적인 국제 기구입니다.HTML5에서는 단순히 태그를 통해 구조를 나누는 것을 넘어, 의미를 표현하는 시맨틱 태그 사용을 권장합니다. welcome main menu 모든 태그가 정확하게 닫혀 있고, 문서의 구조가 명확하게 표현되어 있습니다.이처럼 XHTML은 시맨틱 구조를 표현하는 기술적 도구로 사용됩니다. HTML 문서 변화의 핵심은?HTML → XHTML → 시맨틱 웹 ..

HTML 문서의 기본 구조와 , 태그 표현 방식HTML 문서는 아래와 같은 기본 구조를 가집니다: 가능(2) Polyglot (HTML과 XHTML을 모두 만족하는 문서) 또는 둘 다 가능 (호환 목적)(3) XHTML 문서반드시 처럼 셀프 클로징 태그를 써야 함 (XML 문법을 따르기 때문) General Markup Language의 필요성과 발전문제 상황과거에는 데이터를 다음처럼 그냥 줄로 써서 저장했습니다.1 안녕하세요 2019-03-29 1어떤 값이 '번호'인지, '날짜'인지, '제목'인지 알 수 없습니다. 그래서 정보의 의미(구조)를 설명할 수 있는 마크업 언어가 필요했습니다.발전 과정이렇게 사람이 이해하기 어렵던 정보를 구조화하여 표현하면 다음과 같습니다:{공지사항} [행] 번..

상대경로와 절대경로의 차이절대경로 (/로 시작)/는 루트(root) 디렉토리를 의미합니다.웹 프로젝트에서의 루트는 보통 웹 서버의 기준 디렉토리입니다.예:이건 무조건 root 디렉토리 기준으로 images/logo.png를 찾는다는 뜻입니다.→ 어느 HTML 문서에서든 /images/logo.png라고 쓰면 항상 최상위 폴더의 images 폴더를 가리킴 상대경로현재 문서의 위치를 기준으로 경로를 지정합니다../현재 디렉토리 (자기 자신이 있는 폴더)../상위 디렉토리로 이동 (한 단계 위로 올라감) 예:./style.css → 현재 폴더에 있는 style.css를 가져와라../images/logo.png → 현재 위치의 한 폴더 위로 올라간 후, 거기서 images/logo.png를 찾아라../../im..