UI · User Interface
사용자가 눈으로 보고 직접 조작하는 화면과 요소입니다.
버튼, 입력창, 메뉴, 탭, 체크박스, 색상, 글씨 크기, 여백 등이 UI에 해당합니다.
예: “버튼이 너무 작다”, “메뉴가 잘린다” → UI 문제
프로그램이나 SNS를 쓰다 자주 듣지만 정확한 뜻은 헷갈리는 말을 초보자 눈높이에서 실제 예와 함께 정리했습니다.
둘 다 화면을 만들 때 자주 듣지만 보는 관점이 다릅니다.
사용자가 눈으로 보고 직접 조작하는 화면과 요소입니다.
버튼, 입력창, 메뉴, 탭, 체크박스, 색상, 글씨 크기, 여백 등이 UI에 해당합니다.
예: “버튼이 너무 작다”, “메뉴가 잘린다” → UI 문제
사용자가 기능을 찾고 사용하는 과정에서 느끼는 전체 경험입니다.
기능이 어디 있는지 찾기 쉬운지, 단계가 너무 많은지, 실수했을 때 복구하기 쉬운지까지 포함합니다.
예: “기능은 있는데 어디서 눌러야 할지 모르겠다” → UX 문제
화면에서 제목·메뉴·버튼·내용을 어디에 어떻게 배치할지 정하는 구조입니다.
PC, 태블릿, 스마트폰처럼 화면 크기가 달라도 내용이 자연스럽게 재배치되도록 만드는 방식입니다.
모달은 화면 위에 떠서 확인을 요구하는 창, 팝업은 별도로 뜨는 창, 툴팁은 마우스를 올렸을 때 잠깐 설명을 보여주는 작은 안내입니다.
드롭다운은 펼쳐서 선택, 탭은 같은 공간의 내용을 전환, 사이드바는 화면 옆쪽에 고정되는 메뉴나 도구 영역입니다.
개발 문서나 인수인계 문서에서 자주 보는 .md 파일을 쉽게 설명합니다.
파일이 가볍고, GitHub의 README나 개발 인수인계 문서처럼 내용과 구조를 함께 남기기 편하기 때문입니다.
메모장, Visual Studio Code, Notepad++, Typora 같은 편집기로 열 수 있습니다. GitHub에서는 보기 좋게 자동 표시됩니다.
| 입력 | 의미 | 예 |
|---|---|---|
| # 제목 | 큰 제목 | # 인수인계 |
| ## 소제목 | 한 단계 작은 제목 | ## 수정사항 |
| - 항목 | 목록 | - 버튼 수정 |
| **굵게** | 강조 | 중요 |
| `코드` | 명령어·파일명 표시 | update.json |
| [이름](주소) | 링크 | 웹페이지 연결 |
.md라고 해서 Word 문서처럼 복잡한 서식이 들어 있는 것은 아닙니다. 기본은 텍스트 파일이며, 마크다운을 지원하는 앱이 기호를 해석해 보기 좋게 보여줍니다.비슷하게 들리는 약어를 “무엇을 바꾸는 말인지” 중심으로 구분합니다.
종이·수기·오프라인 중심의 업무를 디지털 시스템과 데이터 중심으로 바꾸는 것을 말합니다.
AI를 한 기능에 붙이는 데서 끝나지 않고, 자료 수집→분석→작성→검토 같은 업무 흐름 자체를 AI 중심으로 다시 설계하는 것을 뜻할 때 많이 씁니다.
고객이 서비스나 회사를 알게 된 순간부터 구매·문의·사용·AS까지 겪는 전체 경험입니다.
직원이 회사에서 업무 도구, 협업, 복지, 조직문화 등을 경험하는 전체 과정입니다.
대량의 언어 데이터를 학습해 질문에 답하고 글을 작성하는 대규모 언어 모델을 뜻합니다.
AI에게 원하는 작업과 조건을 전달하는 지시문입니다. 목적·대상·형식·제약을 분명히 할수록 결과를 제어하기 쉽습니다.
사진이나 스캔 이미지 안의 글자를 읽어 텍스트로 바꾸는 기술입니다.
STT는 말소리를 글자로, TTS는 글자를 사람이 읽는 것 같은 음성으로 변환합니다.
SNS에서 가장 자주 보지만 역할이 완전히 다른 두 기호입니다.
게시물의 주제나 분류를 표시합니다.
예: #충주맛집 #유튜브쇼츠
같은 해시태그를 누르면 비슷한 주제의 게시물을 모아볼 수 있는 서비스가 많습니다.
특정 사람·계정·채널을 직접 지목합니다.
예: @drealt
상대방에게 알림이 가거나 해당 계정으로 연결되는 방식으로 동작하는 경우가 많습니다.
@아이디처럼 계정을 구분하는 고유 이름을 핸들이라고 부르는 서비스가 많습니다. 표시 이름과는 다를 수 있습니다.
공개 댓글이 아니라 특정 계정과 주고받는 비공개 메시지를 뜻합니다. Direct Message의 줄임말입니다.
서비스마다 표현은 다르지만 특정 계정이나 채널의 새 콘텐츠를 계속 받아보기 위한 관계를 뜻합니다.
다른 사람이 만든 게시물을 내 팔로워나 친구에게 다시 보여주는 기능입니다.
AI와 함께 프로그램을 만들다 보면 자주 마주치는 기본 단어입니다.
사용자가 브라우저나 앱에서 직접 보는 화면과 상호작용을 만드는 영역입니다.
서버에서 데이터 저장, 로그인, 권한 검사, 결제, API 처리처럼 화면 뒤쪽의 로직을 담당합니다.
서로 다른 프로그램이 정해진 형식으로 요청과 응답을 주고받기 위한 약속입니다. 쉽게 말해 프로그램끼리 대화하는 창구입니다.
이름과 값의 구조로 데이터를 표현하는 텍스트 형식입니다. 웹 API와 설정 파일에서 매우 자주 사용합니다.
서비스를 제공하고 데이터를 처리하는 쪽이 서버, 요청을 보내고 결과를 사용하는 웹브라우저·앱 등이 클라이언트입니다.
이미 받은 파일이나 계산 결과를 잠시 보관해 다음 요청을 더 빠르게 처리하는 방법입니다. 오래된 캐시 때문에 수정 내용이 바로 안 보일 수도 있습니다.
개발 중인 소스코드를 사용자가 실행하거나 배포할 수 있는 형태로 준비하는 과정을 말합니다.
완성된 웹사이트나 프로그램을 실제 사용자가 접근할 수 있는 곳에 올리는 것을 말합니다.
검색엔진과 생성형 AI가 콘텐츠를 이해하기 쉽게 만드는 최적화 개념입니다.
자세히 보기