ෆ ⋆ ₊ ゚ ☽ * ₊ ⋆

학교/php

html 기본 개념

우당탕가윤 2023. 3. 6. 14:25

1. 인터넷(Internet) : 전 세계 컴퓨터들을 네트워크로 연결한 것

1969년 미국방성의 알파넷으로부터 시작된 것

 

2. 웹(Web) : 인터넷에서 제공하는 서비스 중의 하나 (mail, sns, ftp ...)

* http://www.naver.com <- naver.com

* http : html 문서들을 주고 받는 프로토콜 (약속) Hyper Text Transfer Protocol

 

3. 클라이언트 (Client) : 정보 요청하는 애 (Request), 브라우저(크롬) 사용자

     서버 (Server) : 정보를 제공하는 애 (Response)

 

4. 클라이언트 측 언어 : html, js ...

     서버 측 언어 : php, jsp, spring, nodejs ...

 

5. 서버 측 언어 : 서버가 있어야 실행이 된다 !!! (Apacher, Iis, Tomcat ...)

 

** 우리가 사용할 스펙 : Windows + Apache + php + mysql


Bracket

Material Icod Theme

 

<< 반응형 웹

반응형 코딩을 하기 위해서는

<meta name="viewport" content="width=device-width, initial-scale=1.0">

: 디바이스 가로 크기만큼 화면을 보여주겠다.

 

반응형 웹

1) css 사용 @media query 사용

2) bootstrap 사용


<< css를 이용하여 반응형 웹 사용하기

1. width 기준

  1) 1200px 이상 : 모니터 큰 데스크탑 컴퓨터

  2) 992px 이상 : 모니터 작은 데스크탑 컴퓨터 (노트북)

  3) 768px 이상 : 태블릿

  4) 767px 이하 : 스마트폰