원하는 방향성을 설명하기 위해 참고하는 기존 사이트나 이미지를 말합니다.

웹/앱의 전체 메뉴와 페이지 구조를 트리(Tree) 형태로 정리한 정보 구조도입니다.

디자인이 들어가기 전, 선과 박스만으로 화면의 대략적인 구조를 잡은 뼈대 스케치입니다.

와이어프레임에 구체적인 설명과 버튼 클릭 시 작동 방식 등을 적어놓은 최종 설계 문서입니다.

GNB는 사이트 최상단에 있는 메인 메뉴, LNB는 좌측이나 서브에 있는 하위 메뉴를 뜻합니다.

시장 반응을 빠르게 확인하기 위해, 핵심 기능만 우선적으로 개발한 '최소 기능 제품'입니다.

리뉴얼 프로젝트에서 많이 쓰며, As-Is는 '현재 상태', To-Be는 '개선될 미래 상태'를 의미합니다.

사용자가 서비스를 이용할 때 화면과 화면 사이를 어떻게 이동하는지 흐름을 그린 다이어그램입니다.

개발이 거의 끝난 후, 버그가 없는지 기획대로 잘 작동하는지 테스트하는 검수 과정입니다.

프로젝트 진행 과정에서 꼭 체크해야 하는 중요한 중간 점검 단계나 목표일을 뜻합니다.

웹/앱에서 사용자가 눈으로 보고 직접 조작하는 '앞단'의 화면을 개발하는 영역입니다.

HTML은 웹의 내용과 구조(뼈대)를 잡는 언어, CSS는 색상, 크기, 위치 등을 꾸며주는(피부) 언어입니다.

팝업이 뜨거나, 슬라이드가 넘어가고, 버튼이 움직이는 등 정적인 웹에 생동감을 불어넣는 기술입니다.

PC, 태블릿, 스마트폰 등 접속하는 기기의 화면 크기에 맞춰 레이아웃이 자동으로 변하는 웹입니다.

UI는 눈에 보이는 시각적 디자인(버튼 색, 모양), UX는 사용자가 느끼는 편리함과 경험의 설계입니다.

프론트엔드 화면을 더 빠르고 효율적으로 찍어낼 수 있게 도와주는 최신 개발 도구(프레임워크)입니다.

크롬, 사파리, 엣지 등 어떤 브라우저로 접속해도 화면이 깨지지 않고 동일하게 보이도록 맞추는 작업입니다.

화면을 스크롤할 때 배경 이미지와 앞의 요소가 서로 다른 속도로 움직여 입체감을 주는 효과입니다.

동영상이나 움짤(GIF)보다 용량은 훨씬 작으면서도 화질이 깨지지 않는 가벼운 벡터 애니메이션 파일입니다.

장애인이나 고령자 등 누구나 웹사이트를 불편함 없이 이용할 수 있도록 보장하는 표준 지침입니다.

사용자 눈에 보이지 않는 서버, 데이터베이스, 로그인 처리 등의 뒷단 로직을 개발하는 영역입니다.

웹사이트의 파일과 데이터가 24시간 내내 저장되고 돌아가고 있는 인터넷 상의 컴퓨터(공간)입니다.

회원 정보, 상품 목록, 게시글 등 서비스에서 발생하는 수많은 데이터를 체계적으로 저장하는 공간입니다.

프론트엔드와 백엔드가 서로 데이터를 주고받을 수 있도록 규격화해 놓은 통신 규칙이나 통로입니다.

직접 물리적인 서버 컴퓨터를 사지 않고, 아마존(AWS) 같은 대기업의 거대한 서버 공간을 빌려 쓰는 서비스입니다.

도메인은 사람들이 찾아올 수 있는 '웹 주소(www.~)', 호스팅은 파일을 올려두는 '서버 임대 서비스'입니다.

백엔드를 처음부터 다 짜지 않고, 자주 쓰는 뼈대와 규칙이 이미 만들어져 있는 개발 키트입니다.

사용자들이 웹사이트에 접속해서 페이지를 보거나 이미지를 다운받을 때 발생하는 데이터의 전송량입니다.

데이터베이스(DB) 창고에 "이 정보 좀 찾아줘!", "이 데이터 저장해 줘!"라고 요청하는 특수한 명령어입니다.

사용자의 정보(비밀번호, 결제 등)를 서버로 보낼 때 해킹당하지 않도록 암호화하는 보안 기술입니다.