본문 바로가기

Code44

HTTP 프로토콜과 데이터 전달 방식 HTTP(HyperText Transfer Protocol)은 웹 브라우저와 웹 서버가 서로 소통하기 위한 프로토콜, 즉 통신 규약이다. 우리가 말하는 웹도 HTTP가 제공하는 서비스를 바탕으로 이루어진다. 웹 페이지에서의 폼(form) 양식 처리를 이해하려면 먼저 HTTP의 동작원리를 이해해야 한다. HTTP 통신 규약에 의한 데이터 흐름 웹 브라우저가 HTTP 통신 규약에 의해 웹 서버에 데이터를 요청하면 웹 서버는 이를 처리하여 결과를 웹 브라우저에 돌려준다. 이러한 데이터 흐름은 아래와 같다. 사용자가 웹 브라우저 주소 창에 URL을 입력하거나 웹 페이지의 링크를 클릭한다. HTTP 통신 규약에 의해 사용자의 요청이 웹 서버로 전달된다. 웹 서버는 사용자의 요청을 처리하여 그 결과를 HTTP 통신.. 2019. 11. 17.
XAMPP 포트 중복 문제 해결하기 PHP로 웹 사이트를 개발할 땐 Apache, MySQL, PHP를 패키지 형태로 사용한다. XAMPP라는 패키지는 Apache, MySQL, PHP, PHPMyAdmin 4가지를 모두 제공하는 패키지다. 여기서 PHPMyAdmin은 웹과 DB를 연동해주는 기능을 한다. XAMPP를 다운 받고 실행하면 특정 port 번호로 인터넷 통신을 하게 된다. 그러나 다른 프로그램이 사용하는 port 번호와 겹치면 문제가 발생한다. 나의 경우 Apache와 MySQL이 포트 중복 문제가 발생했고 해결하는 과정을 기록해보았다. XAMPP에서 Apache 실행이 안 될 때 (포트 중복 문제) XAMPP를 다운 받으면 해당폴더에서 xampp-control.exe를 실행해준다. XAMPP를 실행한 뒤 Apache를 Sta.. 2019. 11. 15.
[용어] 웹 문서, 웹 서버 그리고 웹 사이트 웹 서버와 웹 사이트 웹 사이트의 구축은 웹 서버로 사용할 컴퓨터에 웹 서버 소프트웨어를 설치하고, 작성한 웹 페이지들을 저장하고 동영상, 이미지 등의 파일과 데이터베이스를 설치하는 것을 말한다. 또한 사용자에게 다양한 서비스를 제공하는 웹 응용 프로그램을 개발하여 설치하는 것을 포함한다. 웹 서버 소프트웨어는 웹 브라우저로부터 요청을 해석하여 웹 문서를 전달하거나 적절한 웹 응용프로그램을 작동시키고 실행 결과를 다시 전송하는 소프트웨어다. 여러 종류가 있지만 대표적인 것은 다음과 같고, Apache가 현재 가장 많이 쓰인다. Apache 사에서 만든 Apache 마이크로소프트 사에서 만들고 Windows NT에서만 실행되는 IIS NGINX 사에서 만든 nginx 구글에서 만들고 구글 사이트에서 실행되.. 2019. 10. 27.
[용어] 웹과 인터넷 그리고 웹 브라우저 웹의 기본 목적과 구성 웹의 기본 목적은 한 컴퓨터에서 만든 문서(document)를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것이다. 특별히 이 문서를 웹 문서라고 부른다. 이 목적을 달성하기 위해 인터넷으로 전 세계의 컴퓨터들을 거미줄처럼 연결하고 웹 문서를 쉽게 주고받을 수 있도록 시스템을 만들고 WWW(World Wide Web), 간단히 줄여 웹(Web)이라고 부른다. 웹은 컴퓨터의 기능을 서버와 클라이언트로 나누었다. 웹 서버는 문서나 이미지, 동영상 등의 데이터를 저장하며, 웹 클라이언트는 웹 서버로부터 데이터를 다운받아 사용자에게 보여주거나 사용자 데이터를 웹 서버에 업로드하는 사용자 인터페이스의 역할을 한다. 인터넷에는 많은 웹 서버가 있으며, 사용자는 웹 브라우저를 통해 웹 서버에 접속.. 2019. 10. 27.
Javascript의 window.print() 기능 window 객체는 DOM 문서가 들어있는 하나의 창을 나타낸다. 즉 문서의 속성은 해당 창에 로드된 DOM 문서를 가리키고, window.print()는 현재 문서를 인쇄하기 위해 인쇄 대화상자를 여는데 사용된다. html과 자바스크립트 파일로 실행해보았다. Print this page라는 버튼을 만들어주고 버튼을 클릭하면 js파일의 print_current_page()함수를 실행한다. js파일의 print_current_page() 함수에는 현재의 창을 인쇄할 수 있는 window.print() 함수가 들어있다. html파일을 실행해보면 브라우저에서 화면은 이렇다. 버튼을 클릭하면 인쇄할 수 있는 창이 뜬다. 코드 출처 w3resource의 JavaScript: Display the current d.. 2019. 10. 21.