프런트 엔드와 백엔드의 차이

프런트 엔드의 의미

프런트 엔드는 웹사이트나 앱에서 사용자가 직접 눈에 띄는 부분을 담당하는 엔지니어입니다. 구체적으로 말하면, 유저에게의 각종 표시나 조작의 접수, 나아가서는 Web 페이지의 디자인등을 담당하는 일도 있습니다. 그 밖에도 타이틀이나 부제목 등을 HTML 태그를 활용하여 보기 쉽게 하는 업무를 맡을 수도 있습니다. 프런트 엔드는 사용자의 눈에 띄는 부분의 개발에 종사하므로 사용자로부터의 반응을 직접 받기 쉽습니다.

백엔드의 의미

백엔드가 개발에 있어서 담당하는 부분은 서버 측이나 데이터베이스의 처리 등, 유저의 눈에는 보이지 않는 부분입니다. 구체적으로는 데이터베이스의 구축, 서버의 구축, 시스템의 개발/운용, 프로그램 개발 등을 들 수 있습니다. 백엔드가 담당하는 업무의 대부분이 사용자에게서 보이기 어려운 부분입니다. 그러나 말할 필요도 없이 백엔드의 존재가 없다면 시스템을 작동시킬 수 없습니다. 백엔드는 유저가 보이지 않는 자리 아래의 힘이라 할 수 있습니다.

프런트 엔드 엔지니어에게 필요한 기술과 지식

사용 프로그래밍 언어

HTML

HTML은 웹사이트를 구축하는 데 있어서 기본이 되는 언어입니다. 이 언어를 사용하면 문장의 구성과 문장의 역할을 보여줍니다. 단락이나 링크, 표제, 표 등에 있어서 문장이 구성되어 있는 요소가 어떤 역할을 담당하고 있는지 지시합니다. 그러나 HTML 태그를 사용할 때는 시작 태그와 종료 태그를 세트로 사용해야 합니다. 탭이나 코멘트를 이용해 잘 표기할 수 없으면, CSS의 적용 범위를 모르기 때문에 조심합시다.

CSS

CSS를 사용하면 웹 사이트를 장식하고 배치할 수 있습니다. 웹사이트의 외형을 정돈할 때에도 이용할 수 있어 웹사이트를 폰트의 사이즈나 색, 이미지 등을 조정해 보기 쉽게 하거나 기업의 이미지에 맞는 장식을 베풀거나 합니다. 또한 음성으로 읽거나 인쇄할 때 설정을 할 때도 사용됩니다.

JavaScript

JavaScript는 브라우저에서 애니메이션을 활용하여 표현할 때나 HTML을 동적으로 재작성할 때 이용되는 언어입니다. JavaScript는 요구가 있는 언어의 하나이고, 프로그래밍 초보자도 언어의 구조가 심플하기 때문에 마스터하기 쉬운 언어입니다. 다만, 이 언어는 서버 측에서도 최근에 취급할 수 있게 되는 등 급속하게 변화하고 있습니다. 변경 사항이 없는지 등 항상 확인하여야 합니다.

PHP

PHP는 프로그래밍 언어 중에서도 웹 서비스 개발에 특화된 언어입니다. 이 언어는 CMS WordPress를 구축할 때 필수적인 언어입니다. 그 외에도 서버 측에서 프로그램을 실행할 수 있기 때문에 서버 측 웹 사이트에도 많이 이용되고 있습니다. 또한 PHP도 비교적 이용하기 쉬운 언어이기 때문에 많은 분들에게 마스터하기 쉽다고 할 수 있습니다.

파이썬

Python은 최근 몇 년 동안 주목받고 있는 언어 중 하나로 AI 개발 및 기계 학습에서도 사용되는 언어입니다. 그 외에도 Python은 다양한 장면에서 이용되고 있으며, IoT나 분석 툴 등에서도 채용되고 있습니다.

UI / UX 설계 스킬

UI란 User Interface의 약어로, 사용자 인터페이스라고 합니다. UI는 기기, 시스템, 소프트웨어 등과 이를 이용하는 사람 사이에 정보를 교환하는 구조입니다. 구체적으로는, 시스템으로부터 이용자에 대한 정보의 표시 방법, 이용자가 시스템을 조작하는 수단이나 방식 등의 총체를 가리킵니다. 한편, UX는 User Experience의 약어로, 사용자 경험이라고 합니다. UX에는 시스템을 통해 얻을 수 있는 전체 사용자 경험이 포함됩니다. 그리고, UI/UX 설계란 사용자가 사용하기 쉬운 웹 사이트를 제작하기 위한 설계입니다. UI/UX에서는 개발자의 이상이나 생각, 디자인성의 높이뿐만이 아니라, 유저에게 있어서의 사용의 용이함 등을 중시합니다. 사용자에게 유용성이 나쁘면 아무리 훌륭한 웹 사이트나 재미있는 앱에서도 좀처럼 이용되지 않을 것입니다.

