daniel7481의 개발일지

6) 웹서버 웹 서버란? -통산 소프트웨어를 말하지만 소프트웨어가 동작하는 컴퓨터를 말한다. -가장 중요한 기능은 클라(웹 브라우저, 웹 크롤러)가 요청하는 HTML 문서나 각종 리소스를 전달하는 것 -웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적(static) 데이터(이미지, HTML 파일, CSS 파일, JavaScript파일 같이 컴퓨터에 저장되어 있는 파일)나 동적인 결과(웹 서버에 의해 실행되는 프로그램을 통해서 만들어진 결과물)가 될 수 있음 웹 크롤러: 검색 사이트에서 다른 웹사이트 정보를 읽어갈 때 사용하는 소프트웨어 웹 브라우저와 웹 서버는 보통 HTTP를 통해 통신한다. URL 주소가 HTTP(인터넷 상 데이터를 주고 받기 위한 프로토콜(규약))로 시작되는 이..

5)browser에서의 웹 개발 - 1 크롬에서 amazon.com을 들어가고 개발자 도구(윈도우면 ctrl shift i)를 들어가보자. 네트워크에 들어가고 새로고침을 하면 waterfall이 엄청나게 요동치는게 보이는데, 맨 위에 보면 www.amazon.com 이라는 html 문서가 보인다. 이것이 서버가 보낸 첫 번째 응답이다. response칸을 들어가면 html css javascript 코드가 보이는데 자바 스크립트 코드는 압축이 되어 있다. html코드는 meta, script, 등등의 태그가 보인다. meta 태그는 이 문서가 어떤 것인지 브라우저에 알려주는 것이다. html코드 사이에 CSS와 Javascript코드가 많이 섞여 있다. 살펴보고 깨달은 점: -HTML문서는 html이라는..

3) 웹 Front_End와 웹 Back_End-1 웹 프론트앤드(웹 브라우저) 사용자에게 웹을 통해 다양한 컨텐츠(리소스)를 제공한다. 사용자의 요청에 반응해서 동작한다. 역활 웹 컨테츠를 잘 보여주기 위해 구조를 만들어야 함(신문, 책 같이) 적절한 배치와 일관된 디자인등을 제공해야 함(보기좋게), 사용자 요청을 잘 반영해야 함(소통하듯이) 순서대로 HTML(언어), CSS(디자인), JavaScript(프로그래밍을 할 수 있는 언어)를 이용해서 만든다. 마스터님은 Amazon을 예시로 들며 브라우저를 설명하였다. 4) 웹 Front_End와 Back_End-2 백조를 비유했을 떄, 물 위로 보이는 백조는 프론트엔드고, 밑에서 발길질을 하고 있는 것을 백엔드라고 할 수 있다. 백엔드 개발자는 문제를 ..

오리엔테이션 웹 프론트엔드와 웹 백엔드를 배우게 될 강의이다. 프론트엔드는 디자인에 맞게, 요구사항에 맞게 CSS를 이용하여 웹을 디자인하는 방법을 배우고, 웹 백엔드는 클라이언트와 서버가 무엇인지 정확하게 알고, 클라이언트의 요구사항에 대해 서버가 어떻게 응답하는지를 중점적으로 이해해야한다. 또한 마스터님들이 당부하신 부분은 매일매일 조금이라도 공부하면서 공부 일지를 남기는 것이고, 웹서핑을 자주 하면서 이용자의 관점이 아니라 이제 개발자의 관점으로 어떤 URL이 바꼈는지, 웹 페이지 전체가 바뀌는지 부분이 바뀌는지 등 확인해보라고 하셨다. 1) 웹 프로그래밍을 위한 프로그램 언어들 수 많은 프로그래밍 언어 중 어떤 언어를 선택하는 것이 좋을까? 저급 언어 저급언어는 기계 중심의 언어라고 할 수 있다...