프론트 엔드(Front-End)
- 우리가 모니터를 통해 보고 있는 화면을 구성하는 것 (레이아웃, 텍스트, 컬러, 그림 등)들
- 백엔드 개발자가 만든 집의 내부 디자인 담당
프론트엔드를 개발하기 위해 요구되는 기술
- HTML : 웹페이지의 뼈대(전체적인 틀)를 구성
- CSS : HTML로 작업된 웹페이지에 디자인적인 부분(컬러나 폰트 등)을 담당
- JavaScript : 정적인 웹페이지를 동적으로 만들어줌
프론트엔드 구성
- UX Designer : 사용자에게 최상의 편리함을 제공하기 위한 사이트의 구성 및 기능 담당
- Web Deginer : UX Designer가 구성한 것을 토대로 디자인을 입히는 역할
- Front-End developer : 위의 디자인을 웹 어플리케이션으로 구현
프론트엔드 개발자 주요 업무
- 목업(Mockup) / 와이어프레임(Wireframe) 개발에서부터 전달 단계
- Designer와 사용자 경험 분석가와 긴밀히 협력 관계 유지
- 사용자 경험 기준에서의 문제 발견
- 디자인 수정에 관한 조언 및 문제 해결을 위한 코드 제공
- 목표 / 필요 / 기회에 대한 정확한 이해 및 수행을 위해 다른 팀과 유연하게 협력
백엔드(Back-End)
- 눈에 보이지 않는 서버, 프로그램 기능 등의 영역에 해당
- 웹페이지의 컨텐츠를 공급하며, 내부적으로 DB(데이터 베이스)들을 저장하거나 관리하는 역할
- 사용자와 접촉하지 않고 Front-End와 연동하여 기술적인 부분을 처리
백엔드를 개발하기 위해 요구되는 기술
- PHP, Ruby, Python, Java, .Net : 서버 측 언어 활용하여 응용 프로그램 제작
- MySQL, Oracle, SQL Server : 데이터 검색, 저장 및 변경 후 프론트 엔드 코드로 사용자에게 다시 제공
백엔드 구성
- 백엔드 파트는 비교적 다양한 형태를 띈다. 그 중 몇가지 예로 들면 다음과 같다.
- 서버관리자 : 서버 환경설정, 서버구성 관리
- DB관리자 : DB 설계, Data 관리 및 최적화
- Back-End developer : 서버 자체를 코딩
백엔드 개발자 주요 업무
- 비즈니스 이해 관계자와 소통하며 구체적 요구 사항 파악
- 요구사항을 기술적 내용으로 변환
- 기술설계를 위한 가장 효율적인 솔루션 제시
- 위의 기술 및 도구(Tools)을 사용하여 모듈화가 가능한 코드로 웹 응용 프로그램을 제작
웹퍼블리셔와 프론트엔드 개발자의 차이
- 웹퍼블리셔는 웹상의 보이는 시각적인 부분을 구현하는 사람
- 그러한 눈에 보이는 기술을 광범위하게 다루는 사람들을 프론트엔드개발자
- 사용자가 사이트와 상호작용하는 모든 부분의 개발, 관리, 유지 보수를 하는 것이 프론트엔드 개발자
프론트엔드 개발자가 퍼블리셔와 다른 점
- 더 동적인 화면을 구사
- 실제 작동 가능한 웹페이지를 구현
- 프론트엔드 개발자는 API를 웹페이지에 적용, 백엔드와 연동되는 실제 작동 가능한 웹 페이지를 구현
- 크로스 브라우징, 웹페이지의 호환성, 페이지의 개선 등을 맡음
- 단순 퍼블리싱 하는 것에서 나아가 웹사이트 전반에 대해 관리하고 유지 보수하는 일까지 맡음
'HTML & CSS' 카테고리의 다른 글
도메인과 URL, 포트 (0) | 2020.05.14 |
---|---|
크로스 브라우징과 벤더 프리픽스 (0) | 2020.05.14 |
BNX 홈페이지 구현 - 2 (0) | 2020.05.12 |
float 개념 (0) | 2020.05.12 |
BNX 홈페이지 구현 - 1 (0) | 2020.05.12 |