실무에서 자주 쓰는 웹 개발 주제입니다. 화면 마크업·접근성 데모는 웹접근성 빌드업에 있습니다.
Next.js
React 앱에 라우팅·서버 렌더·데이터 저장을 붙이는 방법. React 기초는 왼쪽 Next.js 메뉴 아래에 있다.
이용 가능 · Next.js 5 · React 5 · 변환 5
정적 사이트
HTML·CSS·JavaScript만으로 화면을 만들고, 브라우저에서 Supabase에 연결한 뒤 Vercel에 파일을 올리는 방법.
이용 가능 · 4단원
Spring Boot
Java로 요청을 받아 HTML 또는 JSON을 보내는 서버. Java 기초는 왼쪽 Spring Boot 메뉴 아래에 있다.
이용 가능 · Spring Boot 5 · Java 5
GitHub
변경 이력을 Git으로 남기고, GitHub에서 올리고, 브랜치와 Pull Request로 같이 고치는 방법.
이용 가능 · 5단원
Supabase
Postgres 위에 인증·API를 얹은 백엔드. Next.js에서 키를 나누고, 행을 읽고, 로그인을 붙이는 방법.
이용 가능 · 5단원
Vercel
GitHub에 올린 Next.js 앱을 빌드해 사이트 주소로 연다. 미리보기 배포와 환경 변수를 나눈다.
이용 가능 · 5단원