Front-end8 브라우저 동작 원리 1. 웹 브라우저 구성 요소사용자 인터페이스(User Interface)사용자가 브라우저와 상호 작용하는 부분- 브라우저 상단의 앞으로/뒤로가기/새로고침 버튼, 검색창 등 브라우저 프로그램 자체의 GUI를 구성하는 부분- 사용자가 원하는 웹 페이지 요청, 브라우저 기능 제어브라우저 엔진(Browser Engine)사용자 인터페이스와 렌더링 엔진 사이에서 동작을 제어하는 핵심 엔진- 웹 페이지를 요청하고, 렌더링 엔진에 필요한 데이터(HTML, CSS, JavaScript)를 전달하는 역할 ex) 사용자 인터페이스의 뒤로 가기 버튼 클릭 시 렌더링 엔진에 전달 - 브라우저라는 프로그램의 비즈니스 로직, 핵심 중추 역할- Data Storage를 참조하며 로컬에 데이터를 쓰고 읽으면서 다양한 작업을 함 .. 2025. 5. 26. SSG / SSR / CSR 개념 및 차이점 SSG (Static Site Generation)정적 사이트 생성 방식으로, 빌드 시 모든 페이지의 HTML 파일을 미리 생성하여 서버나 CDN에 배포하는 방식작동 방식: 빌드 시점에 페이지를 정적으로 생성하여 CDN 등에 배포, 사용자 요청 시 미리 생성된 HTML을 제공장점빠른 로딩 속도: 정적 파일을 바로 제공하므로 응답 속도가 빠름 (CDN 캐싱 활용 가능)서버 부하 감소: 서버에서 매번 페이지를 생성하지 않아도 됨SEO 최적화: 정적 HTML 파일을 제공하므로 검색 엔진이 쉽게 인덱싱 가능보안성 향상: DB나 동적 서버가 필요하지 않기 때문에 일반적인 서버 해킹 위험이 줄어듦 (빌드된 HTML 파일을 CDN으로 배포하면 보안성이 더욱 높아짐)단점동적 데이터 처리 한계: 실시간 데이터가 필요한 .. 2024. 10. 30. [Servlet / JSP] 서블릿과 JSP의 기본 개념 서블릿(Servlet)이란? 서버 쪽에서 실행되면 클라이언트의 요청에 따라 동적으로 서비스를 제공하는 자바 클래스 HttpServlet을 상속받아 구현, 특수한 기능을 수행 서블릿은 자바로 작성되어 있으므로 자바의 일반적인 모든 특징을 가지지만, 독자적으로 실행되지 못하고 톰캣과 같은 JSP/Servlet 컨테이너에서 실행 서블릿의 동작 과정 클라이언트 --요청--> 웹 서버 --위임--> 웹 애플리케이션 서버(톰캣) --호출--> 서블릿 서블릿 실행 --결과 전달--> 톰캣 --결과 전달--> 웹 서버 --응답--> 클라이언트 서블릿 생명주기(Life Cycle) 함수란? 서블릿도 자바 클래스이므로 실행 시 초기화 과정과 메모리에 객체를 생성하여 서비스 수행 후 소멸하는 과정을 거치며, 이런 단계를 거.. 2021. 9. 7. [JSP] 커스텀 태그 (1) - 태그 파일 기반 커스텀 태그 (Custom Tag) JSP 페이지에서 반복적인 프로그램 로직(JAVA 코드)을 캡슐화하기 위하여 만들어짐 기본적으로 제공되는 태그 이외에 사용자가 확장한 태그(사용자 정의 태그) 커스텀 태그 사용 이유 JAVA 코드를 태그로 만들어 사용하게 되면 코드가 간결해짐 => 가독성 UP => 유지보수 용이 MVC 기반의 개발을 보다 정확성있게 구현 로직 캡슐화 가능 => 화면에서 로직을 분리 커스텀 태그 개발 방식 태그 파일 기반 - 단순히 간결한 구현을 위한 개발 *.tag 형태의 파일을 작성하는 방식으로 최종적으로는 JSP 컨테이너에 의해 *.class 태그 구현체로 컴파일되어 실행되는 방식 (JSP가 최종적으로 Servlet으로 변환되어 동작하는 것과 유사) 태그 핸들러 클래스 기반 - 커.. 2021. 9. 2. [JSP] 표현 언어 EL - View를 View답게! 표현 언어 EL (Expression Language) 표현식 대체 , , out.println(); 등 자바 코드를 사용하지 않고 보다 쉽고 간결하게 출력을 지원하는 도구 변수와 여러 가지 연산자를 포함할 수 있음 JSP의 내장 객체에 저장된 속성 및 자바의 빈 속성도 표현 언어에서 출력 가능 표현 언어 자체 내장 객체 제공 표현 언어(EL) 사용 방법 ${표현식} ${변수명 or 객체명.필드명} ※ jQuery와 구분하여 이해할 것! (script내부에 있는 것은 jQuery) 예시) [스크립틀릿 방식] [EL 방식] ${requestScope.memberVO.name} ${memberVO.name} 표현 언어에서 사용되는 자료형과 연산자 자료형 : int, String, boolean, null, .. 2021. 9. 2. [JSP] 액션 태그 (2) - Java Bean (useBean, setProperty, getProperty) 자바빈(Java Bean)이란? JAVA로 만들어진 기능을 수행하는 컴포넌트(모듈)을 의미한다. 즉, Property(멤버변수)와 setter, getter 함수로 구성된 JAVA의 Class이다. 자바빈은 데이터를 읽어오거나 저장하는 역할을 반복적으로 수행하기 위해 사용되며, 위와 같이 구성된 class 파일은 VO(Value Object) 또는 DAO(Data Access Object) 등 데이터 교환을 위한 객체로 사용된다. JAVA Bean 관련 액션 태그 1. useBean 특정한 JAVA 객체를 사용한다고 명시할 때 사용 application, session, request, page 보관소에 저장된 JAVA 객체를 꺼냄 만약 보관소에 저장된 객체가 없다면 새로 생성하여 해당 보관소에 저장 기.. 2021. 8. 28. 이전 1 2 다음
