웹 기술

웹사이트나 애플리케이션을 만들기 시작할 때 다양한 기술들로 인해 혼란을 느끼기 쉽습니다. 언어, 프레임워크, 도구들 사이에서 방향을 잡는 것은 쉽지 않습니다.

이 글은 오늘날 웹에서 사용되는 주요 기술에 대한 개요를 제공합니다. 모든 내용을 다루지는 않지만 가장 일반적이고 널리 사용되는 솔루션을 소개합니다.

프로그래밍 언어

(x)Html

웹 콘텐츠를 구조화하고 의미를 부여하는 마크업 언어입니다. “HyperText Markup Language”의 약자로 HTML이라 합니다. 폼 생성, 링크, 이미지, 비디오 삽입이 가능합니다.

CSS

웹 문서(HTML 페이지 등)의 스타일을 지정하는 데 사용됩니다. “Cascading Style Sheets”에서 유래되었습니다. 색상, 글꼴, 테두리 등 외형과 위치 속성의 목록입니다. CSS의 목적은 콘텐츠와 시각적 표현을 분리하는 것입니다.

PHP

PHP는 동적인 웹 페이지를 만드는 데 사용되는 프로그래밍 언어입니다. 약 4개 중 3개의 웹사이트가 어떤 방식으로든 PHP를 사용합니다.

Javascript

웹 페이지에 애니메이션과 효과를 추가하는 데 사용됩니다. 또한 페이지를 인터랙티브하게 만들고 사용성 또는 사용자 인터페이스를 개선하는 데에도 사용됩니다.

Jquery

웹 페이지에서 JavaScript 작성을 쉽게 해주는 오픈 소스 JavaScript 라이브러리입니다. HTML 조작, 이벤트 처리 및 페이지와의 상호작용을 단순화할 수 있습니다.

기타 기술

Mysql

오픈 소스 관계형 데이터베이스 관리 시스템입니다. 사용자, 게시글 또는 제품과 같은 웹사이트의 데이터를 저장하고 정리할 수 있습니다.

Ajax

페이지를 새로 고치지 않고 서버에서 데이터를 불러올 수 있는 기술입니다. 웹사이트를 더 빠르고 인터랙티브하게 만드는 데 사용됩니다.

Nodejs

JavaScript를 서버 측에서 사용할 수 있게 해주는 런타임 환경입니다. 특히 실시간으로 동작하는 빠른 웹 애플리케이션을 만들 수 있습니다.

React

Facebook에서 개발한 오픈 소스 JavaScript 라이브러리입니다. 사용자 인터페이스를 만드는 데 사용되며, 특히 단일 페이지 웹 애플리케이션에서 많이 사용됩니다.

Wordpress

무료 오픈 소스 CMS(콘텐츠 관리 시스템)입니다. PHP로 작성되었으며 MySQL 데이터베이스를 사용합니다. 다양한 플러그인을 통해 쉽게 웹사이트를 만들 수 있습니다. 40% 이상의 웹사이트가 이를 사용합니다.

Prestashop

이커머스를 위한 오픈 소스 CMS입니다. 온라인 쇼핑몰을 쉽게 만들고 관리할 수 있습니다.

Angular

Google에서 개발한 오픈 소스 프레임워크입니다. 페이지, 상호작용 및 데이터를 관리하여 웹 애플리케이션을 만들 수 있습니다.

Python

다목적 오픈 소스 프로그래밍 언어입니다. 웹사이트를 만들고 작업을 자동화하며 애플리케이션을 개발하는 데 사용됩니다.

Vue.JS

오픈 소스 JavaScript 프레임워크(간단히 Vue라고도 함)로, 사용자 인터페이스와 웹 애플리케이션을 만드는 데 사용됩니다.

Symfony

오픈 소스 PHP 프레임워크입니다. 코드의 구조화와 개발을 쉽게 하여 웹사이트와 웹 애플리케이션을 만들 수 있습니다.

