내가 보려고 만든 웹/앱 용어

혹시나 잘못된 정보가 있다면 댓글 바랍니다.

웹 프로젝트 용어집

 

API

Application Program Interface의 줄임말로 애플리이션이 서로 통하 신하는 방식을 뜻함

 

Application 애플리케이션/애플리케이션

기능을 수행하기 위해 설계된 프로그램. 데스크톱, 모바일의 웹 또는 앱을 타나 내며, 앱이라고 줄여서 불리기도 함

 

Attribute 속성

HTML 태그 요소의 동작을 제어하기 위한 값

 

Breakepoint 중단점

반응형 또는 각기 다른 해상도의 변화를 위한 변환점을 뜻하며, 사용자가 디바이스에서 가장 보기 좋은 사이즈로 웹사이트의 화면크기를 조정하는 시점을 뜻합니다.

 

Browser 브라우저

Chrome, Safari와 같이 웹에 액세스 하는 데 사용하는 프로그램

 

Bootstrap 부트스트랩

웹사이트와 웹앱을 설계하기 위한 무료 오픈 소스 프런트엔드 프레임워크

 

Bug 버그

웹/앱에서 예상하지 못한 결함이 발생했을 때 칭하는 용어

 

Cache 캐시

캐시는 웹사이트를 첫 방문 시 내 디바이스에 관련 정보를 저장하여 사이트 속도를 높이는 데 사용하는 임시 데이터 저장소

웹사이트 접속 시 내 정보를 다시 입력하거나 설정하지 않아도 되는 장점이 있음

 

Cookies 쿠키

인터넷 서버에서 브라우저로 보내는 데이터

브라우저가 동일한 서버에 접속할 때마다 서버에 접속하는 방법(및 빈도)을 추적하기 위한 수단으로 데이터를 다시 보냄

 

Crawl 크롤

컴퓨터 프로그램을 통해 웹페이지로부터 자동으로 데이터를 수집하는 과정

 

CSS 

CSS(Cascading Style Sheets)는 HTML의 스타일을 지정하기 위한 규칙기반 언어

 

CTA

Call to Action의 줄임말입니다. 기부, 뉴스레터 가입 또는 사용자 등록과 같은 특정한 행동 전환, 또는 목표에 도달하도록 유도하는 웹사이트의 요소(일반적으로 버튼)입니다.

 

Debug

버그를 처리하는 행위

 

Domain 도메인

웹사이트 주소

 

Favicon 파비콘

favorite icon의 약자, 즐겨찾기 아이콘이란 뜻으로 웹사이트 아이콘에 해당

ico파일을 등록해 사용 가능

 

Fields 필드

데이터 구성요소, Data의 데이터 속성값을 지칭함(ex : 이름, 이메일, 연락처, 주소, 포인트 내역, 상품명, 재고, 등록일자 등)

 

Framework 프레임워크

프레임워크는 하나의 중앙 장소로 접근해 가져올 수 있는 설루션, 도구, 컴포넌트들의 모음

매번 필요한 것을 따로따로 찾을 필요 없이 빠르게 웹사이트 제작이 가능

 

GitHub 깃허브

깃허브는 소스 관리를 위한 클라우드 인터페이스 플랫폼

버그 추적, 작업 관리 및 프로젝트 위키와 같은 자체 기능을 제공

 

Hex 헥스

컬러 코딩 시스템으로 #000000 숫자 6자리 형식으로 제공, 숫자 및 알파벳이 들어갈 수 있음

 

HTML

Hypertext Markup Language, 웹사이트 제작을 위한 코딩 언어

 

HTTP

Hypertext Transport (or Transfer) Protocol, 월드 와이드 웹(www)에서 사용되는 데이터 전송 프로토콜

 

HTTPS

HTTP에 SSL을 설치하면 HTTPS, 보안이 강화된 프로토콜

 

iFrame

다른 웹사이트의 화면을 출력시키기 위한 HTML 요소로 App에서도 사용됨

