• Skip to main content
  • Skip to search
  • Skip to select language

ImageKitReal-time media processing APIs & DAM platform with a global CDN. Easily integrate into existing tech stack.Create free accountAd

Don't want to see ads?
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Web 개발 학습하기
  2. Common questions
    • Is this useful?
    • English (US)
    • Deutsch
    • Español
    • Français
    • 日本語
    • Português (do Brasil)
    • Русский
    • 中文 (简体)
    • 正體中文 (繁體)

이 페이지는 영어로부터 커뮤니티에 의하여 번역되었습니다. MDN Web Docs에서 한국 커뮤니티에 가입하여 자세히 알아보세요.

  1. Getting started modules
  2. Environment setup
    1. Installing software
    2. Browsing the web
    3. Code editors
    4. 파일 다루기
    5. Command line
  3. Your first website
    1. 웹사이트의 외관은 어떻게 할까요?
    2. HTML 기본
    3. CSS 기초
    4. JavaScript 기본
    5. 웹사이트 출판하기
  4. Web standards
    1. 웹의 동작 방식
    2. The web standards model
    3. How browsers load websites
  5. Soft skills
    1. Research and learning
    2. Collaboration and teamwork
    3. Workflows and processes
    4. Finding a job
  6. Core modules
  7. Structuring content with HTML
    1. HTML 시작하기
    2. head 태그에는 무엇이 있을까? HTML의 메타데이터
    3. HTML text fundamentals
    4. Emphasis and importance
    5. Lists
    6. Structuring documents
    7. 고급 텍스트 서식 지정
    8. 하이퍼링크 만들기
    9. 과제: 문서 마크업하기
    10. 콘텐츠 페이지 구조화
    11. HTML의 이미지
    12. Video and audio
    13. Challenge: Mozilla splash page
    14. HTML 테이블 기초
    15. HTML table advanced features and accessibility
    16. 행성 데이터 구조화
    17. Forms and buttons
    18. Debugging HTML
    19. Test your skills
      1. HTML text basics
      2. Links
      3. Images
      4. Audio and video
      5. Advanced HTML text
  8. CSS styling basics
    1. CSS 작동 방식
    2. CSS 로 시작하기
    3. 새로운 지식을 사용하기
    4. CSS 선택자
    5. 속성 선택자
    6. 의사 클래스와 의사 요소
    7. 결합자
    8. 박스 모델
    9. 계단식 및 상속
    10. CSS 값과 단위
    11. CSS 에서 항목 크기 조정
    12. Backgrounds and borders
    13. 콘텐츠 overflow
    14. 이미지, 미디어 및 양식 요소
    15. 표 스타일링
    16. CSS 디버깅
    17. Challenge: Business card
    18. 멋진 편지지 양식 만들기
    19. 멋지게 보이는 박스
    20. Test your skills
      1. Backgrounds and borders
      2. Box model
      3. Cascade
      4. Images and forms
      5. Overflow
      6. Selectors
      7. Sizing
      8. Tables
      9. Values and units
      10. Writing modes
  9. CSS text styling
    1. 기본적인 텍스트 및 글꼴 스타일링
    2. 목록 스타일링
    3. 스타일링 링크
    4. 웹 폰트
    5. 커뮤니티 대학 홈페이지 레이아웃 구성하기
  10. CSS 레이아웃
    1. CSS 레이아웃 입문서
    2. Floats
    3. 위치잡기
    4. Flexbox
    5. 그리드
    6. 반응형 디자인
    7. 미디어 쿼리 초보자 안내서
    8. 레이아웃 이해의 핵심 사항
    9. Test your skills
      1. Flexbox
      2. Floats
      3. Grid
      4. Multicol
      5. Positioning
      6. Responsive design and media queries
  11. Dynamic scripting with JavaScript
    1. JavaScript가 뭔가요?
    2. JavaScript에 발 담그기
    3. 뭐가 잘못됐을까요? JavaScript 문제 해결
    4. 필요한 정보를 저장하기 - 변수
    5. JavaScript의 기본적인 연산 - 숫자와 연산자
    6. 문자열 다루기 — 문자열
    7. 문자열 제대로 다루기
    8. 배열(Arrays)
    9. Silly story generator
    10. 판단 내리기 — 조건문
    11. 반복문
    12. 함수 — 코드 재사용
    13. 함수 만들기
    14. 함수 반환 값
    15. 이벤트 입문
    16. 이벤트 버블링
    17. 이미지 갤러리
    18. JavaScript 객체 기본
    19. DOM scripting
    20. 서버에서 데이터 가져오기
    21. JSON으로 작업하기
    22. Debugging and error handling
    23. Test your skills
      1. Arrays
      2. 실력을 평가해 보세요: 조건문
      3. 실력을 평가해 보세요: 이벤트
      4. 실력을 평가해 보세요: 함수
      5. 얼마나 이해했는지 확인해보자: JSON
      6. 실력을 평가해 보세요: 반복문
      7. Math
      8. Objects
      9. Strings
      10. 당신의 기량을 시험해 보세요: 변수(variables)
  12. JavaScript frameworks and libraries
    1. 클라이언트 측 프레임워크 소개
    2. 프레임워크 주요 기능
    3. React 시작하기
    4. React todo list 시작하기
    5. React 앱 컴포넌트화
    6. React 상호 작용: 이벤트 및 상태
    7. React 상호작용: 편집하기, 필터링, 조건부 렌더링
    8. Accessibility in React
    9. React resources
  13. Accessibility
    1. What is accessibility?
    2. Accessibility tools
    3. HTML: 접근성의 좋은 기반
    4. CSS와 JavaScript의 접근성 모범 사례
    5. WAI-ARIA
    6. Accessible multimedia
    7. Mobile accessibility
    8. Challenge: A11y debugging
    9. Test your skills
      1. CSS and JavaScript
      2. HTML
      3. WAI-ARIA
  14. Design for developers
  15. Version control
  16. Extension modules
  17. Advanced JavaScript objects
    1. Object prototypes
    2. 객체 지향 프로그래밍
    3. Classes in JavaScript
    4. Object building practice
    5. Challenge: Bouncing balls features
    6. Test your skills
      1. Object-oriented JavaScript
  18. 클라이언트 사이드 웹 API
    1. Introduction
    2. Video and audio
    3. Drawing graphics
    4. Client-side storage
    5. Third-party APIs
  19. JavaScript의 비동기성
    1. Introducing asynchronous JavaScript
    2. Graceful asynchronous programming with Promises
    3. How to implement a promise-based API
    4. Introducing workers
    5. Sequencing animations
  20. 웹 Form — 사용자 데이터 사용하기
    1. 당신의 첫 HTML 폼
    2. HTML 폼 구성 방법
    3. 기본 네이티브 양식 컨트롤
    4. HTML5 입력 유형
    5. Other form controls
    6. Styling web forms
    7. Advanced form styling
    8. Customizable selects
    9. UI pseudo-classes
    10. Client-side form validation
    11. Sending form data
    12. Test your skills
      1. Basic controls
      2. Basic styling
      3. Form structure
      4. Input types
      5. Form validation
      6. Other controls
      7. Advanced styling
  21. Understanding client-side tools
    1. Overview
    2. Package management
    3. Sample toolchain
    4. Deploying our app
  22. Server-side website programming
    1. 서버 사이드 웹사이트 프로그래밍 첫 걸음
      1. Introduction to the server side
      2. Client-Server overview
      3. Server-side web frameworks
      4. Website security
    2. Django 웹 프레임워크 (Python)
      1. Django 소개
      2. Django 개발 환경 세팅하기
      3. Django 튜토리얼: 지역 도서관 웹사이트
      4. 장고 튜토리얼 강좌 2 : 뼈대 사이트 만들기
      5. Django Tutorial Part 3: Using models
      6. Django Tutorial Part 4: Django admin site
      7. Django Tutorial Part 5: Creating our home page
      8. Django Tutorial Part 6: Generic list and detail views
      9. Django Tutorial Part 7: Sessions framework
      10. 8: Authentication and permissions
      11. Django 튜토리얼 파트 9: 폼(form)으로 작업하기
      12. Django 튜토리얼 파트 10: Django 웹 어플리케이션 테스트하기
      13. Django 튜토리얼 파트 11: Django 웹사이트 공개하기
      14. Django security
      15. Challenge: Django blog
    3. Express (Node.js)
      1. Express/Node introduction
      2. Dev environment setup
      3. 1: Local library tutorial
      4. 2: Skeleton website
      5. 3: Using databases with Mongoose
      6. 4: Routes and controllers
      7. 5: Displaying data
      8. 6: Working with forms
      9. 7: Deploying
  23. Web performance
    1. 웹 성능이 중요한 "이유"
    2. 웹 성능이란
    3. 인지된 성능
    4. 웹 성능 측정하기
    5. 멀티미디어: 이미지
    6. 멀티미디어: 비디오
    7. Performant JavaScript
    8. Performant HTML
    9. Performant CSS
    10. Performance business case
  24. Testing
    1. Introduction
    2. Testing strategies
    3. Common HTML and CSS problems
    4. Feature detection
    5. Automated testing
    6. Automation environment setup
  25. Transform and animate CSS
  26. Security and privacy
  27. 추가 자료
  28. How to solve common problems
    1. 일반적인 CSS 문제 해결하기
    2. HTML을 사용하여 일반적인 문제 해결하기
    3. Solve common problems in your JavaScript code
    4. 디자인과 접근성
    5. 도구 및 설정
    6. 웹 작동방식
  29. About
  30. Resources for educators
  31. Changelog
GitLab
Deliver better softwareGitLab is the most comprehensive AI-powered DevSecOps Platform. Experience software faster.Try free Today
Ad
Don't want to see ads?
GitLab
Deliver better softwareGitLab is the most comprehensive AI-powered DevSecOps Platform. Experience software faster.Try free Today
Ad
Don't want to see ads?

Common questions

해당 학습 영역의 섹션은 HTML이나 CSS와 같은 구조화된 핵심 학습 경로의 일부는 아니지만, 자주 묻는 질문에 대한 답변을 제공하기 위해 만들어졌습니다. 아래의 글들은 독립적으로 읽고 이해할 수 있도록 작성되었습니다.

  • HTML 관련 질문
  • CSS 관련 질문
  • JavaScript 관련 질문
  • 웹 메커니즘
  • 도구 및 설정
  • 디자인 및 접근성

Help improve MDN

Learn how to contribute.

This page was last modified on 2025년 3월 22일 by MDN contributors.

View this page on GitHub • Report a problem with this content
GitLabAd
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.