알아야 할 60가지 웹 디자인 및 개발 용어

다른 산업과 마찬가지로 웹 개발 및 디자인에는 고유한 전문 용어가 사용됩니다. 여기서 우리는 몇 가지 중요한 웹 개발 단어와 구문을 파악하는 데 도움을 줍니다.

용어를 배우는 것이 항상 쉬운 것은 아닙니다. 웹 개발 및 디자인은 다양한 요소가 포함된 광범위한 산업입니다. 언어를 배울 때 어디서부터 시작해야 할지 알기 어려울 수 있습니다.

그러나 두려워하지 마십시오. 이 가이드에서 우리는 가장 중요한 웹 개발 단어 및 구문을 살펴보고 평신도의 용어로 설명합니다.

이것이 웹 개발의 세계를 더 잘 이해하고 업계 전문가들과 원활하게 소통하는 데 도움이 되기를 바랍니다.

웹 개발 단어 및 구문 웹 개발자가 알고 싶어하는 것

301 리디렉션

301은 웹페이지의 영구적인 리디렉션입니다. 이러한 종류의 리디렉션은 모든 순위 권한을 리디렉션된 새 페이지로 전달합니다.

404

404는 요청한 웹 페이지를 찾을 수 없을 때 웹 사용자에게 표시되는 오류 메시지입니다. 페이지가 더 이상 존재하지 않거나 URL이 잘못 입력된 경우 나타날 수 있습니다.

접근성

접근성은 장애가 있는 사람들을 염두에 두고 웹사이트를 디자인하는 관행입니다. 자세한 내용은 웹 접근성에 대한 블로그를 확인하세요.

연산

간단히 말해서 알고리즘은 코드가 따라야 할 일련의 규칙입니다.

아약스

Asynchronous JavaScript and XML의 줄임말인 AJAX는 웹 애플리케이션을 만드는 데 사용됩니다. 프로그래밍 언어가 아닙니다 .

API

애플리케이션 프로그래밍 인터페이스(일명 API)를 사용하여 외부 앱을 웹사이트에 연결할 수 있습니다. 예를 들어 MailChimp를 WordPress에 연결하려는 경우 API를 사용하면 가능합니다.

백엔드

방문자에게 숨겨진 웹 사이트의 일부를 말합니다. CMS(자세한 내용은 나중에 설명합니다!), 응용 프로그램 및 사이트 구조로 구성된 사이트의 기술 사이트입니다.

백링크

다른 사이트에서 귀하의 사이트로 다시 연결되는 링크. 백링크는 검색 엔진 순위를 높이는 데 도움이 될 수 있습니다.

반송률

반송률은 아무 조치도 취하지 않고 사이트를 떠나는 사람들의 비율입니다. 여기에는 링크 클릭, 양식 작성 또는 구매가 포함될 수 있습니다.

중단점

중단점은 웹 사이트 콘텐츠가 다른 화면 크기에 맞게 조정되는 지점입니다. 이러한 화면 크기에는 스마트폰, 태블릿 및 데스크톱이 포함됩니다.

브라우저

인터넷에 액세스하는 데 사용되는 소프트웨어. Google 크롬, Internet Explorer, Firefox 및 Opera가 포함되어 있습니다.

벌레

소프트웨어, 응용 프로그램 또는 웹 사이트의 오류로 인해 정상적으로 실행되지 않습니다.

은닉처

캐시는 웹 사이트를 방문할 때 데이터가 임시로 저장되는 장소입니다. 사이트 속도를 개선하는 데 사용됩니다. 웹 개발자는 프런트 엔드를 변경한 후 캐시를 지우도록 요청할 수 있습니다.

CMS

이 블로그에서 가장 자주 사용되는 문구 중 하나인 CMS는 콘텐츠 관리 시스템을 의미합니다. CMS는 웹사이트의 콘텐츠를 만들고 유지하는 데 사용되는 프로그램입니다. 우리가 가장 좋아하는 것은 WordPress와 Magento입니다.

변환

전환은 귀하의 웹사이트 목표입니다. 그것은 제품 구매, 이메일 가입, 다운로드 또는 당신이 목표로 하는 모든 것이 될 수 있습니다!

쿠키

온라인에서 쿠키라는 단어를 많이 들어 보셨을 것입니다. 하지만 실제로는 무엇을 의미합니까? 쿠키는 서버에서 브라우저로 보내는 데이터입니다. 쿠키는 사용량을 추적하고 로그인 자격 증명을 저장하는 데 사용됩니다.

CRM은 고객 관계 관리를 의미합니다. 웹 개발 용어로 사용자에 대한 정보를 수집하는 데 사용되는 소프트웨어입니다.

