프론트엔드 개발 뜻
프런트 엔드 개발(클라이언트 측 개발)은
사용자가 직접 웹 사이트 또는 웹 응용 프로그램을 보고 상호 작용할 수 있도록
HTML, CSS 및 JavaScript을 이용해 개발하는 것입니다.
프런트 엔드를 만드는 데 사용되는 도구와 기술이 끊임없이 변하기 때문에
개발자는 개발 방식을 지속적으로 배우고 습득해야합니다.
사용자는 다양한 화면 크기와 해상도의 다양한 종류의 디바이스를 사용하므로
디자이너가 사이트 디자인시 이러한 측면을 고려하여 디자인하기 때문에
프론트엔드 개발은 더욱 복잡해지고 있습니다.
개발자는 자신의 사이트가 여러 브라우저 (cross-browser), 다른 운영 체제 (cross-platform) 및
다른 장치 (cross-device)에서 제대로 나타나는지 확인해야하고, 주의 깊게 계획해야합니다.
일반적으로 프론트엔드개발은 web browser에서 일반적으로 실행되지만 headless browser , WebView 또는
HTML, CSS 및 JavaScript를 개발하여 기본 런타임 환경의 컴파일 입력으로 실행할 수 있는 분야는
모두 프론트 엔드 개발 분야에 속한다고 할 수 있습니다.
프론트엔드 개발 영역
1. 웹브라우저 : WWW에서 정보를 검색, 제시 및 트래버스하는 데 사용되는 소프트웨어
(크롬, 인터넷 익스플로러, 사파리, 파이어폭스 등)
2. 헤드리스 브라우저 : GUI(graphical user interface)가 없는 웹브라우저, command line에서 제어
(해드리스 크롬, 좀비, 슬리머 등)
3. 웹뷰 : 네이티브 응용 프로그램에서 웹 페이지를 실행하는 네이티브 OS에서 사용
(코르도바, NW.js 등)
4. 네이티브 웹 테크 : 웹엔진이 없는 웹기술(css, javascript 등)을 사용하여 기본 응용 프로그램을 만드는 개발환경
(Flutter, React Native)
프론트엔드 개발자의 웹 기술
1. HTML : 하이퍼 텍스트 마크업 언어
2. CSS : 계단식 스타일 시트
3. URL : Uniform Resource Locators
4. HTTP : 하이퍼 텍스트 전송 프로토콜
5. ECMAScript 262 : JavaScript 프로그래밍 언어
6. JSON : JavaScript Object Notation
7. DOM : Document Object Model)
8. WEB API : Web Application Programming Interface
9. 웹 콘텐츠 접근성 가이드 라인(WCAG) 및 액세스 가능한 풍부한 인터넷 응용 프로그램 (AKA)
(참고 링크 : https://platform.html5.org/)
프론트엔드 개발자가 되기 위한 방법
1. 웹이 어떻게 작동 하는지를 대략적으로 배우기
2. HTML 배우기
3. CSS배우기
4. 자바스크립트 배우기
5. DOM 배우기
6. JSON 및 데이터 API 배우기
7. 사용자 인터페이스 디자인(UI, UX)의 기본 사항, 패턴 배우기
8. CLI / 명령줄 배우기
9. 소프트웨어 엔지니어링 배우기
10. 여러 프론트엔드 도구를 조사하고 배우기 (Webpack, React 등)
11. Node.js 배우기