• 본문 바로가기
  • 카테고리 바로가기
  • 주메뉴 바로가기
  • 하단 바로가기

웹 통합 학습 허브

전체 메뉴

카테고리

  • 통합 홈
  • 웹접근성 빌드업
  • 웹개발
  • 데이터베이스
  • AI
  • Next.js

    • 한눈에
    • 개념
    • 시작·라우팅
    • 컴포넌트·데이터
    • 배포·자주 쓰는 기능
    • React

      • 한눈에
      • 컴포넌트·JSX
      • 상태·이벤트
      • 목록·조건
      • Next.js에서
    • 정적 변환

      • 한눈에
      • 준비
      • 대응·주의
      • 요청
      • 유지보수
  • 정적 사이트

    • 한눈에
    • 파일
    • 데이터베이스
    • 배포
  • Spring Boot

    • 한눈에
    • 개념
    • 화면
    • API
    • 실행
    • Java

      • 한눈에
      • 클래스·메서드
      • 패키지
      • 어노테이션
      • Spring Boot에서
  • GitHub

    • 한눈에
    • 개념
    • 저장과 동기화
    • 브랜치·PR
    • 파일과 실수
  • Supabase

    • 한눈에
    • 개념
    • 연결
    • 읽기·쓰기
    • 인증·키
  • Vercel

    • 한눈에
    • 개념
    • GitHub 연결
    • 환경 변수
    • 미리보기·운영
  1. 통합 홈
  2. 웹개발

웹개발

실무에서 자주 쓰는 웹 개발 주제입니다. 화면 마크업·접근성 데모는 웹접근성 빌드업에 있습니다.

  • 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단원

하단 정보

© 웹 통합 학습 허브. All rights reserved.