CSS

Cascading Style Sheet의 약자입니다. CSS는 사용자를 위해 웹 페이지를 표시하는 방법을 브라우저에 지시하는 코드입니다. 글꼴 및 색상을 포함한 모든 시각적 요소의 형식을 지정합니다.

CTA

이번에는 Call to Action의 또 다른 약어입니다. 전환 목표를 달성하기 위해 만든 버튼 또는 텍스트입니다.

CTR

웹 개발은 C로 시작하는 약어를 좋아합니다! 이 목록의 마지막 항목은 CTR(클릭률)입니다. CTR은 SERP에서 사이트를 본 후 사이트를 클릭하는 사람들의 비율과 관련이 있습니다.

데브옵스

DevOps는 Development Operations의 약자입니다. 개발, IT 및 품질 보증을 포함한 여러 부서를 모두 같은 페이지에 유지하는 워크플로입니다.

도메인 이름

귀하의 웹 주소입니다. 예를 들어 도메인 이름은 cminds.com입니다.

파비콘

즐겨찾기와 아이콘의 합성어인 Favicon은 열려 있는 브라우저 탭에서 웹사이트 이름 옆에 나타나는 작은 아이콘입니다.

필드

양식을 작성하면 필드가 표시됩니다. 이름, 이메일 주소, 위치와 같은 데이터 수집 기준입니다.

방화벽

방화벽은 네트워크와 들어오는 트래픽 사이에 장벽을 만드는 보안 수단입니다.

겹

'Below the Fold' 및 'Above the Fold'라는 문구를 들어 보셨을 것입니다. 접힌 부분은 사용자가 웹 사이트를 처음 클릭할 때 볼 수 있는 웹 사이트의 일부입니다.

프런트엔드

백엔드에 대응하는 프런트엔드는 방문자가 볼 수 있는 웹사이트의 일부입니다. 그들이 귀하의 사이트와 상호 작용하는 방식입니다.

FTP

파일 전송 프로토콜의 약어입니다. FTP는 컴퓨터 간에 파일을 교환하는 방법이지만 더 중요한 것은 웹 사이트를 World Wide Web에 업로드하는 방법입니다.

GUI

GUI는 그래픽 사용자 인터페이스를 나타냅니다. 여기에는 아이콘, 커서 및 버튼과 같은 개체가 포함됩니다.

호스팅

웹 호스트는 파일이 저장되고 유지 관리되는 서버입니다. 올바른 호스팅을 선택하는 것은 매우 중요하며 많은 옵션이 있습니다.

HTML

Hypertext Markup Language의 약자입니다. 많은 웹 사이트의 기반이 되는 널리 사용되는 코딩 언어입니다.

HTTPS

하이퍼텍스트 전송 프로토콜 보안. 이름에서 알 수 있듯이 HTTPS는 웹 브라우저와 웹 사이트 간에 데이터를 전송하는 데 사용되는 프로토콜인 HTTP의 보안 버전입니다.

자바스크립트

JavaScript는 또 다른 종류의 코딩 언어인 '클라이언트 측 언어'입니다. 개발자가 웹 페이지에 자동화 및 애니메이션을 추가하는 방법입니다.

방문 페이지

방문자가 귀하의 사이트에서 방문하는 첫 번째 페이지입니다. 이것은 귀하의 홈페이지이거나 특정 행동을 장려하기 위해 만들어진 특별한 페이지일 수 있습니다. 랜딩 페이지 최적화 블로그에서 랜딩 페이지에 대해 자세히 알아볼 수 있습니다.

메타 데이터

해당 웹 페이지에 대한 정보를 제공하는 웹 사이트 헤더에 포함된 데이터입니다. 소스 코드에서만 볼 수 있으며 방문자에게는 표시되지 않습니다.

메타태그

메타 태그는 메타 데이터가 포함된 곳입니다.

모바일 퍼스트

모바일 장치용 디자인을 우선시하는 웹 사이트 개발 모드입니다.

항해

탐색은 웹 사이트 사용자가 사이트를 이동하는 방법입니다. 여기에는 메뉴, 페이지 매김 및 관련 링크가 포함됩니다.

OOTB

OOTB는 Out of the Box의 약자입니다. 사용자 정의하거나 구성할 필요 없이 바로 사용할 수 있는 모든 것이 준비되어 있습니다.

오픈 소스

오픈 소스는 쉽게 사용할 수 있는 소스 코드와 함께 배포되는 소프트웨어 유형입니다. 그런 다음 누구나 자신의 용도로 코드를 변경할 수 있습니다. 예를 들어 WordPress는 오픈 소스 콘텐츠 관리 시스템입니다.

