앱개발을 시작하면 왜 용어부터 막힐까?
앱개발을 처음 시작하면 가장 먼저 부딪히는 벽은 코드가 아니라 용어입니다.
HTML, CSS, API, DOM 같은 단어들이 익숙하지 않으면 학습 속도가 크게 느려집니다.
실제로 강의를 듣는 내내 대체 저게 그래서 멀 뜻하는 건데? 라는 의문이..
애매하게 아는 거, 잘 모르겠는 거, 처음 보는 거 등등 전부 적어서 찾아봤습니다.
그래서 블로그 첫 글로 초보 개발자가 꼭 알아야 할 핵심 IT 용어를 한 번에 이해하기 쉽게! 간략하게 정리했습니다.
1. 웹 구조 기초 용어
✔ HTML
웹 페이지의 구조를 만드는 언어
(뼈대 역할)
✔ CSS
웹 페이지의 디자인을 담당
(색상, 레이아웃)
✔ JavaScript
웹 페이지에 동작을 추가하는 언어
(버튼 클릭, 애니메이션 등)
많은 개발 입문자가 HTML, CSS, JavaScript의 차이를 헷갈려합니다.
쉽게 말하면:
- HTML은 구조
- CSS는 디자인
- JavaScript는 동작입니다.
HTML/CSS/JavaScript를 실제로 사용하는 예제가 궁금하다면
2. UI / UX
✔ UI (User Interface)
사용자가 보는 화면 (버튼, 디자인)
✔ UX (User Experience)
사용자가 느끼는 경험 (편리함, 사용성)
3. 핵심 개념
✔ DOM
웹 페이지 구조를 객체 형태로 표현한 것
👉 JavaScript로 HTML을 조작할 수 있게 해줌
✔ API
서로 다른 프로그램이 소통하는 방법
👉 예: 날씨 정보 가져오기
4. 백엔드 & 서버
✔ Node.js
JavaScript로 서버를 만들 수 있게 해주는 환경
✔ Django / Flask
Python 기반 웹 프레임워크
✔ Spring
Java 기반 서버 개발 프레임워크
5. 개발 도구 & 환경
✔ DevTools
브라우저에서 제공하는 개발자 도구
✔ CLI (Command Line Interface)
명령어로 프로그램을 실행하는 방식
✔ 터미널
CLI를 사용하는 창
터미널이 처음이라면
6. React & 프론트엔드
✔ React
사용자 인터페이스를 만들기 위한 라이브러리
React는 현재 가장 많이 사용되는 프론트엔드 라이브러리 중 하나입니다.
특히 웹앱 개발과 모바일 앱 개발 분야에서도 자주 사용됩니다.
✔ Virtual DOM
변경된 부분만 업데이트하는 기술
✔ Props
컴포넌트에 전달되는 데이터
✔ State
컴포넌트 내부 상태
✔ JSX
JavaScript 안에서 HTML처럼 작성하는 문법
최신 개발 개념
✔ Next.js
React 기반 프레임워크
✔ SSR (Server Side Rendering)
서버에서 화면을 만들어 전달
✔ SSG (Static Site Generation)
미리 페이지를 만들어 놓는 방식
✔ SEO (Search Engine Optimization)
검색 엔진 최적화
8. 배포 & 기타
✔ Vercel
웹 서비스를 배포하는 플랫폼
✔ REST API
HTTP 기반 데이터 통신 방식
정리 (핵심 요약)
앱개발은 결국 이 구조로 이해하면 쉬움:
- HTML → 구조
- CSS → 디자인
- JavaScript → 동작
- 서버 → 데이터 처리
처음에는 용어가 너무 많아서 어렵게 느껴지지만, 하나씩 이해하다 보면 전체 흐름이 보이기 시작한다고 합니다.
중요한 건 “완벽 이해”가 아니라 “익숙해지는 것”이라고 생각합니다.
이 블로그의 글들은 다른분들께 알려드리기 위한 블로그 이기도 하지만,
제 개발공부노트 이기도 하죠.
저도 계속 들여다보며 익숙해지기 위해 공부 할 예정입니다.
제대로 된 앱을 개발하여 상용화 하는 그날까지!!😆
댓글 없음:
댓글 쓰기