시니어 개발자가 말하는, 프론트엔드 업무와 잘하는 프론트엔드 개발자란

프론트엔드의 역할

: 사용자와 서비스를 연결해주는 과정의 모든 것을 구현하는 역할

 

 

 

 

데이터를 예쁘게 잘 보여주기 (퍼블리셔)

: 서버에서 내려오는 데이터를 적절히 HTML, CSS를 통해 요구하는 디자인의 형태로 나타냄

 > 디자인을 HTML, CSS로 만들어내는 작업

 > 적절히 재사용이 가능한 형태로 디자인을 컴포넌트화 하는 작업

 > 기기, 브라우저, 화면 등에 맞게 디자인이 제대로 보이기 위한 작업

 > 시맨틱, 접근성, 검색엔진 최적화 등을 위한 작업

 > 초기 로딩 속도를 개선하기 위한 최적화 작업

 > 서버의 데이터를 적절히 디자인 콘텐츠에 연결하여 데이터와 함께 출력하는 작어 

 

 

 

 

데이터(화면) 조작 (전통 프론트엔드 개발자)

: 만들어진 데이터에서 사용자의 입력을 받아서 적절히 다른 데이터로 변경하는 역할

: UI, DOM, WEB API에 대한 이해와 View를 이루고 있는 데이터에 대한 깊은 이해 필요

 > JavaScript를 공부해야하는 이유

: 현재의 화면을 데이터로 구성

: 사용자의 이벤트를 감지

: 해당 이벤트를 적절한 행동으로 분류

: 행동에 맞는 적절한 WEB API를 실행

: 해당 API의 결과를 통해 새로운 데이터를 생성

: 이 데이터를 기존의 데이터와 조립하여 원하는 데이터로 변경

: 해당 데이터를 화면에 출력

 

 

 

 

서버에 데이터를 보내기

: 이전에는 백엔드를 개발하던 사람이 API를 테스트 하면서 작업하던 영역 

: 인증, 보안, 헤더, CORS 등 백엔드에서 만들어둔 설정에 따라 작업

: 백엔드와 협업을 할 수 있을 정도의 CS 능력 필요

: HTTP 프로토콜과 REST API의 이해 필요

 

 

 

 

서버에서 받은 데이터를 다루기

: 백엔드에서 만들어둔 스펙과 실제 화면에서 보여줘야 할 스펙을 적절하게 만듦

: 데이터의 응답속도가 느림으로 인해 발생하는 실제화면간의 타이밍을 처리

 > 로딩, 중복 방지 등의 중간 과정을 적절히 처리

: 서버 응답에 따른 문제 원인 확인 및 문제 해결 능력 필요

 

 

 

 

 

화사의 입장에서 잘하는 개발자

- 시간을 잘 맞추고 협업을 잘하는 사람

: 일정을 잘 지키는 개발자

: 프로젝트의 규모와 요구사항을 통해서 전체적인 일정을 스스로 컨트롤 할 수 있고

  그 일정을 내가 조율하고 예측 가능한 작업을 할 수 있어야함

 

- 다른 분야에 대한 지식이 충분히 있어야하고 대화와 소통을 잘할 수 있어야함

: 문서를 잘 쓴다는 것은 어마어마한 능력

 

- 빨리 할 줄 알아야 함

: 아이디어가 굳어가기 전의 검증이 중요

: 아이디어나 디자인들이 만들어지고 나서 구현까지 시간이 오래 걸릴수록 매몰 비용 발생

 

- 트렌드 파악

: 트렌드를 잘 캐치하고 좋은 소식들을 잘 공유해주는 개발자

 

- 현재 프로젝트에 적절한 기술을 선택하는 밸런스

: 검증되지 않은 새로운 것을 잘못 선택할 경우를 대비

 

 

 

 

Refference

시니어 개발자가 말하는, 프론트엔드 업무와 잘하는 프론트엔드 개발자란 | 요즘IT