[개발읽기 vol.1] 개발자 회사 생활 필수 용어 모음

콘솔로그 2025. 9. 1. 10:51

2025. 9. 1. 10:51

안녕하세요! 👋
오늘은 개발자가 회사에서 업무를 하면서 자주 접하게 되는 용어들을 정리해보려고 합니다 💻

입사 초기에 저는 회의나 슬랙 메시지, 코드 리뷰에서 듣는 단어들이 너무 생소해서 많이 당황했어요 😅
“이게 무슨 뜻이지?” 하면서 구글 검색을 몇 번씩 했던 기억도 나네요 🔍

레거시, 핫픽스, 통테, 빌드, 컴파일 같은 기본적인 용어부터
DTO, Mocking, DeadLock 같은 조금 더 기술적인 용어까지
회사에서 매일같이 쓰이는 단어들은 정말 다양했습니다 📚

그래서 오늘은 신입 개발자이거나,개발회사 생활을 시작한 분들을 위해
업무 중 자주 등장하는 용어들을 한눈에 보기 쉽게 정리해보았습니다 ✨

이 글을 통해 조금이라도 빠르게 회사 문화와 업무에 적응하는 데 도움이 되었으면 좋겠습니다 👍

💻 개발회사에서 많이 쓰는 도구 & 플랫폼 정리

1️⃣ 디자인 / 기획 관련

Figma (피그마) → UI/UX 디자인, 프로토타입 제작 툴
Adobe XD → UI/UX 디자인 툴, 피그마와 비슷
Sketch → Mac 기반 디자인 툴
Zeplin → 디자이너가 만든 디자인을 개발자가 코드로 구현할 수 있도록 지원
Notion → 기획 문서, 회의록, 위키 등 협업용 문서 작성

2️⃣ 커뮤니케이션 / 협업

Slack (슬랙) → 팀 커뮤니케이션, 채널별 메시지 관리
Microsoft Teams → 회사용 메신저, 화상 회의 지원
Zoom / Google Meet → 원격 회의
Discord → 팀 커뮤니케이션, 특히 스타트업이나 게임 개발사에서 사용

3️⃣ 프로젝트 관리 / 이슈 추적

Jira (지라) → 개발 프로젝트 관리, 이슈 추적, 스프린트 관리
Trello → 칸반 방식 프로젝트 관리 (간단한 프로젝트용)
Asana → 업무 및 프로젝트 관리 툴
ClickUp → 통합 프로젝트 관리 툴

4️⃣ 코드 / 버전 관리

Git (깃) → 버전 관리 시스템 (코드 이력 관리)
GitHub / GitLab / Bitbucket → Git 기반 원격 저장소
SourceTree (소스트리) → Git GUI 클라이언트 (윈도우/맥에서 편리하게 사용)
VS Code / IntelliJ / WebStorm → 개발용 IDE

5️⃣ 협업 문서 / 위키

Confluence (컨플루언스) → 회사 위키, 기술 문서 관리
Notion → 위키, 회의록, 지식 공유
Google Docs / Google Sheets → 공유 문서 및 스프레드시트

6️⃣ 테스트 / 배포 / 모니터링

Postman → API 테스트 툴
Sentry → 에러 모니터링
Jenkins / GitHub Actions / GitLab CI/CD → 자동 빌드 및 배포
Docker → 컨테이너 기반 배포 환경
Kubernetes (K8s) → 컨테이너 오케스트레이션

7️⃣ 기타 유용한 도구

Slackbot / Notion AI → 자동화 / AI 지원 툴
Figma Plugins → 디자인 자동화, 아이콘, 이미지 등
Loom → 화면 녹화 + 공유, 회의 설명 용도로 사용
Miro → 화이트보드 형식 브레인스토밍 툴

📝 미팅 관련 용어

