[Front End]주요 기본 개념과 참고할만한 사이트

[Front End]주요 기본 개념과 참고할만한 사이트 

---

HTML,CSS 에서 사용하는 기능들을 모아 어떻게 활용할 수 있는지 알려주는 사이트이다.

 

https://developer.mozilla.org/

MDN Web Docs

1. protocol : 통신 규약

통신 시스템이 데이터를 교환하기 위해 사용하는 통신 규칙이다.

 

2. HTTP - HyperText Transfer Protocol

- HTTPS : 보안 기능 강화

- tcp : 신뢰성 있는 연결

- 비연결성 (연결 유지 하지 않음)

 

3. Request - 서버에게 자원을 요청

4. Response - 서버가 보낸 응답

 

5. URL - Uniform Resource Locator

- 자원의 위치를 작성

- 도메인을 URL이라 함

- IP주소:port번호/폴더명/폴더명.../파일명

 well known port : 생략 가능

 http -80

 

6. Web Browser

- HTML, CSS, JavaScript 실행(해석)하는 프로그램

 

7. Front-end 와 Back-end

- 코드의 실행이 Cilent 컴퓨터에서 실행 하면 Front-end

- 코드의 실행이 Server 컴퓨터에서 실행 하면 Back-end

 

8. Full-Stack

- Front-end 전문가

- Back-end 전문가

- Front-end 할 줄 알고, Back-end도 할 줄 아는 개발자

 

9. 접근성

- 누구나 사용이 가능하게 만들자

ex) alt ="이미지 설명"

 

10. 표준화

- 하나의 Source로 모든 웹브라우저에서 동일하게 표현

- HTML5, CSS3 아직은 진행 중

 

---

1. HTML (Hyper Text  Markup Language)

 - 태그의 순서를 지정

 - 뼈대를 만들기

 - 정적인 언어

 

2. CSS

 - 스타일에 관련된 언어

 - 칼라, 크기, 위치, 등등을 조정

 - 정적인 언어

 

3. JavaScript

 - 동적인 언어

 - 이벤트

---

참고하면 좋은 사이트

폰트, 색상 조합 등

https://material.io/resources

Material Design

색상 배열

https://coolors.co/

Coolors - The super fast color palettes generator!