페이지 템플릿

웹 사이트 페이지용으로 설계된 고유한 페이지 레이아웃입니다. 다르게 보이는 페이지가 많을 수 있습니다. 예를 들어 홈 페이지는 블로그 또는 제품 페이지와 다를 수 있으므로 사이트에 대해 여러 페이지 템플릿이 있을 수 있습니다.

PHP

PHP는 또 다른 코딩 언어입니다. 웹 서버에서 처리되는 PHP는 서버 측 언어로 간주됩니다.

플러그인

플러그인은 WordPress 웹사이트의 기능을 확장하는 타사 애플리케이션입니다. CreativeMinds는 WordPress 플러그인을 전문으로 합니다.

리디렉션

앞에서 설명한 301과 마찬가지로 리디렉션은 사용자가 한 URL에서 다른 URL로 전달되는 곳입니다. 리디렉션의 일반적인 사용 사례는 이전 웹사이트에서 새 웹사이트로 이동하는 것입니다.

반응형 디자인

웹 디자인에서 점점 더 중요한 측면인 반응형 디자인은 보고 있는 화면에 맞는 디자인입니다.

해결

이것은 당신이 알고 있는 해상도가 아닙니다. 컴퓨팅 용어에서 해상도는 수평 및 수직 픽셀 수로 측정됩니다.

RSS

정말 단순한 신디케이션 또는 풍부한 사이트 요약인 RSS는 콘텐츠를 신디케이트하는 방법입니다. 블로그에서 RSS에 대해 자세히 알아보세요.

사스

서비스로서의 소프트웨어. SAAS는 사용자가 파일을 공유할 수 있는 기본 클라우드 플랫폼입니다. 구글 드라이브나 드롭박스를 생각해 보세요.

SEO

블로그에서 인기 있는 또 다른 약어는 검색 엔진 최적화입니다. 검색 엔진에 대한 콘텐츠를 최적화하는 방법입니다. 여기에는 다른 기술 중에서도 키워드 전략 사용이 포함됩니다.

SERP

SERP는 검색 엔진 결과 페이지를 의미합니다. Google 또는 Bing과 같은 검색 엔진에 검색어를 입력하면 표시되는 결과 페이지입니다.

서버 측

서버 사이드는 사용자의 브라우저가 아닌 웹 서버에서 실행되는 스크립트를 말합니다.

슬라이더

이미지 배너 – 종종 홈페이지에 배치됩니다.

사이트맵

웹 사이트 페이지 및 콘텐츠의 계층 구조를 문서화한 청사진입니다.

SSL 인증서

URL 옆에 자물쇠가 보이시나요? 이는 Secure Sockets Layer 인증서 덕분에 우리 사이트가 안전하다는 것을 나타냅니다. 암호화된 통신에 필요한 보안 프로토콜입니다.

UI

User Interface의 약자로 웹 사이트 또는 앱의 시각적 요소를 나타냅니다. 사용자가 웹 사이트에서 상호 작용하는 것입니다.

URL

유니폼 리소스 로케이터. 웹사이트 페이지 전체 주소입니다.

유용성

사용성은 웹 사이트를 얼마나 쉽게 사용할 수 있는지에 대한 것입니다. 콘텐츠, 이미지 및 탐색이 함께 작동합니까? 대화형 요소가 사용하기 더 쉬운가요?

UX

사용자 경험의 줄임말. 그것은 유용성과 연결되어 웹 사이트 방문자가 특정 페이지에서 경험하는 모든 용어를 제공합니다.

위젯

위젯은 웹 사이트에서 추가 기능을 허용하는 응용 프로그램입니다.

와이어프레임

와이어프레임은 웹사이트의 골격 구조입니다. 이는 웹 개발 프로세스의 첫 번째 단계 중 하나이며 프로젝트가 진행됨에 따라 구축됩니다.

위지위그

What You See is What You Get – 텍스트 스타일과 그래픽을 자동으로 적용할 수 있는 CMS 도구의 이름입니다.

XML

XML은 Extensible Markup Language의 약자입니다. 사람과 컴퓨터 모두 읽을 수 있는 문서를 인코딩하기 위한 일련의 규칙입니다.

이제 우리는 이야기하고 있습니다!

이러한 웹 개발 단어 및 구문에 익숙해지면 개발자와 작업할 때 의사 소통에 도움이 될 수 있습니다.

개발자나 대행사가 사용하는 용어에 100% 익숙하지 않은 경우 확실히 도움과 지원을 제공하지만, 지식 기반이 있으면 작업을 더욱 원활하게 수행하는 데 도움이 될 수 있습니다.