You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
243 lines
29 KiB
243 lines
29 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "caf2ca695e9d259153d24a5cf3e07ef5",
|
|
"translation_date": "2025-10-11T10:54:34+00:00",
|
|
"source_file": "README.md",
|
|
"language_code": "ko"
|
|
}
|
|
-->
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
[](http://makeapullrequest.com)
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
[](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
|
|
|
|
# 초보자를 위한 웹 개발 - 커리큘럼
|
|
|
|
Microsoft Cloud Advocates가 제공하는 12주간의 종합 코스를 통해 웹 개발의 기초를 배워보세요. 24개의 각 레슨은 테라리움, 브라우저 확장 프로그램, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, CSS, HTML을 깊이 있게 탐구합니다. 퀴즈, 토론, 실습 과제를 통해 학습에 참여하고, 효과적인 프로젝트 기반 학습법으로 기술을 향상시키고 지식을 최적화하세요. 지금 코딩 여정을 시작하세요!
|
|
|
|
Azure AI Foundry Discord 커뮤니티에 참여하세요
|
|
|
|
[](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
다음 단계를 따라 이 리소스를 사용해보세요:
|
|
1. **저장소 포크하기**: [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)을 클릭하세요.
|
|
2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
3. [**Azure AI Foundry Discord에 참여하여 전문가와 다른 개발자들을 만나보세요**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
### 🌐 다국어 지원
|
|
|
|
#### GitHub Action을 통해 지원 (자동화 및 항상 최신 상태 유지)
|
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
|
|
[아랍어](../ar/README.md) | [벵골어](../bn/README.md) | [불가리아어](../bg/README.md) | [버마어 (미얀마)](../my/README.md) | [중국어 (간체)](../zh/README.md) | [중국어 (번체, 홍콩)](../hk/README.md) | [중국어 (번체, 마카오)](../mo/README.md) | [중국어 (번체, 대만)](../tw/README.md) | [크로아티아어](../hr/README.md) | [체코어](../cs/README.md) | [덴마크어](../da/README.md) | [네덜란드어](../nl/README.md) | [에스토니아어](../et/README.md) | [핀란드어](../fi/README.md) | [프랑스어](../fr/README.md) | [독일어](../de/README.md) | [그리스어](../el/README.md) | [히브리어](../he/README.md) | [힌디어](../hi/README.md) | [헝가리어](../hu/README.md) | [인도네시아어](../id/README.md) | [이탈리아어](../it/README.md) | [일본어](../ja/README.md) | [한국어](./README.md) | [리투아니아어](../lt/README.md) | [말레이어](../ms/README.md) | [마라티어](../mr/README.md) | [네팔어](../ne/README.md) | [노르웨이어](../no/README.md) | [페르시아어 (파르시)](../fa/README.md) | [폴란드어](../pl/README.md) | [포르투갈어 (브라질)](../br/README.md) | [포르투갈어 (포르투갈)](../pt/README.md) | [펀자브어 (구르무키)](../pa/README.md) | [루마니아어](../ro/README.md) | [러시아어](../ru/README.md) | [세르비아어 (키릴)](../sr/README.md) | [슬로바키아어](../sk/README.md) | [슬로베니아어](../sl/README.md) | [스페인어](../es/README.md) | [스와힐리어](../sw/README.md) | [스웨덴어](../sv/README.md) | [타갈로그어 (필리핀)](../tl/README.md) | [타밀어](../ta/README.md) | [태국어](../th/README.md) | [터키어](../tr/README.md) | [우크라이나어](../uk/README.md) | [우르두어](../ur/README.md) | [베트남어](../vi/README.md)
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
|
|
|
|
**추가 번역 언어를 지원하고 싶다면 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에 나열된 언어를 확인하세요.**
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
#### 🧑🎓 _학생이신가요?_
|
|
|
|
[**학생 허브 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 초보자를 위한 리소스, 학생 팩, 무료 인증서 바우처를 받을 수 있는 방법 등을 찾을 수 있습니다. 이 페이지를 즐겨찾기에 추가하고 매달 새로운 콘텐츠를 확인하세요.
|
|
|
|
### 📣 공지 - _생성형 AI를 활용한 새로운 프로젝트_
|
|
|
|
새로운 AI 어시스턴트 프로젝트가 추가되었습니다. [프로젝트](./09-chat-project/README.md)를 확인해보세요.
|
|
|
|
### 📣 공지 - _새로운 커리큘럼_ 생성형 AI를 활용한 JavaScript 학습
|
|
|
|
새로운 생성형 AI 커리큘럼을 놓치지 마세요!
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)를 방문하여 시작하세요!
|
|
|
|
|
|
|
|
- 기초부터 RAG까지 모든 것을 다루는 레슨
|
|
- GenAI와 동반 앱을 사용하여 역사적 인물과 상호작용
|
|
- 재미있고 몰입감 있는 스토리, 시간 여행을 경험하세요!
|
|
|
|
|
|
|
|
각 레슨에는 다음이 포함됩니다:
|
|
- 과제 수행
|
|
- 지식 점검
|
|
- 학습 주제를 안내하는 도전 과제
|
|
|
|
다음과 같은 주제를 학습하세요:
|
|
- 프롬프트 작성 및 프롬프트 엔지니어링
|
|
- 텍스트 및 이미지 앱 생성
|
|
- 검색 앱
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)를 방문하여 시작하세요!
|
|
|
|
## 🌱 시작하기
|
|
|
|
> **교사분들**, 이 커리큘럼을 활용하는 방법에 대한 [제안](for-teachers.md)을 포함했습니다. [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)에서 피드백을 공유해주세요!
|
|
|
|
**[학습자](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, 각 레슨에서 사전 강의 퀴즈로 시작하고 강의 자료를 읽으며 다양한 활동을 완료한 후 사후 강의 퀴즈로 이해도를 확인하세요.
|
|
|
|
학습 경험을 향상시키기 위해 동료들과 함께 프로젝트를 진행하세요! [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)에서 토론을 장려하며, 모더레이터 팀이 질문에 답변해드립니다.
|
|
|
|
추가 학습을 위해 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)을 탐색하여 추가 학습 자료를 확인하는 것을 강력히 추천합니다.
|
|
|
|
### 📋 환경 설정하기
|
|
|
|
이 커리큘럼은 개발 환경이 준비되어 있습니다! 시작할 때 [Codespace](https://github.com/features/codespaces/) (_브라우저 기반, 설치 필요 없음 환경_) 또는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)와 같은 텍스트 편집기를 사용하여 로컬에서 실행할 수 있습니다.
|
|
|
|
#### 저장소 생성하기
|
|
작업을 쉽게 저장하려면 이 저장소의 복사본을 생성하는 것이 좋습니다. 페이지 상단의 **Use this template** 버튼을 클릭하면 GitHub 계정에 커리큘럼 복사본이 포함된 새 저장소가 생성됩니다.
|
|
|
|
다음 단계를 따르세요:
|
|
1. **저장소 포크하기**: 페이지 오른쪽 상단의 "Fork" 버튼을 클릭하세요.
|
|
2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### Codespace에서 커리큘럼 실행하기
|
|
|
|
생성한 저장소 복사본에서 **Code** 버튼을 클릭하고 **Open with Codespaces**를 선택하세요. 새로운 Codespace가 생성되어 작업할 수 있습니다.
|
|
|
|
|
|
|
|
#### 로컬 컴퓨터에서 커리큘럼 실행하기
|
|
|
|
로컬 컴퓨터에서 커리큘럼을 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 번째 레슨인 [프로그래밍 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서 각 도구에 대한 다양한 옵션을 안내하며, 자신에게 가장 적합한 것을 선택할 수 있습니다.
|
|
|
|
추천하는 편집기는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)이며, 내장된 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 포함되어 있습니다. [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 Visual Studio Code를 다운로드할 수 있습니다.
|
|
|
|
1. 저장소를 컴퓨터에 클론하세요. **Code** 버튼을 클릭하고 URL을 복사한 후 다음 명령을 실행하세요:
|
|
|
|
[CodeSpace](./images/createcodespace.png)
|
|
|
|
그런 다음 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내의 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고 복사한 URL을 `<your-repository-url>`로 대체하여 다음 명령을 실행하세요:
|
|
|
|
```bash
|
|
git clone <your-repository-url>
|
|
```
|
|
|
|
2. Visual Studio Code에서 폴더를 엽니다. **File** > **Open Folder**를 클릭하고 클론한 폴더를 선택하세요.
|
|
|
|
> 추천 Visual Studio Code 확장 프로그램:
|
|
>
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 내에서 HTML 페이지를 미리보기
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드를 더 빠르게 작성할 수 있도록 지원
|
|
|
|
## 📂 각 레슨에는 다음이 포함됩니다:
|
|
|
|
- 선택 가능한 스케치노트
|
|
- 선택 가능한 보충 영상
|
|
- 사전 레슨 준비 퀴즈
|
|
- 작성된 강의
|
|
- 프로젝트 기반 강의, 프로젝트를 구축하는 단계별 가이드
|
|
- 지식 점검
|
|
- 도전 과제
|
|
- 보충 읽기 자료
|
|
- 과제
|
|
- [수업 후 퀴즈](https://ff-quizzes.netlify.app/web/)
|
|
|
|
> **퀴즈에 대한 참고 사항**: 모든 퀴즈는 Quiz-app 폴더에 포함되어 있으며, 총 48개의 퀴즈가 각 3개의 질문으로 구성되어 있습니다. [여기](https://ff-quizzes.netlify.app/web/)에서 이용할 수 있으며, Quiz 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다. `quiz-app` 폴더의 지침을 따르세요.
|
|
|
|
## 🗃️ 강의
|
|
|
|
| | 프로젝트 이름 | 학습 개념 | 학습 목표 | 연결된 강의 | 작성자 |
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
| 01 | 시작하기 | 프로그래밍 소개 및 개발 도구 | 대부분의 프로그래밍 언어의 기본 원리와 전문 개발자가 사용하는 소프트웨어에 대해 배우기 | [프로그래밍 언어 및 개발 도구 소개](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
| 02 | 시작하기 | GitHub 기본, 팀 작업 포함 | 프로젝트에서 GitHub을 사용하는 방법, 코드 기반에서 다른 사람들과 협업하는 방법 | [GitHub 소개](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
| 03 | 시작하기 | 접근성 | 웹 접근성의 기본 사항 배우기 | [접근성 기본](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
| 04 | JS 기본 | JavaScript 데이터 유형 | JavaScript 데이터 유형의 기본 사항 | [데이터 유형](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
| 05 | JS 기본 | 함수와 메서드 | 애플리케이션의 논리 흐름을 관리하기 위한 함수와 메서드에 대해 배우기 | [함수와 메서드](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
|
|
| 06 | JS 기본 | JS로 결정 내리기 | 조건문을 사용하여 코드에서 조건을 생성하는 방법 배우기 | [결정 내리기](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
| 07 | JS 기본 | 배열과 반복문 | JavaScript에서 배열과 반복문을 사용하여 데이터 작업하기 | [배열과 반복문](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
| 08 | [테라리움](./3-terrarium/solution/README.md) | HTML 실습 | 온라인 테라리움을 만들기 위한 HTML 작성, 레이아웃 구축에 중점 | [HTML 소개](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
| 09 | [테라리움](./3-terrarium/solution/README.md) | CSS 실습 | 온라인 테라리움을 스타일링하기 위한 CSS 작성, 반응형 페이지를 포함한 CSS 기본 사항에 중점 | [CSS 소개](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
| 10 | [테라리움](./3-terrarium/solution/README.md) | JavaScript 클로저, DOM 조작 | 테라리움을 드래그/드롭 인터페이스로 작동하게 만드는 JavaScript 작성, 클로저와 DOM 조작에 중점 | [JavaScript 클로저, DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
| 11 | [타이핑 게임](./4-typing-game/solution/README.md) | 타이핑 게임 만들기 | 키보드 이벤트를 사용하여 JavaScript 앱의 로직을 구동하는 방법 배우기 | [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md) | Christopher |
|
|
| 12 | [친환경 브라우저 확장 프로그램](./5-browser-extension/solution/README.md) | 브라우저 작업 | 브라우저가 작동하는 방식, 역사, 브라우저 확장 프로그램의 첫 번째 요소를 스캐폴딩하는 방법 배우기 | [브라우저에 대하여](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
| 13 | [친환경 브라우저 확장 프로그램](./5-browser-extension/solution/README.md) | 폼 작성, API 호출 및 로컬 스토리지에 변수 저장 | 로컬 스토리지에 저장된 변수를 사용하여 API를 호출하는 브라우저 확장 프로그램의 JavaScript 요소 작성 | [API, 폼, 로컬 스토리지](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
| 14 | [친환경 브라우저 확장 프로그램](./5-browser-extension/solution/README.md) | 브라우저의 백그라운드 프로세스, 웹 성능 | 브라우저의 백그라운드 프로세스를 사용하여 확장 프로그램의 아이콘 관리; 웹 성능 및 최적화에 대해 배우기 | [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
| 15 | [우주 게임](./6-space-game/solution/README.md) | JavaScript를 활용한 고급 게임 개발 | 클래스와 컴포지션 및 Pub/Sub 패턴을 사용한 상속에 대해 배우고 게임 개발 준비 | [고급 게임 개발 소개](./6-space-game/1-introduction/README.md) | Chris |
|
|
| 16 | [우주 게임](./6-space-game/solution/README.md) | 캔버스에 그리기 | 화면에 요소를 그리기 위해 Canvas API에 대해 배우기 | [캔버스에 그리기](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
| 17 | [우주 게임](./6-space-game/solution/README.md) | 화면에서 요소 이동 | 데카르트 좌표와 Canvas API를 사용하여 요소에 움직임을 부여하는 방법 배우기 | [요소 이동](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
| 18 | [우주 게임](./6-space-game/solution/README.md) | 충돌 감지 | 키 입력을 사용하여 요소가 서로 충돌하고 반응하도록 만들기, 게임 성능을 보장하기 위한 쿨다운 기능 제공 | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
| 19 | [우주 게임](./6-space-game/solution/README.md) | 점수 계산 | 게임의 상태와 성능에 따라 수학적 계산 수행 | [점수 계산](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
| 20 | [우주 게임](./6-space-game/solution/README.md) | 게임 종료 및 재시작 | 자산 정리 및 변수 값 재설정을 포함하여 게임을 종료하고 재시작하는 방법 배우기 | [종료 조건](./6-space-game/6-end-condition/README.md) | Chris |
|
|
| 21 | [뱅킹 앱](./7-bank-project/solution/README.md) | 웹 앱에서 HTML 템플릿 및 라우트 | 라우팅 및 HTML 템플릿을 사용하여 다중 페이지 웹사이트 아키텍처의 스캐폴드 생성 방법 배우기 | [HTML 템플릿 및 라우트](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
| 22 | [뱅킹 앱](./7-bank-project/solution/README.md) | 로그인 및 등록 폼 작성 | 폼 작성 및 유효성 검사 루틴 처리 방법 배우기 | [폼](./7-bank-project/2-forms/README.md) | Yohan |
|
|
| 23 | [뱅킹 앱](./7-bank-project/solution/README.md) | 데이터 가져오기 및 사용 방법 | 앱에서 데이터가 어떻게 흐르고, 가져오고, 저장되고, 삭제되는지 배우기 | [데이터](./7-bank-project/3-data/README.md) | Yohan |
|
|
| 24 | [뱅킹 앱](./7-bank-project/solution/README.md) | 상태 관리 개념 | 앱이 상태를 유지하는 방법과 이를 프로그래밍적으로 관리하는 방법 배우기 | [상태 관리](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
| 25 | [브라우저/VS코드 코드](../../8-code-editor) | VS코드 사용하기 | 코드 편집기 사용법 배우기 | [VS코드 코드 편집기 사용](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
|
|
| 26 | [AI 어시스턴트](./9-chat-project/README.md) | AI 작업하기 | 나만의 AI 어시스턴트 만들기 배우기 | [AI 어시스턴트 프로젝트](./9-chat-project/README.md) | Chris |
|
|
|
|
## 🏫 교육학
|
|
|
|
우리의 커리큘럼은 두 가지 주요 교육 원칙을 기반으로 설계되었습니다:
|
|
* 프로젝트 기반 학습
|
|
* 빈번한 퀴즈
|
|
|
|
이 프로그램은 JavaScript, HTML, CSS의 기본 원리와 오늘날 웹 개발자가 사용하는 최신 도구 및 기술을 가르칩니다. 학생들은 타이핑 게임, 가상 테라리움, 친환경 브라우저 확장 프로그램, 우주 침략자 스타일의 게임, 비즈니스를 위한 뱅킹 앱을 구축하며 실습 경험을 쌓을 기회를 갖게 됩니다. 이 시리즈가 끝날 때쯤, 학생들은 웹 개발에 대한 탄탄한 이해를 얻게 될 것입니다.
|
|
|
|
> 🎓 이 커리큘럼의 첫 몇 가지 강의를 Microsoft Learn에서 [학습 경로](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)로 수강할 수 있습니다!
|
|
|
|
콘텐츠가 프로젝트와 일치하도록 보장함으로써, 학생들에게 더 흥미로운 학습 과정을 제공하고 개념의 이해와 기억력을 강화할 수 있습니다. 또한, JavaScript 기본 사항을 소개하는 몇 가지 시작 강의를 작성했으며, "[JavaScript 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" 비디오 튜토리얼 컬렉션에서 일부 저자들이 이 커리큘럼에 기여했습니다.
|
|
|
|
또한, 수업 전에 부담 없는 퀴즈를 통해 학생들이 주제 학습에 대한 의도를 설정할 수 있으며, 수업 후 두 번째 퀴즈를 통해 개념을 더 잘 기억할 수 있습니다. 이 커리큘럼은 유연하고 재미있게 설계되었으며, 전체 또는 일부를 수강할 수 있습니다. 프로젝트는 작게 시작하여 12주 과정이 끝날 때까지 점점 더 복잡해집니다.
|
|
|
|
우리는 JavaScript 프레임워크를 도입하지 않고 웹 개발자로서 프레임워크를 채택하기 전에 필요한 기본 기술에 집중하도록 의도적으로 설계했으며, 이 커리큘럼을 완료한 후 다음 단계로 Node.js에 대해 배우는 것이 좋습니다. 관련 비디오 컬렉션: "[Node.js 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
|
|
|
|
> 우리의 [행동 강령](CODE_OF_CONDUCT.md) 및 [기여](CONTRIBUTING.md) 지침을 방문하세요. 여러분의 건설적인 피드백을 환영합니다!
|
|
|
|
|
|
## 🧭 오프라인 액세스
|
|
|
|
[Docsify](https://docsify.js.org/#/)를 사용하여 이 문서를 오프라인에서 실행할 수 있습니다. 이 저장소를 포크하고, 로컬 컴퓨터에 [Docsify 설치](https://docsify.js.org/#/quickstart)를 한 후, 이 저장소의 루트 폴더에서 `docsify serve`를 입력하세요. 웹사이트는 로컬호스트 `localhost:3000`의 포트 3000에서 제공됩니다.
|
|
|
|
## 📘 PDF
|
|
|
|
모든 강의의 PDF는 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 찾을 수 있습니다.
|
|
|
|
|
|
## 🎒 다른 강의
|
|
|
|
우리 팀은 다른 강의도 제작합니다! 확인해보세요:
|
|
|
|
- [MCP for Beginners](https://aka.ms/mcp-for-beginners)
|
|
- [Edge AI for Beginners](https://aka.ms/edgeai-for-beginners)
|
|
- [AI Agents for Beginners](https://aka.ms/ai-agents-beginners)
|
|
- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
|
|
- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
|
|
- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
|
|
- [AI for Beginners](https://aka.ms/ai-beginners)
|
|
- [Data Science for Beginners](https://aka.ms/datascience-beginners)
|
|
- [ML for Beginners](https://aka.ms/ml-beginners)
|
|
- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)
|
|
- [Web Dev for Beginners](https://aka.ms/webdev-beginners)
|
|
- [IoT for Beginners](https://aka.ms/iot-beginners)
|
|
- [초보자를 위한 XR 개발](https://github.com/microsoft/xr-development-for-beginners)
|
|
- [GitHub Copilot의 효과적인 활용법 익히기](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
|
|
- [C#/.NET 개발자를 위한 GitHub Copilot 활용법 익히기](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
|
|
- [나만의 Copilot 모험 선택하기](https://github.com/microsoft/CopilotAdventures)
|
|
|
|
## 도움 받기
|
|
|
|
AI 앱을 개발하다가 막히거나 질문이 생기면 다음 커뮤니티에 참여하세요:
|
|
|
|
[](https://aka.ms/foundry/discord)
|
|
|
|
제품 피드백을 제공하거나 개발 중 오류가 발생한 경우 다음을 방문하세요:
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
## 라이선스
|
|
|
|
이 저장소는 MIT 라이선스에 따라 제공됩니다. 자세한 내용은 [LICENSE](../../LICENSE) 파일을 참조하세요.
|
|
|
|
---
|
|
|
|
**면책 조항**:
|
|
이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역에는 오류나 부정확성이 포함될 수 있습니다. 원본 문서의 원어 버전을 신뢰할 수 있는 권위 있는 자료로 간주해야 합니다. 중요한 정보의 경우, 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. |