iFrame 태그 사용 후 출력이 필요한 웹사이트 링크를 넣어 구성, 출력시킬 웹사이트의 화면 사이즈를 조정할 수 있음

 

JavaScript 자바스크립트

웹페이지 자동화, 애니메이션, 상호작용 등을 구현하기 위해 사용하는 개발언어, JAVA기반으로 개발 구현

 

Libraries 라이브러리

프로그램이나 다른 라이브러리에서 사용될 수 있는 모듈의 집합, 프레임워크과 비슷한 기능으로 수행

 

Meta Tag 메타 태그

웹사이트의 추가 정보를 제공하기 위한 HTML 태그, SEO 최적화에 사용됨

 

Mobile-first 모바일 퍼스트

모바일 퍼스트는 웹사이트를 구축할 때 데스크톱보다 모바일 기기를 우선시하는 웹 디자인 및 개발에 대한 접근법입니다. 데스크톱을 우선시하여 웹 사이트를 구축한 다음애 모바일 장치에서 어떻게 보일지 고려하는 것 대신, 모바일 퍼스트 접근 방식으로 웹 사이트를 먼저 작은 화면에 맞게 구축합니다.

 

모바일 디바이스 우선하는 작업방법, 주요 기능 및 레이아웃 구성을 모바일 우선으로 맞춰 작업 진행

PC-First라는 반대 개념 있음

 

Navigation 내비게이션

웹사이트의 다른 페이지를 이동할 수 있는 수단, 일반적으로 메뉴로 사용하나 용도에 따라 다른 영역에 배치할 수 있음

 

Redirects 리다이렉트

웹사이트에 방문했을 때 다른 URL로 변경되는 기술

 

Resolution 해상도

이미지 또는 화면크기를 측정하는 단위, 화소(Pixel)나 점(Dot)의 수로 해상도를 표현

일반적으로 해상도 단위는 px로 사용

 

Responsive 반응형 웹

사용자가 어떤 디바이스에서 웹사이트를 보던지 관계없이 대응 가능한 웹사이트를 말함

 

SAAS

SaaS(Software as a Service)는 인터넷을 통해 애플리케이션을 서비스로 제공하는 방법

 

SEO 검색 엔진 최적화

Search Engine Optimization, 검색 엔진에 잘 검색될 수 있도록 콘텐츠를 수정하는 최적화 방법

 

Server 서버

웹사이트가 저장되어 있는 물리적 공간

Ex) 집이라고 가정했을 때 집 - 서버, 도메인 - 주소, UI/UX - 인테리어

 

Sitemap 사이트맵

웹사이트틔 페이지 계층을 표현하는 개요문서

 

SVG

벡터 방식의 이미지 포맷으로 확대, 축소 변형 시 계단현상 없이 표현하는 이미지 파일

 

Text Editor

텍스트 편집기로 불리며 HTML을 사용하는 웹 환경에서 웹페이지와 같은 문서를 쉽게 만들어줄 수 있는 게시판 기능

 

UI

User Interface, 사용자 인터페이스로 사용자와 디지털 기기 사이에서 정보를 교환하는 플랫폼 또는 매개체를 의미

디바이스 조작을 위한 화면 구성이라고 생각해야 쉽게 이해 가능

 

UX

User Experience, 사용자 경험으로 사용자 중심의 UI 구성 및 편의성을 강화한 디자인 또는 레이아웃의 통합 개념

 

Widgets 위젯

하나의 프로그램 또는 플랫폼 안에서 컴포넌트 단위로 사용하는 단위별 별도 기능

 

Wireframe 와이어프레임

디자인이 없는 화면 레이아웃으로 화면 구성과 정보구조를 쉽게 파악할 수 있는 뼈대만 있는 UI 디자인(GUI와 다름)

 

 

 

출처(해당 블로그와 웹사이트를 참고하였습니다.)

 

[번역] 모든 개발자가 알아야 하는 61가지 프론트엔드 웹 개발 트렌드 용어

 

위키백과, 우리 모두의 백과사전

https://chat.openai.com