Front-End 의 첫 걸음

Front-End

---

프론트 엔드 개발자는 무엇을 공부해야할까 ?

---

" 프론트 엔드 "

HTML5(HyperText Markup Language)

: 웹 사이트의 구조를 담당. 문서에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 의미를 부여하는 언어.

 

CSS(Cascading Style Sheets)

: 웹사이트의 실제 표현되는 방법(색상, 크기, 폰트, 레이아웃 등) 지정해서 HTML 문서를 시각적으로 만들어주는 언어.

 

JavaScript

: 컨텐츠 내용을 바꾸고 움직이는 페이지 등을 만들기 위해 동적으로 프로그래밍 하는 언어.
(차이점 : 문법도 따로있고 새로운걸 만들어낼 수 있음.)
공부 중요도가 가장 높다.
SNS - SPA(Single Page Application)

 

ECMA6

 : 자바스크립트 표준화

 

JQuery

: 오픈소스 기반의 자바스크립트 라이브러리. 자바스크립트 언어를 쉽게 활용할 수 있도록 해줍니다.
요즘은 잘 안쓰지만, 써놓은것들이나 웹퍼블리셔가 쓰기때문에 알기는 해야한다.

 

React.js

: 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈소스 기반의 자바스크립트 프레임워크
고성능 싱글페이지 애플리케이션(SPA)를 구축하는데 사용한다.

 

---

서버

PHP

: 서버쪽에서 실행되는 프로그래밍 언어이며, HTML 코드를 프로그래밍적으로 생성합니다.
서버 : 정보를 제공하는 컴퓨터 혹은 프로그램
클라이언트 : 정보를 제공받는 컴퓨터 혹은 프로그램

 

Node.js

: 확장성 있는 네트워크 애플리케이션(서버 사이드) 개발에 사용되는 소프트웨어 플랫폼

---

CS

 

네트워크와 네트워크가 연결되어 있는 상태 : 인터넷

IP(Internet Protocol)
211.222.444.233

ip주소 확인 방법

1. 네이버 -> 내 ip 검색
2. cmd> ipconfig/all 엔터
IPv4 주소 : 내부 아이피

 

웹표준

웹에서 사용되는 표준 기술이나 규칙을 의미하며,W3C 권고안에 나온 기술들이 여기에 해당.

이 표준 기술들을 기준으로 웹 브라우저들이 만들어지는데, 브라우저를 만드는 업체에서 표준 기술을 해석하는 차이, 새로운 기술 삽입 등으로 조금 다르게 구동되는 브라우저가 생김.

 

크로스 브라우징

여러 브라우저에서 동일한 사용자 경험을 줄 수 있도록 하는 기술, 방법 등을 의미한다.
대부분의 브라우저는 최대한 웹 표준을 준수해서 제작되지만, MS IE 브라우저는 표준화가 쉽지 않은 브라우저다
그래서 IE에서도 동작하는 것을 보통 크로스 브라우징이라고 부르기도 한다.(표준만 쓰길 원함)

 

웹 접근성

정상적인 웹 컨텐츠 사용이 가능한 일반 사용자부터, 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있도록 웹 컨텐츠를 제작하는 방법을 말한다.

시각장애인 -- 리더기를 통해서 웹사이트를 읽는것을 듣는다.
웹 접근성에 위배되는 태그를 사용하지 않던가, 꼭 필요한 태그들은 지켜서 넣어줘야한다.

https://www.wah.or.kr:444/Accessibility/define.asp