프론트엔드 백엔드 차이

웹 개발에서 프론트엔드(Front-end)와 백엔드(Back-end)는 가장 많이 사용되는 용어입니다. Front-end는 사용자가 보고 상호 작용하며 백엔드는 모든 것이 작동하는 방식입니다.

프론트엔드 개발

Front-end 개발은 웹 사이트의 사용자 측면에서 방문자가 사이트와 상호작용 할 수 있게 진행이 됩니다. 개발자는 HTML(HyperText Markup Language) 및 CSS(Cascading Style Sheets)와 JavaScript와 같은 컴퓨터 프로그래밍 언어를 사용하여 웹 사이트를 디자인합니다.

HTML은 사이트의 콘텐츠와 구조 배치, CSS는 디자인 기능을 추가하며, 자바 스크립트는 고급 대화형 기능을 만듭니다.

Front-end 개발자는 jQuery, Bootstrap, AngularJS, EmberJS와 같은 프레임워크와 라이브러리를 사용하는 전문 지식이 필요합니다.

시각적으로 인터페이스가 올바르게 보이고 제대로 작동하도록 보장하기 위한 기술 전문 지식과 창의성을 필요로 하는 것이 Front-end Developer입니다.

1. Front-end 언어

• HTML : Hypertext Markup Language의 약자입니다. 웹페이지의 전체적인 틀을 구성하는 역할을 합니다.
• CSS : 캐스케이딩 스타일 시트(Cascading Style Sheets)는HTML로 작업한 웹페이지에 시각적으로(색상, 레이아웃, 폰트 등)을 덭 붙이게 됩니다.
• JavaScript : JavaScript는 사이트에서 사용자를 위한 대화형 사이트를 만드는 마법을 만드는 데 사용되는 유명한 스크립팅 언어입니다. 정적인 페이지를 동적인 페이지로 만들어 줍니다.

2. 프레임워크 및 라이브러리

프레임워크(Framework)는 웹 개발을 쉽고 간편하게 할 수 있도록 도와주는 도구입니다. 웹 개발자를 채용할 때 사용 가능한 프레임워크를 기재하도록 되어 있습니다. 라이브러리(Library)는 자주 사용되는 로직을 재 사용이 편리하게 잘 정리한 코드들의 집합을 뜻 합니다.

자동차에 비유하면 프레임워크는 자동차의 프레임,즉 뼈대를 의미하며 라이브러리는 자동차의 기능 역할을 하는 부품을 의미합니다.

백엔드 개발

백엔드는 웹 사이트의 서버 측입니다. 데이터를 저장하고 정렬하고 웹 사이트 클라이언트 측의 모든 것이 제대로 작동하는지 확인합니다. 사용자와 직접 접촉하지 않는 소프트웨어이며 웹의 뒷면이라고 할 수 있습니다.

서버, 데이터베이스, API 등을 총괄하며, 웹 서비스의 전반적인 구조를 이해하고 논리적인 사고가 요구됩니다. 백엔드는 서버 구축, 성능 최적화, 데이터베이스 설계 등 다양한 기술을 활용하여 데이터 저장 및 관리, 처리 시간 최소화, 사용자 증가 시 대응 방안을 고민하며 지속적으로 서버를 개발·유지 보수합니다.

Front-end에서 전달된 데이터를 처리하기 위해 비즈니스 로직을 구성하고 효과적인 데이터베이스 설계를 통해 데이터를 처리하는 역할을 수행합니다. 대표적인 언어로는 PHP, Python, Ruby, Java 등을 꼽을 수 있습니다.

• PHP: 서버 측 스크립트 언어로 개발되었으며, 많은 웹 시스템의 기반이 됩니다. 웹 개발에 특화된 장점과 함께, 이는 웹 외에는 사용이 제한되는 단점을 가지고 있습니다.
• Python: 은 가독성이 높고 다양한 라이브러리와의 쉬운 연동으로 높은 확장성을 갖추고 있지만, 처리 속도가 느리다는 한계가 있습니다.
• Ruby: 배우기 쉽고 확장성이 높으나, 성능이 느리고 한국에서 사용률이 낮아서 상대적으로 적게 사용되는 언어입니다.
• Java: 백엔드에서 주로 사용되며 객체 지향적 특성과 강력한 보안성을 지녔지만, 높은 성능을 요구하는 앱 개발에는 적합하지 않을 수 있습니다.

Front-end 및 Back-end 비교표