웹 프런트엔드 개발
- 웹 사이트(또는 포함된 컨텐츠)를 소비하는 사용자의 입장에서 눈에 보이는 영역의 UI(User Interface) 요소 등을 개발하는 것
- 마크업(HTML + CSS) 개발 + JavaScript 개발
- 웹 프런트엔드 개발자는 마크업 개발에도 능숙해야한다.
- 궁극적인 목표는 웹 사이트를 통해 서비스를 이용하는 사용자의 접근성과 편의성 증진.
- Web 1.0은 단방향 정보 제공을 위한 정적인 문서를 제공하는 데 초점을 맞춤
- 웹 Front-End와 Back-End의 경계가 모호했음.
- Ajax의 등장과 클라이언트 개발의 복잡도 증가로 웹 Front-End와 Back-End의 경계가 나눠지려는 움직임
- Web 2.0은 jQuery, Node.js의 등장을 선두로 복잡도가 높은 클라이언트 개발의 편의를 돕는 React.js, Vue.js, Angular.js 등의 도구가 등장.
- Web 3.0은 AI와 블록체인을 기반으로 유저에게 맞춤화된 웹, 데이터 소유의 개인화를 지향하는 웹.
개발 프로세스
- 제품 개발은 아래와 같은 순서로 이루어진다.
- 요구사항 분석: 고객의 요구사항을 분석하고 어떤 기능을 도입할지 기획하고 구체화
- 설계: 개발환경 구축, 데이터 구조 설계, 컴포넌트 단위 분리, 계층화
- 개발: 산출된 디자인과 기획서를 기준으로 마크업, JS 개발 시작
- 배포: 테스트 환경을 구성해 QA 진행, 배포 전략 수립 및 최종 배포 진행
- 모든 개발 단계에서 프런트엔드 개발자는 다양한 직군과의 협업이 이루어지므로, 효율적인 소통, 건설적인 대화를 지향하고 팀의 사기를 떨어뜨리지 않게 주의하자.