데브허브 | DEVHUB | Things you might learn as a web developerThings you might learn as a web developer
- 웹 개발은 프론트엔드, 백엔드, 배포의 세 가지 핵심 영역으로 구성됩니다. 🌐
- 프론트엔드 개발의 기초는 HTML(구조), CSS(스타일), JavaScript(상호작용)입니다. 💻
- HTML 학습 시 폼, 입력 요소, 버튼, 멀티스텝 위자드, 미디어 태그 등 페이지 구조화에 중점을 둡니다. 📝
- CSS는 Flexbox, 패딩, 마진, 전환(Transitions), 애니메이션(Keyframes) 등을 통해 웹사이트를 시각적으로 매력 있게 만듭니다. ✨
- JavaScript는 DOM 조작, 이벤트 리스너(클릭, 스크롤), AJAX(데이터 동적 업데이트를 위한 Fetch 요청)를 통해 페이지에 동적인 기능을 부여합니다. 🚀
- 백엔드 개발은 Node.js와 Express.js 같은 프레임워크를 시작으로 RESTful API를 구축하고 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 구현합니다. ⚙️
- 데이터베이스는 SQL(PostgreSQL)과 NoSQL 유형으로 나뉘며, 데이터 저장 및 쿼리 작성법을 배우고, ORM(Prisma, Drizzle)을 활용하여 SQL 작업을 간소화합니다. 🗄️
- 데이터베이스 스키마 변경 관리를 위해 마이그레이션 스크립트 작성이 중요합니다. 🔄
- 버전 관리 시스템(Git)은 코드 변경 이력을 추적하고 협업을 용이하게 하는 필수 도구입니다. 🌳
- DevOps는 VPS 호스팅, SSH 접속, CI/CD 파이프라인(GitHub Actions, CircleCI) 구축을 통해 코드 배포를 자동화하는 과정입니다. ☁️
- 클라우드 서비스(AWS)와 Docker를 이용한 컨테이너화는 애플리케이션 배포 및 관리를 효율적으로 만듭니다. 🐳
- 코드의 안정성과 품질을 보장하기 위해 유닛, 통합, E2E(End-to-End) 테스트(Cypress, Playwright)와 같은 자동화된 테스트 작성이 필수적입니다. ✅