Laravel

Symfony를 기반으로 일부 개발된 오픈 소스 PHP 프레임워크입니다. 개발을 쉽게 하여 웹사이트와 웹 애플리케이션을 만들 수 있습니다.

Ruby

사용하기 쉽고 편리하도록 설계된 오픈 소스 객체 지향 프로그래밍 언어입니다. 웹 애플리케이션과 소프트웨어를 개발하는 데 사용됩니다.

Zend

오픈 소스 PHP 프레임워크입니다. 코드를 구조화하고 개발을 쉽게 하여 웹사이트와 웹 애플리케이션을 만들 수 있습니다.

Cakephp

PHP로 작성된 오픈 소스 웹 프레임워크입니다. MVC 아키텍처를 따르며, 데이터베이스 관리와 코드 구조화 도구를 통해 웹 애플리케이션 개발을 쉽게 해줍니다.

Apache cordova

Apache Foundation의 오픈 소스 프레임워크로, HTML, CSS, JavaScript 같은 웹 기술을 사용해 크로스플랫폼 모바일 애플리케이션을 만들 수 있습니다.

Ionic

HTML, CSS, JavaScript 같은 기술을 사용해 크로스플랫폼 모바일 및 웹 애플리케이션을 만들 수 있는 오픈 소스 프레임워크입니다.

Joomla

다양한 유형의 웹사이트(기업 소개 사이트, 블로그, 콘텐츠 포털 등)를 만들기 위해 사용되는 무료 오픈 소스 CMS입니다. Joomla는 PHP로 작성되었으며 일반적으로 MySQL 데이터베이스를 사용합니다.

CodeIgniter

MVC 패턴을 따르는 PHP 기반 오픈 소스 프레임워크입니다. 가볍고 빠르며 사용하기 쉬워 웹 애플리케이션 개발에 많이 활용됩니다.

Woocommerce

워드프레스를 위한 오픈 소스 전자상거래 확장 기능입니다. WordPress 사이트를 온라인 쇼핑몰로 바꿔주며, 웹에서 판매할 때 가장 인기 있는 솔루션 중 하나입니다.

Bootstrap

웹사이트와 애플리케이션의 디자인 및 레이아웃을 만들기 위해 사용되는 프론트엔드 프레임워크입니다. 바로 사용할 수 있는 HTML, CSS, JavaScript 컴포넌트를 제공합니다.

Haml

더 간결한 문법으로 HTML을 생성하는 데 사용되는 마크업 언어입니다. 템플릿 작성을 더 빠르고 읽기 쉽게 만드는 것을 목표로 합니다.

Sass

변수, 중첩, 믹스인 같은 기능을 추가해 스타일시트 작성과 유지보수를 쉽게 해주는 널리 사용되는 CSS 프리프로세서입니다.

출처

웹사이트에서의 PHP 사용 통계 (영문)
워드프레스 통계 2020

용어집

Framework: 소프트웨어나 웹 애플리케이션의 기반과 구조를 만드는 데 사용되는 구성 요소 집합

CMS: “Content Management System”의 약자입니다

Open-Source: 자유로운 재배포, 소스 코드 접근 및 파생 작업 생성을 허용하는 라이선스

MVC: “Model View Controller”라고도 하며 웹 애플리케이션에서 많이 사용되는 아키텍처 패턴입니다

Préprocesseur: 컴퓨팅에서 프리프로세서는 컴파일 전에 코드를 변환하는 프로그램입니다

개발 비용 계산

개발 비용의 다양한 요소와 프로젝트 예산에 영향을 미치는 요인을 이해하세요. ...

인터넷

165

애자일 방법론

애자일 방법론을 알아보고, 이를 통해 더 유연하고 빠르며 고객 요구에 초점을 맞춘 프로젝트를 어떻게 개발할 수 있는지 이해해 보세요. ...

생산성

169