본문 바로가기
HTML & CSS

웹 퍼블리셔, 프론트엔드 개발자, 백엔드 개발자 차이

by mn06150 2020. 5. 13.

 

 

 

 

 

 

프론트 엔드(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