스탠드업 미팅 (Stand-up Meeting) → 아침에 서서 짧게 진행하는 팀 회의, 진행 상황 공유 중심
ex) 매일 아침 10분 동안 스탠드업 미팅을 하며 오늘 할 일을 빠르게 공유합니다.
스프린트 회고 (Sprint Retrospective) → 스프린트 종료 후 진행한 일과 문제점, 개선점을 돌아보는 회의
ex) 이번 스프린트에서 잘된 점과 개선할 점을 스프린트 회고에서 공유했습니다.
스프린트 계획 회의 (Sprint Planning) → 다음 스프린트에서 수행할 업무를 계획하는 회의
ex) 팀원들과 함께 스프린트 계획 회의에서 우선순위를 정했습니다.
백로그 정리 (Backlog Grooming / Refinement) → 남아있는 작업 목록을 정리하고 우선순위를 조정
ex) 제품 백로그를 정리하는 시간에는 우선순위가 높은 기능부터 논의합니다.
데일리 (Daily) → 짧게 진행하는 일일 진행 상황 보고 회의 (주로 스탠드업과 같은 의미)
ex) 오늘 데일리에서 어제 완료한 일과 오늘 할 일을 공유했습니다.
태스크 리뷰 (Task Review) → 각 업무 진행 상황과 결과를 검토하는 회의
ex) 태스크 리뷰에서 완료된 기능을 함께 점검했습니다.
데모 미팅 (Demo / Sprint Review) → 완료된 기능을 이해관계자에게 시연하고 피드백을 받는 회의
ex) 이번 스프린트 데모에서 새로운 UI 기능을 시연했습니다.
애자일 (Agile) → 변화에 빠르게 대응하면서 팀 단위로 반복 개발을 진행하는 방법론
ex) 애자일 방식을 도입하면 짧은 주기로 기능을 배포하고 피드백을 빠르게 반영할 수 있어요.

💻 개발회사에서 많이 쓰는 용어 정리 (설명 + 예시)

1️⃣ 개발 환경 / 서버 관련

레거시 (Legacy) → 오래된 시스템/코드 (건드리기 무서움)
ex) 레거시 시스템을 수정할 때는 코드가 오래되어 예상치 못한 문제가 생길 수 있어 주의가 필요합니다.
핫픽스 (Hotfix) → 긴급 수정/배포
ex) 결제 오류가 발생하면 핫픽스로 서버에 바로 반영합니다.
스테이징 서버 (Staging) → 운영 전 중간 검증 서버
ex) 새 기능은 바로 운영에 올리지 않고 스테이징 서버에서 먼저 테스트합니다.
헬스 체크 (Health Check) → 서버가 살아 있는지 확인
ex) 매 분마다 헬스 체크를 수행해 서버 상태를 확인합니다.
라이브 체크 (Live Check) → 운영 환경에서 서비스 정상 동작 확인
ex) 배포 후 주요 기능이 문제 없는지 라이브 체크를 진행합니다.
롤백 (Rollback) → 잘못 배포되면 이전 버전으로 되돌리기
ex) 새 버전 배포 후 오류가 발생하면 롤백으로 이전 안정 버전으로 되돌립니다.
방화벽 (Firewall) → 네트워크에서 허용된 트래픽만 통과시키고, 나머지는 차단하는 보안 장치
ex) 외부에서 서버에 접근하려고 했지만 방화벽 때문에 연결이 차단되었습니다.
VPN (Virtual Private Network) → 공용 인터넷망을 통해 사설 네트워크에 안전하게 접속할 수 있는 기술
ex) 서버가 내부망 전용이라 외부에서는 접근할 수 없기 때문에 VPN으로 연결해야 할 거예요.
게이트웨이 (Gateway) → 서로 다른 네트워크나 시스템 간 데이터를 주고받도록 연결해주는 장치나 서비스
ex) API 응답이 너무 오래 걸리면 게이트웨이에서 30초 만에 연결을 끊을 수 있어요.

2️⃣ 개발 프로세스 관련

빌드 (Build) → 실행 가능한 산출물 생성
ex) npm run build 명령어로 웹앱 실행 파일을 만듭니다.
컴파일 (Compile) → 소스 → 기계어 변환
ex) Java 소스를 .class 파일로 컴파일합니다.
CI/CD → 코드 자동 빌드/테스트 및 배포
ex) CI/CD를 설정하면 PR 제출 시 자동으로 빌드하고 테스트가 통과하면 서버에 배포됩니다.
통테 → 통합 테스트 (여러 기능을 합쳐서 테스트)
ex) 로그인과 결제 기능이 함께 정상 동작하는지 통테를 진행합니다.
리그레션 테스트 (Regression Test) → 기존 기능이 깨지지 않았는지 확인
ex) 신규 기능 추가 후 기존 장바구니 기능이 문제 없는지 리그레션 테스트합니다.
유닛 테스트 (Unit Test) → 함수/모듈 단위 테스트, 작은 단위부터 검증
ex) calculateTotal() 함수가 올바른 값을 반환하는지 유닛 테스트합니다.
테스트 코드 (Test Code) → 실제 기능 코드가 잘 동작하는지 검증하기 위해 작성하는 코드
ex) Jest로 API 호출 함수 테스트 코드를 작성합니다.