백엔드에 대한 간단한 지식

프런트 엔드와 백 엔드는 각각 다른 역할을 갖고 있지만, 양자의 업무가 전혀 관련이 없다는 것은 아닙니다. 프런트엔드 업무를 담당할 때도 기본적인 스킬의 하나로서 백엔드에 대한 간단한 지식을 가지고 있어야 합니다. 이러한 지식을 가지고 있으면 프런트 엔드 업무에 도움이 될 수 있습니다. 또한 프런트 엔드 업무를 담당하는 엔지니어가 백엔드의 복잡한 업무를 맡기는 것은 기본적으로 없습니다. 그러나, 백엔드의 영역이라도 간단한 트러블등의 대응을 할 수 있으면, 편리한 존재가 될 수 있을 것입니다.

백엔드 엔지니어에게 필요한 기술과 지식

사용 프로그래밍 언어

Java

Java는 가전 등에 내장되어 동작하기 위해 개발된 언어입니다. Java가 개발되기 전에는 새로운 가전제품이 태어날 때마다 프로그램 개발이 필요했습니다. 그러나, 이 언어가 개발된 것으로 개발에 걸리는 수고를 크게 줄일 수 있게 되었습니다. 또한 Java는 업무 시스템, 웹 사이트, 웹 애플리케이션, Android 앱, 게임, 업무 시스템, 임베디드 시스템 등 다양한 것을 개발할 수 있습니다.

파이썬

프런트 엔드와 마찬가지로 백엔드에서도 Python은 업무에서 사용하는 장면이 많은 언어입니다. 앞에서 언급했듯이이 언어는 웹 사이트 구축 및 기계 학습과 같은 개발에 사용됩니다. 시스템의 기초가 되는 부분을 개발하는 백엔드에 있어서, 최신 기술의 개발에 종사하는 데 있어서 Python의 지식은 불가결하다고 할 수 있을 것입니다.

Go 언어(Golang)

Go 언어(Golang)는 Google에서 개발한 백엔드 언어입니다. 2009년에 발표된 비교적 새로운 언어이지만, 수요는 해마다 증가하고 있습니다. Go 언어는 프로그래밍 언어, 개발자를 대상으로 한 소프트웨어, 결제 및 인증 등의 마이크로 서비스, IoT 기기를 작동시키는 임베디드 시스템 등을 개발할 수 있습니다. 이 언어는 취득 난도가 높고, 최근 요구가 높아지고 있는 언어이기 때문에, Go 언어를 기술할 수 있으면 고수입의 안건도 획득하기 쉬워집니다.

Ruby

Ruby를 사용하여 우편 주문 사이트 및 미디어 사이트 등을 구축할 수 있습니다. Web상에서 정보나 서비스를 전수하는 사이트의 구축에 종사하고 싶은 분은 억제해 두고 싶은 언어입니다. 또한 Ruby는 서버 측 처리를 구현하는 데 사용되지 않습니다. 이 언어를 사용하여 웹 브라우저에 표시할 데이터를 웹 서버에서 가져오거나 가공할 수도 있습니다.

인프라 설계 및 구축 기술

백엔드 및 프런트엔드 외에도 인프라를 전문으로 하는 엔지니어도 있습니다. 그러나, 백엔드를 담당하는 엔지니어라도 인프라를 설계/구축하는 스킬을 가지고 있으면 현장에서 편리하게 되는 것 외에 일의 폭도 넓어지기 쉽다고 생각됩니다. 인프라 엔지니어에게도 다양한 업무가 있는데, 그중에서도 서버나 데이터베이스의 작성은 중요한 업무입니다. 백엔드 엔지니어가 서버에서 처리하고 데이터베이스에 저장하는 반면 인프라 엔지니어는 백엔드 엔지니어가 코드를 작성할 수 있는 상자를 제공합니다. 백엔드가 이 상자의 상태나 트러블등을 인지할 수 있으면 개발을 원활하게 실시할 수 있습니다.

프런트 엔드에 대한 간단한 지식

프런트엔드는 백엔드에 대한 지식이 필요하다는 것을 앞에서 언급했지만, 백엔드에도 프런트엔드에 대한 간단한 지식이 필요합니다. 백엔드가 프런트 엔드에 관한 간단한 지식을 가지고 있으므로, 개발에 있어서 트러블이 발생했을 때에 대응할 수 있는 것 외에 개발에 폭넓은 범위에서 종사할 수 있습니다.