웹사이트 풀스택 개발자. 무엇을 개발하나?

 

웹에서 프론트 엔드와 백 엔드(서버) 모두를 개발가능한 사람을 말합니다. 혼자서 다 개발하기란 너무나도 힘든 일이지만 혼자서 온전히 하나의 웹사이트나 서비스를 개발할 수 있는 사람을 풀스택개발자라고 합니다.

 

 

목차

 

 

1. 프론트 엔드 (Front-End)

 

프론트 엔드는 사용자가 사이트에 들어와서 보여지는 부분 즉, 디자인과 인터페이스 등이 이에 속합니다.

 

1.1 사용자 인터페이스 (UI) 개발 

웹페이지의 인터페이스를 디자인하고 개발하고 사용자 경험(UX)를 개선합니다.

 

1) HTML - 웹페이지의 구조

2) CSS - 웹페이지의 스타일

3) JavaScript - 웹페이지의 동적 기능을 구현하는 데 필수적인 언어입니다.

• jQuery : html의 클라이언트사이드 조작을 단순화합니다.
• jQuery UI : GUI위젯, 애니매이션 시각 효과, 테마

 

1.2 웹 디자인

사용자 경험을 고려하여 웹페이지나 어플리케이션 디자인 작업을 수행합니다.

 

1.3 프론트엔드 프레임워크 / 라이브러리

프론트엔드 프레임워크나 라이브러리를 통해 더 쉽고 효과적으로 UI를 개발합니다.

 

1) React - 단일 웹 페이지나 모바일 웹에서 UI화면에 표시되는 뷰 개발에 사용되는 라이브러리입니다.

2) Angular - 구글에서 배포한 프레임워크로 모델, 뷰, 컨트롤러 (MVC) 개발 방식을 지원합니다.

3) Vue.js - 사용자 인터페이스 개발

 

 

 

 

2. 백엔드 (Back-end)

 

백엔드는 프론트엔드와 반대로 웹 또는 앱의 서버 사이드쪽 개발을 말합니다.

 

2.1 서버 측 로직 개발

데이터 처리, 비즈니스 로직 실행 등의 서버 측 코드를 개발합니다.

 

1) PHP - 서버쪽에서 가장 많이 쓰이는 언어로 HTML처리하고 다양한 데이터베이스를 지원합니다. 

2) Node.js - 서버단기술까지 제어할 수 있는 프레임워크

• Express.js

3) Python - 파이썬 언어로 개발된 웹 프레임워크

• Django : 뉴스 기반 웹사이트를 관리하기 위해 만들어진 CMS
• Flask : 마이크로 웹 프레임워크로 간단한 웹사이트나 API서버를 만드는데 특화되어 있습니다.

4) Ruby 

• Ruby On Rails (루비 온 레일즈) : MVC패턴을 이용하는 웹 프레임워크로 데이터베이스를 이용한 웹애플리케이션을 개발할 때 반복되는 코드를 줄여 개발 기간을 단축할 수 있습니다.

5) 기타

• Java
• Go : 컴파일 언어
• CodeIngniter - MVC 웹프레임워크

 

2.2 데이터베이스 관리

데이터베이스 설계, 쿼리, 데이터 모델링과 데이터 관리를 개발합니다.

 

1) SQL 

• MySQL - 가장 많이 쓰이는 오픈 소스 관계형 데이터베이스 관리 시스템 (RDBMS)
• PostgreSQL - 데이터베이스 객체를 사용자가 만들수 있습니다.

2) NoSQL 

• MongoDB - 도큐먼트 지향 데이터베이스 시스템
• Redis - In Memory 데이터베이스

 

2.3 API 개발

클라이언트와 서버 간 상호 작용을 위한 성능최적화를 개발합니다.

 

1) RESTful API - http 프로토콜의 장점을 살릴 수 있는 네트워크 기반 아키텍쳐

 

2.4 보안

서비스 보안을 강화합니다.

 

---

 

프론트엔드와 백엔드를 개발하다가 보면 혼자서 공을 던지고 막 뛰어 가서 그 공을 받는 것처럼 느껴집니다. 이것이 과연 가능하긴 한건지 또는 효율적인 것인지 한번 생각해 볼 만한 문제입니다. 위에서 말한 모든 것들을 전부 다 잘 할수는 없습니다. 웹 개발에 어떤 선택지가 있는지 알고 필요한 것들만 선택해서 사용할 수 있다면 풀스택 개발자가 될 수 있습니다.

 

 

관련포스트

개발환경 | 개발 도구의 종류

개발환경 | 웹프레임워크의 종류

JavaScript | 자바스크립트 개발도구

데이터베이스와 DBMS