웹 개발 (20) 썸네일형 리스트형 웹 개발 공부 일기장 2 - 1 (DBMS) 1주차에서 웹 서버와 WAS에 대해서 공부하였습니다. 웹 서버 구조는 위 그림과 같이 웹 서버 - WAS - DB 로 구성되어 있습니다. 웹 서버와 WAS가 하는 역할은 저번 시간에 알아봤습니다. 그럼 DB는 무슨 역할을 할까요?? DB는 DATABASE의 줄임말로 말 그대로 데이터를 저장하는 공간입니다. 그렇기 때문에 우리가 웹 브라우저를 통해 웹 서버에 파일을 요청하며 만약 파일이 동적페이지로 처리가 필요한 파일일 경우 우리가 요청할 때 같이 전송한 데이터를 통해 WAS에서 해당 데이터에 관한 데이터를 DB에서 가져와 결과 페이지를 만드는 식으로 동작합니다. 위의 그림과 같이 보면 이해가 빠를 것 같습니다. 1. 브라우저를 통해 파일 요청 2. 웹 서버에서 동적 처리가 필요한 경우 WAS에게 전달 3.. 웹 개발 공부 일기장 1-과제 (로그인 페이지) 저번 시간 마지막에 있던 과제를 해보자!!! 1. 로그인 페이지 만들기 - 간단하게 아이디는 admin, 비밀번호는 admin1234로 로그인 시 로그인 되었다는 출력만 가능하게 만들기. 2. 로그인 페이지 꾸미기 - CSS를 어떻게 사용하며, CSS 파일과 php 파일을 어떻게 연결하는 지 이해할 수 있을 정도로 만들기. CSS CSS 파일과 HTML 파일을 연결하고 싶을 경우 link 태그의 href속성을 통해 해당 파일 경로를 적어주면 스타일이 적용됩니다. 파일이 아니더라도 위에서 hr 태그처럼 원하는 태그에 style 속성으로 바로 스타일을 적용 가능 bosy와 같이 그냥 태그만 적을 경우 해당 태그에 대해 스타일을 적용시킵니다. #login과 같이 #id명을 적을 경우 해당 id Element에.. 웹 개발 공부 일기장 1-2 (WAS) 저번에 웹 서버는 파일을 저장하고 있다가 우리가 파일을 요청하면 전달해준다고 배웠습니다. 하지만, 파일의 기본 틀이 똑같지만 어느 한 부분만 다를 경우 이 모든 파일을 저장할 경우 비효율적이며 큰 저장공간을 차지할 것입니다. . 예시로 우리가 네이버 홈페이지를 방문 후 로그인을 한다고 해보자! 로그인을 할 경우 기본적인 검색 창, 광고, 뉴스... 등 다른 부분은 모두 같지만 로그인한 사람마다 로그인한 부분의 이름이 다릅니다. (얼마나 많은 사람들이 네이버에 로그인을 할까요...?!!) 물론, 이름 부분만 바꿔서 여러 페이지를 저장한 후 각 로그인한 사람에게 페이지를 줄 수 있습니다. 하지만, 이럴 경우 로그인한 사람만큼의 파일이 필요하게 되며 사람이 많아질 수록 엄청난 양의 파일을 저장해야 됩니다. 이.. 웹 개발 공부 일기장 1-1 (웹 서버) 웹 해킹 공부하기전 웹 서버가 무엇인지 먼저 알아야 한다. 웹 서버란? 웹 브라우저와 같은 클라이언트로부터 http요청을 받아들이고 요청한 파일을 전송해주는 서비스 프로그램입니다. 여기서, 중요한 것은 파일은 전송해준다는 것이다. 그림과 같이 단순히 페이지(파일)을 요청하고 요청한 파일을 전달 받을 뿐입니다. 그럼 웹 서버는 파일을 전송해주는 프로그램이면 파일을 요청하는 방법은 무엇일까? 웹 브라우저를 통해 파일을 요청한다. (URL을 입력하여 어떤 서버에 어떤 파일을 받을 지 정한다.) - 우리가 웹 브라우저에 원하는 사이트의 주소를 입력하여 사이트에 방문하는 것 입니다. 하지만 우리는 웹 서버가 파일을 주는 친구라고 알고 있습니다. 즉, 이는 우리가 해당 서버에 들어간 것 같아 보이지만, 우리는 파일.. 이전 1 2 3 다음
