웹 개발에 필요한 두 포지션

웹 개발이란?

• 인터넷이나 인트라넷과 같은 네트워크를 통해 접근하는 웹사이트나 웹 어플리케이션을 만드는 작업
• velog부터 각종 쇼핑몰, SNS, OTT 서비스, 음악 스트리밍 서비스, 여행 예약 서비스 등등 다양하게 포함
• 웹 어플리케이션은 클라이언트 <-> 서버 상호 작용

이렇게 클라이언트와 서버 관계를 가지기 때문에, 사용자와 제공자의 시점이 나뉘고, 이를 알맞게 다루기 위한 웹 개발자의 포지션이 각각 존재한다.

프론트엔드 (Front-end)

1. UI/UX 구현

• 제공된 디자인 시안을 HTML/CSS/JS로 실제 동작하는 화면으로 구현
• 사용자 경험을 고려해 상호작용을 구현

2. 브라우저에서 동작하는 기능 개발

• 버튼 클릭, 스크롤, 폼 입력 등 사용자 행동에 따른 이벤트 처리
• API와 통신해서 데이터를 받아오고 화면에 반영

3. 웹 표준/접근성 준수

• 다양한 브라우저와 디바이스에서도 잘 작동하도록 구현
• 시각장애인 등도 웹사이트를 이용할 수 있도록 고려

4. 성능 최적화

• 페이지 로딩 속도, 렌더링 성능 등을 최적화
• 코드 분할, 이미지 압축, Lazy loading 등 적용

관련 언어 : HTML, CSS, JavaScript, React, Vue, Angular

프론트엔드 개발자가 되기 위해 필요한 역량

1. 디자인 감각: 사용자와 직접 상호 작용하는 웹 페이지를 디자인하고 사용자 친화적이고 매력적인 인터페이스 구현

2. 창의성: 새로운 아이디어를 생각하고 구현. 사용자에게 더 나은 경험을 제공, 혁신적인 솔루션 탐색

3. 커뮤니케이션 스킬: 디자이너, 백엔드 개발자, 프로젝트 매니저 등 다양한 팀원들과 효과적인 커뮤니케이션 스킬로 원활한 협업과 프로젝트 진행

4. 사용자 경험(UX) 이해: 사용자 관점에서 웹 페이지와 상호 작용에 대한 이해 필요. 사용자 경험 개선을 위해 사용자의 요구를 파악, 직관적, 효과적인 디자인을 구현

5. 문제 해결 능력: 문제를 신속하게 분석하고 해결하는 능력 필요

6. 지속적인 학습 의지: 새로운 트렌드, 라이브러리, 프레임워크 등에 대한 학습 의지와 끊임없는 자기계발 필요

백엔드 (Back-end)

1. 서버 개발

• 클라이언트(프론트엔드)로부터 요청을 받고 처리
• REST API 또는 GraphQL 등으로 통신

2. 데이터베이스 설계 및 연동

• 사용자 정보, 게시글, 결제 내역 등 데이터를 저장
• DB 쿼리를 효율적으로 작성하고, 보안과 성능 고려

3. 비즈니스 로직 구현

• 로그인 처리, 권한 제어, 결제 시스템, 추천 알고리즘 등 핵심 기능 처리

4. 보안 및 인증

• 사용자 인증(로그인), 권한 관리, 데이터 암호화, 해킹 방지 등

5. 서버 성능 및 확장성 관리

• 서버의 부하 분산, 캐시 처리, 트래픽 증가 대비
• 대용량 시스템, 마이크로서비스 설계

6. 배포 및 운영

• 코드가 실제 서비스 환경에 잘 배포되고 유지되도록 설정

관련 언어 : Java, Node.js, Python

백엔드 개발자가 되기 위해 필요한 역량

1. 논리적 사고: 복잡한 시스템을 구축하고 유지보수를 위한 논리적 사고와 문제 해결 능력 필수

2. 프로그래밍 언어 습득 능력: 서버 측에서 동작하는 어플리케이션을 작성. 하나 이상의 백엔드 프로그래밍 언어 습득 필요

3. 데이터베이스 관리: 데이터의 효율적인 관리, 검색, 조작을 위해 SQL 또는 NoSQL 데이터베이스를 다루는 능력 필요

4. 서버 관리: 서버를 설정하고 관리하는 능력이 필요. 클라우드 서비스(AWS, Azure, Google Cloud 등)를 사용하는 경험 유용

5. API 개발: 다른 시스템과의 통합을 위해 RESTful API 또는 GraphQL과 같은 인터페이스를 개발하는 능력 중요

6. 보안 이해: 보안 이슈에 대한 이해가 필요. 보안 취약점을 파악, 예방 능력 중요

7. 팀 협업: 다양한 업무와 팀원들과의 협업 필요. 효과적인 커뮤니케이션, 협업 능력 필요

8. 성능 최적화: 대용량 데이터를 다루는 서비스에서는 성능 최적화 필수. 서버 및 데이터베이스 성능을 모니터링, 최적화 능력이 중요

9. 지속적인 학습 의지: 새로운 기술, 도구, 트렌드에 대한 학습 의지 필요