3️⃣ 코드 / 아키텍처 관련

DTO (Data Transfer Object) → 데이터 전달용 객체
ex) 사용자 정보를 전달할 때 UserDTO 객체를 사용합니다.
Mocking (목킹) → 테스트용 가짜 객체 사용
ex) 실제 DB 대신 Mock 객체를 사용해 테스트를 수행합니다.
DeadLock (교착상태) → 서로 자원 기다리며 무한 대기
ex) 트랜잭션 A가 B 자원을 기다리고, B가 A 자원을 기다리면 DeadLock이 발생합니다.
리팩토링 (Refactoring) → 코드 구조 개선 (동작은 그대로)
ex) 긴 함수를 여러 개로 나눠 가독성을 개선하는 리팩토링을 합니다.
N+1 문제 → DB에서 불필요하게 반복 쿼리 발생
ex) 사용자 목록을 가져올 때 각 사용자마다 추가 쿼리가 실행되는 N+1 문제가 발생합니다.
컨벤션 (Convention) → 코드 작성 규칙, 팀 내 스타일 통일
ex) 변수명은 camelCase, 함수는 PascalCase를 사용하여 컨벤션을 지킵니다.

4️⃣ API & 네트워크 관련

RestFul API → REST 원칙 기반 API
ex) GET /users 요청으로 사용자 목록을 조회합니다.
화이트리스트 (Whitelist) → 허용된 IP/도메인 목록
ex) 회사 내부 IP만 접근 가능하도록 화이트리스트를 설정합니다.
Cross Browsing → 브라우저별 호환성 맞추기
ex) Chrome, Firefox, Safari에서 동일 UI가 나타나는지 확인합니다.
로드밸런싱 (Load Balancing) → 서버 부하 분산
ex) 트래픽이 많은 서비스는 Nginx를 사용해 요청을 분산합니다.

5️⃣ 협업 / 디버깅 툴

Postman → API 호출/테스트 툴
ex) 새 API 개발 후 Postman으로 요청과 응답을 확인합니다.
Sentry → 에러 모니터링 툴
ex) 웹앱에서 발생한 JS 에러를 Sentry에서 실시간으로 확인합니다.
Error Boundary → React 에러 처리 경계
ex) 특정 컴포넌트 에러가 발생해도 앱 전체가 중단되지 않도록 Error Boundary를 적용합니다.

6️⃣ 오류 / 문제 관련

오류 (Error) → 기술적 실행 에러
ex) 0으로 나누기 시도 시 오류가 발생합니다.
버그/결함 (Bug/Defect) → 요구사항과 다른 동작
ex) 올바른 비밀번호인데 로그인이 실패하면 버그입니다.
장애 (Failure/Incident) → 사용자에게 직접 피해가 있는 문제
ex) 결제 서버 다운으로 인해 사용자가 결제를 못하면 장애입니다.
온콜 (On-Call) → 야간/주말 장애 대응 대기
ex) 서버 오류 발생 시 온콜 담당자가 바로 대응합니다.

7️⃣ 🎨 목업 / 디자인 관련

