#웹개발
관련 글 26개
WebGL
개요 WebGL(Web Graphics Library)은 웹 브라우저에서 플러그인 없이 GPU(Graphics Processing Unit)를 활용하여 2D 및 3D 그래픽을 렌더링할 수 있는 JavaScript API이다. HTML의 <canvas>
Routing
개요 라우팅(Routing)은 사용자가 요청한 URL을 적절한 페이지나 기능으로 연결하는 과정을 의미한다. 예를 들어 사용자가 /login으로 접속하면 로그인 페이지를 보여주고, /board/1로 접속하면 게시글 번호 1을 출력하도록 연결하는 것이 라
XML
개요 XML은 데이터를 구조화하여 저장하고 전달하기 위해 만들어진 마크업 언어이다. HTML이 화면 표시를 목적으로 한다면 XML은 데이터 자체를 표현하는 데 목적이 있다. 과거에는 웹 서비스, ERP, 금융 시스템, 공공기관 시스템, RSS 피드 등
MVC
개요 MVC(Model-View-Controller)는 애플리케이션을 Model, View, Controller 세 영역으로 분리하여 개발하는 설계 패턴이다. 비즈니스 로직, 화면(UI), 요청 처리를 분리함으로써 유지보수성과 확장성을 높일 수 있다.
AJAX
개요 AJAX(Asynchronous JavaScript and XML)는 웹페이지를 새로고침하지 않고 서버와 비동기적으로 데이터를 주고받는 기술이다. 초기에는 XML 형식을 많이 사용했지만, 현재는 대부분 JSON 형식을 사용한다. AJAX를 이용하
Service Worker
개요 Service Worker는 브라우저와 서버 사이에서 동작하는 백그라운드 JavaScript 스크립트이다. 웹페이지와 독립적으로 실행되며, 네트워크 요청을 가로채 캐시를 활용하거나 오프라인 기능, 푸시 알림, 백그라운드 동기화 등을 구현할 수 있
Session
개요 Session(세션)은 사용자의 상태(State)를 서버에 저장하여 로그인 정보와 사용자 데이터를 유지하는 기술이다. 웹은 기본적으로 Stateless(무상태) 프로토콜인 HTTP를 사용하기 때문에 페이지를 이동하면 사용자를 기억하지 못한다. 이
백엔드
개요 백엔드는 사용자가 직접 보지 않는 서버 영역에서 데이터 처리, 비즈니스 로직 실행, 데이터베이스 관리, 인증 및 권한 관리 등을 담당하는 개발 분야이다. 프론트엔드에서 요청한 데이터를 처리하여 결과를 반환하며, 웹사이트와 모바일 앱의 핵심 기능을
CMS
개요 CMS(Content Management System)는 전문적인 프로그래밍 지식이 없어도 웹사이트의 콘텐츠를 생성, 수정, 삭제 및 관리할 수 있도록 지원하는 시스템이다. 관리자 페이지를 통해 게시글, 이미지, 메뉴, 회원, 댓글 등을 쉽게 관
Cookie
개요 Cookie는 웹 서버가 사용자의 브라우저에 저장하는 작은 데이터 조각이다. 웹은 기본적으로 Stateless(무상태) 프로토콜인 HTTP를 사용하기 때문에 사용자를 기억하지 못한다. 이를 보완하기 위해 Cookie를 사용하여 로그인 유지, 사용
HTML
개요 HTML(HyperText Markup Language)은 웹페이지의 구조를 정의하는 마크업 언어이다. 웹 브라우저는 HTML 문서를 해석하여 화면에 표시하며, CSS는 디자인을 담당하고 JavaScript는 동적인 기능을 담당한다. 현대 웹 개
JavaScript
개요 JavaScript는 웹 브라우저에서 동적인 기능을 구현하기 위해 개발된 프로그래밍 언어이다. 현재는 브라우저뿐만 아니라 Node.js를 통해 서버 개발도 가능하며, 웹 개발에서 HTML, CSS와 함께 필수적으로 사용되는 기술이다. React,
CSS
개요 CSS(Cascading Style Sheets)는 HTML 문서의 색상, 글꼴, 크기, 배치, 애니메이션 등 시각적인 표현을 담당하는 스타일시트 언어이다. HTML이 문서의 구조를 담당한다면, CSS는 디자인과 레이아웃을 담당하며 JavaScr
JSP
개요 JSP(JavaServer Pages)는 Java 기반의 서버 사이드 웹 기술로, HTML 문서 안에 Java 코드를 삽입하여 동적인 웹페이지를 생성할 수 있도록 설계되었다. 클라이언트가 JSP를 요청하면 웹 서버는 JSP를 Servlet으로 변
그누보드
개요 그누보드는 대한민국에서 개발된 PHP 기반 오픈소스 게시판 및 CMS(Content Management System)이다. 회원관리, 게시판, 포인트, 쪽지, 파일 업로드, 관리자 기능 등을 기본 제공하며, 기업 홈페이지, 커뮤니티, 쇼핑몰, 예
워드프레스
개요 워드프레스는 세계에서 가장 널리 사용되는 오픈소스 CMS(Content Management System)이다. 처음에는 블로그 플랫폼으로 시작했지만 현재는 기업 홈페이지, 쇼핑몰, 뉴스 사이트, 포트폴리오, 커뮤니티 등 다양한 웹사이트를 구축할
ASP
개요 ASP(Active Server Pages)는 Microsoft에서 개발한 서버 사이드 웹 기술이다. HTML 안에 VBScript 또는 JScript 코드를 삽입하여 동적인 웹페이지를 생성할 수 있으며, 1990년대 후반부터 2000년대 초반까
jQuery
개요 jQuery는 JavaScript를 더 쉽고 간결하게 사용할 수 있도록 만들어진 오픈소스 라이브러리이다. 과거에는 브라우저 호환성 문제를 해결하고 DOM 조작을 간편하게 하기 위해 매우 널리 사용되었으며, 현재도 그누보드, 워드프레스, 레거시 P
프론트엔드
개요 프론트엔드는 사용자가 직접 보고 상호작용하는 웹사이트 또는 애플리케이션의 화면을 개발하는 분야이다. 웹 브라우저에서 실행되며, HTML로 구조를 만들고 CSS로 디자인을 적용하며 JavaScript로 동적인 기능을 구현한다. 최근에는 React,
PWA
개요 PWA(Progressive Web App)는 웹 기술(HTML, CSS, JavaScript)로 개발한 웹사이트를 네이티브 앱처럼 사용할 수 있도록 만든 기술이다. 사용자는 앱스토어를 거치지 않고 웹사이트를 홈 화면에 설치할 수 있으며, 오프라
REST API
개요 REST API는 HTTP 프로토콜을 기반으로 리소스(Resource)를 URL로 표현하고, HTTP 메서드(GET, POST, PUT, DELETE 등)를 이용해 데이터를 처리하는 API 설계 방식이다. 현재 웹 서비스, 모바일 앱, SaaS,
SPA
개요 SPA(Single Page Application)는 최초 한 번만 웹페이지를 로드한 뒤, 이후에는 필요한 데이터만 서버와 통신하여 화면을 동적으로 변경하는 웹 애플리케이션 방식이다. 기존 웹사이트처럼 페이지 전체를 새로고침하지 않고 필요한 부분
UI/UX
개요 UI(User Interface)는 사용자가 직접 보고 조작하는 화면과 요소를 의미하며, UX(User Experience)는 서비스를 이용하면서 사용자가 느끼는 전체적인 경험과 만족도를 의미한다. 좋은 UI는 보기 쉽고 사용하기 편하며, 좋은
api
개요 API(Application Programming Interface)는 프로그램과 프로그램이 서로 데이터를 주고받거나 기능을 호출하기 위한 인터페이스이다. 웹 개발에서는 프론트엔드와 백엔드가 통신하거나, 외부 서비스(결제, 지도, AI, 로그인
JSON
개요 JSON(JavaScript Object Notation)은 사람이 읽기 쉽고 컴퓨터가 쉽게 처리할 수 있는 경량 데이터 교환 형식이다. JavaScript 객체 표기법에서 유래했지만, 현재는 Java, PHP, Python, C#, Go, No
PHP
개요 PHP는 웹 개발에 특화된 서버 사이드 프로그래밍 언어이다. HTML 안에 PHP 코드를 삽입하여 동적 웹페이지를 만들 수 있으며, 데이터베이스와 연동해 게시판, 회원 시스템, 쇼핑몰, 관리자 페이지 등을 구현하는 데 많이 사용된다. 공식 PHP