웹 개발자 – 비전공자를 위한 IT 지식을 알아 보겠습니다. 최근 비전공자 직장 동료와 지인들이 개발을 배워보려고 저에게 질문을 하고 도움을 요청하고 있습니다.
그냥 단순히 알고 있는 지식을 상대방에게 이해하도록 설명하려니 매우 어려웠습니다.
남에게 무언가를 알려주기 위해 저도 공부를 해야 한다는 것을 다시 한번 느끼게 해주었습니다.
프로그래밍 개발
컴퓨터에 돌아가는 소프트웨어 개발하는 과정에서 기능을 설계하고 소스 코드 작성 운영 관리에 필요한 다양한 업무를 의미합니다. 가장 기반이 되는 것은 코딩으로 컴퓨터에게 이런 저런 명령어들을 작성하는 과정입니다.
지금까지 누군가가 만들어 놓은 프로그램을 잘 이용했다면 프로그래밍을 배우고 나서는 직접 프로그램을 만들 수 있습니다.
우리가 흔히 사용하는 인터넷 브라우저에서 돌아가는 웹 개발을 위한 언어로는 Python, JavaScript, Java, PHP, C# 등으로 많은 언어가 존재합니다.
각 언어마다 고유한 구문 규칙이 있습니다. 초기 개발 접근이 쉬운 언어로는 HTML, CSS, Javascript가 있습니다. 개발 과정을 눈으로 바로 보며 진행할 수 있어 흥미롭게 개발 시작할 수 있습니다. 그리고 모바일 앱으로는 안드로이드 기기에서 사용하는 Kotiln과 Android IOS 애플 기기에서 사용되는 swift가 있습니다. 두 기기 모두 동작하게 만들어주는 Reactnative, flutter등 언어도 있습니다.
개발자는 다양한 언어 기반으로 역할과 담당할 수 있는 분야가 나눠져 있습니다. 어느 정도 경력이 쌓이면 다양한 개발 언어를 보유한 개발자도 많이 있습니다.
개발자 담당 종류
웹 개발자
웹 사이트를 개발하는 사람입니다. 웹 브라우저 사이트에 보이는 부분, 기능, 보이지 않는 부분, 정보 데이터 처리 등 다양한 기술로 서비스가 만들어집니다. 또한 사이트가 안정적으로 유지하고 신규 기능과 개선을 위해 많은 시간과 노력이 필요합니다. 또한 웹 개발자는 여러 전문화된 분야로 나눌 수 있습니다.
웹 퍼블리셔
웹 사이트에 보이는 부분을 전문적으로 담당합니다. 웹 디자이너가 디자인한 것을 웹 브라우저가 이해하도록 HTML, CSS와 Javascript를 사용하여 시각적인 작업을 합니다. 또한 웹 페이지의 접근성과 검색 엔진에 최적화를 고려하여 작업합니다.
HTML: 다양한 웹 브라우저의 화면에 보이는 구조를 잡아주는 언어입니다.
CSS: HTML 구조를 잡은 후 폰트, 색상, 크기등 다양하게 시각적으로 꾸며주는 역할을 합니다.
프론트 엔드
웹 사이트에 보이는 부분 뿐아니라, 웹 브라우저에서 이용하는 다양한 사용자 기능 개발을 구현하고 서버에서 데이터를 받아 사용자 경험을 높이는 업무를 진행합니다. HTML과 CSS 뿐아니라 Javascript를 능숙하게 사용하고 브라우저에 대한 이해도도 높습니다.
백엔드 개발자
웹 브라우저 사용에 필요한 모든 데이터 정보들을 다루고 전달해주는 역할을 합니다. 다양한 정보를 데이터베이스에서 분석과 가공하여 필요한 정보를 전달합니다. 백엔드 개발에 사용하는 언어는 다양합니다.
풀스택 개발자
프론트 엔드와 백엔드 모두를 다룰 수 있는 개발자로 웹 프로젝트에 모든 것을 담당합니다. 그러나 웹 퍼블리셔 영역은 개발자 마다 차이가 많이 있습니다. 제 경험으로는 프론트 엔드 개발자도 웹 퍼블 작업만 전문적으로 하는 분에 비해 깊은 이해도가 없는 분들이 많습니다.
웹 개발 진행 과정
웹 개발 진행 과정을 크게 5과정으로 나눠보았습니다. 큰 프로세스는 비슷하지만 프로젝트 규모에 따라서 과정별 다양한 업무들이 존재합니다.
일반적으로 아래와 같이 프로젝트를 구분할 수 있습니다.
- 요구사항 분석: 웹 프로젝트를 시작하기 전에 클라이언트와의 미팅을 통해 요구사항을 정확히 파악합니다. 어떤 기능이 필요한지, 어떤 디자인이 원하는지 등을 이해합니다.
- 설계: 요구사항을 바탕으로 웹 사이트 또는 애플리케이션의 구조 및 기능을 설계합니다. 이 단계에서는 사용자 인터페이스(UI) 디자인, 데이터베이스 설계 등을 수행합니다.
- 개발: 설계된 기획을 바탕으로 실제로 웹 페이지를 개발합니다. 프론트엔드 개발자는 HTML, CSS, JavaScript를 사용하여 사용자 인터페이스를 구현하고, 백엔드 개발자는 서버 사이드 로직을 개발하고 데이터베이스와의 상호작용을 구현합니다.
- 테스트: 개발된 웹 페이지를 다양한 테스트를 통해 검증합니다. 기능 테스트, 성능 테스트, 보안 테스트 등을 수행하여 웹 페이지의 안정성과 품질을 확인합니다.
- 배포 및 유지보수: 개발된 웹 페이지를 실제 서버에 배포하고, 이후에도 필요한 유지보수 작업을 수행합니다. 버그 수정, 기능 추가, 보안 업데이트 등을 진행하여 웹 페이지를 지속적으로 개선합니다.
이러한 과정은 웹 개발의 큰 틀을 제공하며, 프로젝트의 규모와 요구사항에 따라 세부적인 업무들이 추가될 수 있습니다. 웹 개발자는 이러한 과정을 잘 이해하고, 적절한 업무 분담과 협업을 통해 웹 프로젝트를 진행 할 수 있습니다.
다음 포스팅에서는 오늘날 가장 많이 사용되는 웹 사이트의 개념과 간단한 웹 페이지를 만들어가며 웹 퍼블리셔, 프론트 엔드, 백엔드 개발자들이 하는 업무에 대해 더 자세히 알아볼 것입니다. 비전공자 분들도 참여할 수 있도록 기본적인 웹 브라우저 흐름을 이해하고, 과정을 통해 웹 개발에 대한 지식을 쌓아보세요. 이를 통해 웹 개발에 대한 이해도를 높일 수 있을 것입니다.
