Getting started with the Web
-
웹과 함께 시작하기 ~ 웹 작동 방식Java Script/MDN 정리 2020. 7. 22. 22:28
클라이언트와 서버 클라이언트 일반적인 웹 사용자의 인터넷이 연결된 장치들과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어(일반적으로 크롬과 같은 웹 브라우저) 서버 웹페이지, 사이트, 앱을 저장하는 컴퓨터 클라이언트의 장비가 웹페이지에 접근하기 원할 때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라우저에서 보여지기 위한 웹페이지의 사본이 다운로드 된다. 도구 상자의 다른 부분들 웹이 도로라고 가정하고, 도로의 한 쪽 끝은 집같은 클라이언트, 다른 한 쪽 끝은 상점같은 서버라고 전제 TCP/IP Transmission Control Protocol (전송 제어 규약)과 Internet Protocol (인터넷 규약)은 데이터가 어떻게 웹을 건너 여행해야 하는지 정의하는 통신 규약 주문을 하고, 상..
-
웹과 함께 시작하기 ~ CSS 기초Java Script/MDN 정리 2020. 7. 22. 01:22
CSS란 HTML과 같이 프로그래밍 언어도 아니고 마크업 언어도 아니라, CSS는 Style sheet 언어다. HTML 문서에 있는 요소들에 선택적으로 스타일을 적용할 수 있다는 의미. HTML의 모든 문단 요소들을 선택하고 그 문단 요소들 안에 있는 텍스트를 빨갛게 바꾸려고 한다면 다음과 같이 CSS를 작성할 것이다. p { color: red; } 위와 같이 작성한 style.css를 styles 디렉토리에 저장한 이후, Index.html의의 안에 불러와서 적용하기 CSS의 ruleset 해부 전체 구조는 rule set이라 불린다. (종종 줄여서 "rule"이라고 한다.) 선택자(Selector) rule set의 맨 앞에 있는 HTML 요소 이름. Selector는 꾸밀 요소들을 선택한다. 이..
-
웹과 함께 시작하기 ~ HTML 기초Java Script/MDN 정리 2020. 7. 21. 23:09
기본 소프트웨어 설치 텍스트 편집기 설치 Brackets 무료라는 장점 실시간 미리보기 코드 힌트 제공 최신 웹 브라우저 설치 Chrome, Opera, Firefox, IE, Microsoft Edge 정도 있지만, IE와 Edge는 기본 내장이고, chrome을 이용하고 있으므로 따로 설치하지는 않겠다. 나중에 진행하다 필요하면 설치 로컬 웹 서버 설치하기 예제 확인을 위해 로컬 웹 서버를 설치하라고 하는데, 이것도 나중에 필요하면 하겠다. 중요한 것 먼저 하기 : 계획 세우기 웹사이트를 만들기 전, 어떤 서비스를 제공할지, 이 사이트를 통해 무엇을 할 수 있는지 먼저 생각해야한다. 하지만, 기본을 시작하는 단계기 때문에, 간단한 웹페이지 제작부터 시작 시작에 앞서, 3가지 사항을 체크해야한다. 웹사..