1주차 강의내용

Seunghwa's Devlog·2021년 2월 24일
0

<웹 서비스에 대한 소개>

1) Web & Web Service

웹서비스란, 우리가 널리 알고있는 트위터 , 페이스북, 인스타그램과 같은 서비스들을 말함

우리가 필요한 정보를 웹서비스에게 '요청(request)' 하고 , 웹서비스들은 우리에게 '응답(request)' 한다.

2) 클라이언트와 서버

주문하는 사람을 '클라이언트(client)', 주문에 응답하여 주문에 맞게 서비스를 제공하는 사람을 '서버(server)' 라고 할 수 있다.

클라이언트가 주문하는 행위를 '요청(request)' , 서버가 요청에 맞게 서비스를 제공하는 것을 '응답(request)'라고 할 수 있다.

따라서 웹서비스를 만든다는 것은 서버로 작동할 수 있는 프로그램을 만든다는 것을 의미한다.

요청하는 방식에 따라 get / post 로 구분된다.

3) HTML

Hyper Text Markup Language의 약자로, 클라이언트와 서버 사이에서 정보를 주고받기 위해 사용하는 문서

4) WWW

World Wide Web , 서버와 클라이언트들이 거미줄처럼 연결되어있는 것을 나타낸다.

5) 웹 브라우저

클라리언트와 서버가 주고받는 html 문서를 사람이 보기 쉽게 만들어주고 소통을 쉽게 만들어주는 프로그램이다.

< 웹 서버를 만드는 방법 >

1) 서버 컴퓨터가 신경써야 할 부분

  • 빠른 컴퓨팅 능력
  • 24시간 가동
  • 발열 냉각장치
  • 클라이언트 수 고려
  • 보안이 중요

2) 서버가 되기위한 두 가지의 방법

  • 내 컴퓨터를 서버 컴퓨터로 만든다 → 웹 서버 설치, 로컬환경 셋팅
  • 서버 컴퓨터를 대여한다 → 웹 호스팅 업체의 서버를 빌린다

< HTML >

1) 특징

  • 이해가 쉬움
  • 문법이 정형화 되어 있음
  • 쓰이는 문법만 맨날 쓰임

2) 구성

  • 글(내용)

    • 우리가 전달하고자 하는 내용. 브라우저를 통해 화면에 출력되는 내용이라고 생각
  • 태그(tag)

    • 보통 시작태그와 종료태그로 작성되며 그 사이에 내용이 들어감. 수많은 태그들이 존재
  • 속성(attribute)

    • 일반적으로 시작태그 안에 적어 태그에 적용될 효과 등을 가짐.

3) 대원칙

  • HTML은 꾸미는 언어가 아니다!!

< Bootstrap >

1) 부트스트랩은 반응형이며, 모바일 우선인 웹 프로젝트 개발을 위한 인기있는 HTML, CSS, JS 프레임워크

2) 사용법

  • bootstrap 접속
  • CDN 소스코드 복사
  • head태그 안에 복사
  • 적용
profile
에러와 부딪히고 새로운 것을 배우며 성장해가는 과정을 기록합니다!

0개의 댓글