Wireframe (와이어프레임) → 화면 구조와 레이아웃 설계
ex) 로그인 페이지의 레이아웃을 간단히 스케치합니다.
Mockup (목업) → 실제 화면처럼 시각적으로 구현한 정적인 디자인 샘플
ex) 버튼 색상과 폰트까지 적용한 로그인 화면 목업을 만듭니다.
Prototype (프로토타입) → 클릭/탭 가능한 시뮬레이션
ex) 버튼 클릭 시 다음 화면으로 이동하는 프로토타입을 제작합니다.
High-Fidelity Mockup → 실제 UI와 거의 동일한 목업
ex) 앱 화면과 동일하게 구현된 디자인 목업을 확인합니다.
Low-Fidelity Mockup → 단순 레이아웃 중심 목업
ex) 블록 단위로만 배치된 초기 화면 목업을 만듭니다.
UI (User Interface) → 화면 구성 요소
ex) 버튼, 입력창, 메뉴 등 UI 요소를 설계합니다.
UX (User Experience) → 사용자가 경험하는 전체 흐름
ex) 회원가입 → 로그인 → 메인 페이지 흐름을 최적화합니다.
Component (컴포넌트) → 재사용 가능한 UI 단위
ex) 버튼 컴포넌트를 여러 페이지에서 재사용합니다.
Style Guide / Design System → 일관된 디자인 규칙
ex) 회사 색상, 폰트, 버튼 스타일을 정의한 디자인 시스템을 사용합니다.
Asset (에셋) → 이미지, 아이콘, 폰트 등 UI 리소스
ex) 앱 아이콘, 배경 이미지, 폰트 파일을 준비합니다.
Handoff (핸드오프) → 디자이너가 개발자에게 디자인 전달
ex) Figma에서 CSS 정보와 이미지를 개발자에게 전달합니다.
Responsive Design → 화면 크기에 맞춰 자동 레이아웃 조정
ex) 모바일, 태블릿, 데스크톱 화면에서 모두 정상적으로 보이도록 구현합니다.
Pixel Perfect → 디자인과 개발 결과물이 정확히 일치하도록 구현
ex) Figma 디자인과 웹페이지 버튼 위치를 정확히 맞춥니다.
User Testing (사용자 테스트) → 실제 사용자가 목업/프로토타입 테스트
ex) 5명의 사용자에게 앱 프로토타입을 테스트하도록 합니다.
A/B Testing → 두 가지 버전 비교 테스트
ex) 버튼 색상 A/B 두 버전으로 클릭률을 비교합니다.
Clickable Prototype → 클릭 가능한 프로토타입
ex) Figma에서 버튼 클릭 시 페이지가 이동하도록 설계합니다.

🎨 자주 쓰이는 CSS 용어 정리 (기획자용)

1️⃣ 단위 관련

px → 픽셀, 절대 단위
ex) 버튼 높이를 40px로 설정했습니다.
em → 부모 요소 폰트 크기를 기준으로 상대 단위
ex) 글자 크기를 2em으로 하면 부모 폰트 크기의 2배가 됩니다.
rem → 루트(html) 폰트 크기를 기준으로 상대 단위
ex) 루트 폰트가 16px이면 1.5rem은 24px와 같습니다.
% → 부모 요소 기준 비율
ex) 너비를 50%로 하면 부모 컨테이너 절반 크기가 됩니다.
vh / vw → 뷰포트(Viewport) 높이/너비 기준 단위
ex) 섹션 높이를 100vh로 설정하면 화면 전체 높이가 됩니다.

2️⃣ 색상 관련

HEX → #RRGGBB 형태의 색상 코드
ex) 배경색을 #FF5733로 설정했습니다.
RGB → rgb(255, 87, 51) 형태
ex) 글자 색을 rgb(255,87,51)로 설정했습니다.
RGBA → RGB + 투명도(Alpha)
ex) 배경을 rgba(255,87,51,0.5)로 반투명 처리했습니다.
HSL → 색상(Hue), 채도(Saturation), 명도(Lightness) 기반
ex) 버튼 색상을 hsl(10, 80%, 60%)로 설정했습니다.

3️⃣ 박스 모델 / 레이아웃

margin → 요소 외부 여백
ex) 카드 위쪽에 margin-top: 20px을 주었습니다.
padding → 요소 내부 여백
ex) 버튼 글자와 테두리 사이 padding: 10px 20px 적용
border → 테두리
ex) 박스에 1px solid #ccc 테두리를 넣었습니다.
width / height → 너비, 높이
ex) 이미지 너비를 100px, 높이를 150px로 설정했습니다.
display → 요소 표시 방식 (block, inline, flex 등)
ex) 컨테이너를 display: flex로 설정해 내부 요소를 가로 배치했습니다.
position → 요소 위치 지정 (static, relative, absolute, fixed, sticky)
ex) 툴팁을 position: absolute로 배치했습니다.
z-index → 요소 쌓임 순서
ex) 모달 창을 최상단에 보여주기 위해 z-index: 1000 적용

