기본공부/웹서버&웹프로그래밍 (7) 썸네일형 리스트형 웹프로그래밍 - 웹과 웹 프로그래밍 (2) 웹프로그래밍 - 웹과 웹 프로그래밍 (2) HTML과 HTTP 웹 페이지를 만들 때 사용하는 것이 바로 HTML(HyperText Markup Language)이며, HTML 표준에 정의된 , , 등의 구성 요소를 이용해서 웹 페이지를 작성한다. HTML을 이용해서 작성했다고 해서 HTML 문서라고 부른다. 웹 서버는 URL에 해당하는 HTML문서를 전송하는데, HTML 문서를 받은 웹 브라우저는 정해진 규칙에 따라 HTML 문서를 분석해서 알맞은 화면을 생성한다. HTML 표준에 따라 HTML 문서로부터 알맞은 화면을 생성하는 과정을 렌더링(rendering)이라고도 표현한다. HTML 문서(웹 페이지)는 HTTP 방식을 이용해서 전송한다. HTTP는 HyperText Transfer Protocol의.. 웹프로그래밍 - 웹과 웹 프로그래밍 (1) 웹프로그래밍 - 웹과 웹 프로그래밍 URL과 웹 페이지 https://developer-yeony.tistory.com/ 처럼 웹 브라우저의 주소줄에 표시되는 것을 URL이라고 한다. URL은 Uniform Resource Locator의 약자로 일종의 주소와 같은 역할을 한다. 집 주소가 다르면 다른 건물인 것 처럼 URL이 다른 경우에도 다른 결과가 웹 브라우저에 표시되는 것을 알 수 있다. 웹 브라우저의 주소줄에 URL을 입력하면 웹 브라우저에 URL에 해당하는 내용이 출력되는데, 이렇게 웹 브라우저에 출력된 내용을 웹 페이지(web page)라고 한다. 흔히 홈페이지라고 부르는 웹 사이트는 웹 페이지의 묶음이다. 웹 페이지의 주소를 표현할 때 사용하는 URL은 몇 개의 요소로 구성되는데, 주요 구.. 이클립스(Ecilipse) Dynamic Web Project 생성 및 구조 이클립스(Ecilipse) Dynamic Web Project Dynamic Web Project 생성 Dynamic Web Project는 웹을 만들 때 생성한다. Project name에서 프로젝트 이름을 설정하고, Target runtime에서 프로젝트를 실행할 서버를 확인한다. Source folders on build path와 Default output folder를 확인하고 next를 눌러준다. (가끔 Source folders에 이름이 없으면 Edit버튼으로 이름을 지정해준다. output folder도 동일) Context root는 프로젝트 이름으로 실행하면 실행된 웹 브라우저 url에 해당 프로젝트 이름이 먼저 오게 된다. Content directory는 작업폴더의 이름으로 웹 콘텐.. HTML 톰캣(Tomcat) 9 설치 및 이클립스(eclipse) 톰캣 연동하기 HTML 톰캣(Tomcat) 설치 및 이클립스(eclipse) 톰캣 연동하기에 대해서 알아보자. 톰캣(Tomcat) 9 설치 인터넷 검색창에 톰캣 다운로드를 입력하고 검색되는 아파치 홈페이지에 들어가서 톰캣을 설치한다. (여기서는 톰캣 9버전을 설치) 톰캣 다운로드 :: Apache Tomcat® - Apache Tomcat 9 Software Downloads 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 Tomcat 9.0.x s.. (생활코딩) 웹서버와 웹브라우저의 통신 지금부터 우리가 두 대의 컴퓨터가 있는 상황에서 이 두 대의 컴퓨터가 서로 웹페이지를 주고받는 방법을 살펴보자. 한 대의 컴퓨터에는 웹 서버가 설치되어 있고, 그 컴퓨터의 특정 디스크에 index.html파일이 있는 상황이다. 그리고 다른 한대의 컴퓨터 웹 브라우저를 통해서 저 웹 서버에 접속해서 index.html파일을 전송 받아서 그것을 화면에 표시하고 싶은 상태이다. 이러기 위해서는 어떤 방법이 필요할까? 웹 브라우저가 웹 서버에 요청을 할 때는 웹 서버의 주소, 여기선 IP Address가 필요하다. 어떤 방법을 통해서 IP주소를 얻어 냈다면, 웹 브라우저 주소창에 http://192.168.0.13/index.html을 적어 주는 걸 통해서 저 IP에 해당되는 웹 서버에게 index.html을 .. (생활코딩) 웹서버와 http Bitnami manager tool에서 go to application을 눌러 Bitnami 창이 새로 열리면 localhost라고 되어있는 주소창에 http://127.0.0.1/index.html 를 입력해보자. 차이는 없다. 지금 입력한 주소로 index.html이라는 어떤 파일을 화면에 출력하고 있다. 이 index.html 파일은 Bitnami폴더의 apache폴더의 htdocs(hypertext documents)폴더 안에 들어있다. 해당 파일을 오른쪽클릭해서 에디터로 열어 탭 아래에 web1을 입력하고 저장해보면, bitnami창을 새로고침 했을 때 에디터에 입력한 web1이 나오는 것을 확인할 수 있다. 지금 상황은, 한 대의 텀퓨터에 Bitnami가 만든 htdocs라는 폴더 안에 in.. (생활코딩) 웹서버 운영하기_아파치(Apache) 설치 이번에는 내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹페이지를 볼 수 있게 해보자. 우선 컴퓨터에 웹서버라는 프로그램을 설치해보자. 웹서버에는 Apache, IIS, Nginx 등등 이 있는데 여기서는 Apache를 사용해본다. 무료이고 오픈소스이며 점유율이 높다. 운영체제 별로 설치가 필요한데(Window, MAC OS, LINUX), 여기서 WINDOW 로 진행한다. 검색어 추천 - How to install apache http server (os이름) + 년도 아파치 웹서버를 윈도우에 설치해보자. 직접 설치하기에는 까다로우니 How to easy install apache on window로 검색을 하면, 아파치 공식 홈페이지에 방법이 적혀 있는데, bitnami wamp stack을.. 이전 1 다음
