프론트엔드 언어가 html과 css, js로만 작성되어도 동적 웹 페이지 제작이 가능할까요?
어떤 사이트들을 보면 사이트 뒤에 확장자가 html이면서 동적 웹 페이지인것이 있습니다. 반면 .php이거나 .jsp도 있는데 이 셋의 차이는 무었이고 .html로 끝나는 웹 페이지의 개발은 어떻게 하나요?
안녕하세요. 검소한 달팽이 큐리스입니다.
확장자가 .html, .php, .jsp인 웹 페이지들은 각각 다른 기술과 용도를 가지고 있습니다. 이 셋의 차이와 .html로 끝나는 웹 페이지의 개발 방법에 대해 설명드리겠습니다.
HTML (.html): HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어입니다. HTML 파일은 정적인 컨텐츠를 표현하며, 사용자가 요청할 때마다 동일한 내용을 반환합니다. 주로 정적인 웹 페이지를 개발할 때 사용되며, HTML 태그를 사용하여 문서 구조와 요소들을 작성합니다.
HTML 개발은 텍스트 에디터(예: Sublime Text, Visual Studio Code) 등을 사용하여 HTML 파일을 생성하고 수정하는 방식으로 진행됩니다. HTML 태그와 속성을 이용하여 원하는 요소들을 만들고 스타일링할 수 있습니다.
PHP (.php): PHP는 Hypertext Preprocessor의 약자로, 서버 측에서 실행되는 스크립트 언어입니다. PHP 파일 안에는 HTML 코드뿐만 아니라 PHP 코드도 포함될 수 있으며, 동적인 기능과 데이터베이스 연동 등 서버 사이드 로직을 처리할 수 있습니다.
PHP 파일은 서버에서 실행되므로 동적으로 데이터를 처리하거나 조건문과 반복문 등 프로그래밍 로직을 포함시킬 수 있습니다. 일반적으로 Apache나 Nginx 같은 웹 서버에서 PHP 엔진이 설치되어야 합니다.
JSP (.jsp): JSP는 Java Server Pages의 약자로, Java 기반의 서버 사이드 스크립트 언어입니다. JSP 파일 안에는 HTML 코드뿐만 아니라 Java 코드도 포함될 수 있으며, 동적인 기능과 Java 프로그래밍 로직을 처리할 수 있습니다.
JSP 파일은 서블릿(Servlet)으로 변환되어 실행됩니다. JSP 컴파일러가 JSP 파일을 자바 소스 코드로 변환한 후 컴파일하여 클래스 파일로 만듭니다.
따라서 확장자가 .php나 .jsp인 경우에는 동적인 웹 페이지를 개발하기 위해 해당 언어와 관련된 문법과 기능들을 사용해야 합니다.
HTML(.html)로 끝나는 정적인 웹 페이지 개발은 간단합니다. 텍스트 에디터 등에서 HTML 태그와 속성을 이용하여 문서 구조와 요소들(제목, 단락, 이미지 등)을 작성하면 됩니다. CSS(Cascading Style Sheets)를 이용하여 디자인 및 레이아웃 스타일링도 가능합니다.