4️⃣ Flex / Grid 관련

flex → flexbox 레이아웃
ex) 메뉴 항목을 display: flex로 가로 배치했습니다.
justify-content → 주 축 정렬
ex) 버튼들을 가운데 정렬하려면 justify-content: center
align-items → 교차 축 정렬
ex) 카드 안의 아이콘을 세로 가운데 정렬하려면 align-items: center
flex-wrap → 줄바꿈 허용 여부
ex) flex-wrap: wrap으로 화면 좁아도 요소 줄바꿈 가능
grid → 격자 레이아웃
ex) 상품 목록을 display: grid로 3열 배치
grid-template-columns → 열 정의
ex) grid-template-columns: repeat(3, 1fr)로 3열 균등 배치

5️⃣ 텍스트 / 폰트

font-size → 글자 크기
ex) 제목 폰트를 2rem으로 설정
font-weight → 글자 굵기 (normal, bold, 100~900)
ex) 버튼 글자를 font-weight: 700으로 강조
line-height → 줄 높이
ex) 본문 글자를 line-height: 1.5로 읽기 좋게 설정
letter-spacing → 글자 간격
ex) 로고 글자를 letter-spacing: 2px로 넓게
text-align → 글자 정렬 (left, center, right)
ex) 버튼 글자를 가운데 정렬

6️⃣ 배경 / 그림자 / 효과

background-color → 배경 색상
ex) 섹션 배경을 흰색(white)으로 설정
background-image → 배경 이미지
ex) 헤더에 background-image: url('header.jpg') 적용
box-shadow → 그림자
ex) 카드에 box-shadow: 0 4px 6px rgba(0,0,0,0.1)
border-radius → 테두리 둥글기
ex) 버튼에 border-radius: 8px 적용

7️⃣ 기타 자주 쓰는 용어

overflow → 내용 넘침 처리 (visible, hidden, scroll, auto)
ex) 텍스트가 박스를 넘치면 overflow: hidden
opacity → 투명도
ex) 배경 이미지를 살짝 흐리게 opacity: 0.5
transition → 상태 변화 애니메이션
ex) 버튼에 transition: all 0.3s 적용
transform → 회전, 이동, 확대/축소
ex) 아이콘을 클릭 시 transform: rotate(45deg)
hover → 마우스 오버 상태 스타일
ex) 버튼에 :hover { background-color: #FF5733 }

오늘은 개발자가 회사에서 자주 접하게 되는 용어들을 정리해보았습니다 💻
입사 초기에 모르는 용어들 때문에 당황했던 경험이 있으신 분들에게 조금이나마 도움이 되었으면 합니다 😅

각 용어를 하나씩 이해하다 보면 업무 적응도 훨씬 수월해지고, 동료와의 커뮤니케이션도 원활해집니다 🤝

특히 디자인, 개발, 테스트 관련 용어까지 함께 알아두면 프로젝트 이해도가 올라가겠죠 🎯

앞으로도 현업에서 자주 쓰이는 용어와 실무 팁들을 정리해서 공유할 예정이니 ✨
개발회사 생활에 조금 더 자신감을 가지고 적응하시길 바랍니다 💪

'개발 로그 > 오늘의 개발읽기' 카테고리의 다른 글

[개발읽기 vol.6] 오픈소스 기여 방법 완벽 가이드 \| 주니어·시니어 개발자가 얻는 이점 (0)	2025.09.09
[개발읽기 vol.5] 2025년 리액트 상태관리 가이드: Redux, Recoil, Zustand, Jotai, MobX 비교 (2)	2025.09.08
[개발읽기 vol.4] Next.js 면접 대비: "왜 Next.js를 사용했나요?" 답변 예시 & 가이드 (1)	2025.09.02
[개발읽기 vol.3] 프론트엔드 성능 최적화 1편: 성능 최적화란 무엇인가? (2)	2025.09.02
[개발읽기 vol.2] 개발자 필수 스킬, AI 코딩 활용 가이드 (1)	2025.09.01

코딩하는퇴근길