mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-09-09 06:00:51 +02:00
FIX : fix url for translations folder
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
# Terrarium 프로젝트 파트 1: HTML 소개
|
||||
|
||||

|
||||

|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -17,7 +17,7 @@ HTML, HyperText Markup Language는 웹의 '뼈대' 입니다. CSS가 HTML과 Jav
|
||||
|
||||
컴퓨터에서, 'terrarium' 이라는 폴더를 만들고 그 안에 'index.html' 파일을 만듭니다. 새 VS Code 윈도우를 열어서 'open folder'를 클릭하고, terrarium 폴더를 만들면 Visual Studio Code에서 이 작업을 할 수 있습니다. 탐색기에서 작은 'file' 버튼을 클릭하고 새 파일을 만듭니다:
|
||||
|
||||

|
||||

|
||||
|
||||
또는
|
||||
|
||||
@@ -217,7 +217,7 @@ HTML에는 여전히 재미있고 '오래된' 태그가 있지만, 마크업에
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -228,4 +228,4 @@ HTML은 웹을 오늘 날의 웹으로 구축하는 데 도움이 준 'tried and
|
||||
|
||||
## 과제
|
||||
|
||||
[Practice your HTML: Build a blog mockup](assignment.md)
|
||||
[Practice your HTML: Build a blog mockup](../assignment.md)
|
||||
|
@@ -1,11 +1,11 @@
|
||||
# Terrarium 프로젝트 파트 2: CSS 소개
|
||||
|
||||

|
||||

|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -69,7 +69,7 @@ body {
|
||||
|
||||
브라우저의 콘솔에서 'Elements'을 열고 H1 폰트를 보십시오. 브라우저에 기록된대로 본문에서 폰트를 상속합니다:
|
||||
|
||||

|
||||

|
||||
|
||||
✅ 중첩된 스타일이 다른 속성을 상속하도록 만들 수 있습니까?
|
||||
|
||||
@@ -246,13 +246,13 @@ HTML 마크업의 각 식물에는 id와 클래스의 조합이 있습니다. id
|
||||
|
||||
jar 좌측 하단 부분에 'bubble' 광택을 추가하여 유리처럼 보이도록 합니다. `.jar-glossy-long`과 `.jar-glossy-short`를 빛 반사되는 것처럼 보이도록 꾸밉니다. 다음과 같이 표시됩니다.
|
||||
|
||||

|
||||

|
||||
|
||||
강의 후 퀴즈를 완료하려면, 다음 학습 모듈을 진행하십시오: [Style your HTML app with CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics)
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -260,4 +260,4 @@ CSS는 믿을 수 없게 간단해 보이지만, 모든 브라우저와 모든
|
||||
|
||||
## 과제
|
||||
|
||||
[CSS Refactoring](assignment.md)
|
||||
[CSS Refactoring](../assignment.md)
|
||||
|
@@ -1,11 +1,11 @@
|
||||
# Terrarium 프로젝트 파트 3: DOM 조작과 클로저
|
||||
|
||||

|
||||

|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -17,7 +17,7 @@ DOM을 조작하기 위해 클로저를 사용할 예정입니다.
|
||||
|
||||
> DOM을 웹 페이지 문서를 제어할 수 있는 모든 방법으로 나타낼 수 있는 트리로 생각하십시오. 프로그래머가 선택한 프로그래밍 언어를 사용하여 DOM에 접근하고 편집, 변경, 재배치하며 관리할 수 있는 다양한 API(Application Program Interfaces)가 작성되어 있습니다.
|
||||
|
||||

|
||||

|
||||
|
||||
> DOM과 참조하는 HTML 마크업의 표현입니다. From [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
|
||||
|
||||
@@ -189,7 +189,7 @@ function stopElementDrag() {
|
||||
|
||||
이제 프로젝트를 완료했습니다!
|
||||
|
||||
🥇 축하합니다! 아름다운 terrarium을 완성했습니다. 
|
||||
🥇 축하합니다! 아름다운 terrarium을 완성했습니다. 
|
||||
|
||||
---
|
||||
|
||||
@@ -199,7 +199,7 @@ function stopElementDrag() {
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -211,5 +211,5 @@ function stopElementDrag() {
|
||||
|
||||
## 과제
|
||||
|
||||
[Work a bit more with the DOM](assignment.md)
|
||||
[Work a bit more with the DOM](../assignment.md)
|
||||
|
||||
|
@@ -2,13 +2,13 @@
|
||||
|
||||
작은 드래그 앤 드롭 코드-명상. 약간의 HTML, JS와 CSS를 사용하여 웹 인터페이스를 구축하고, 스타일을 지정하고, 상호 작용을 추가합니다.
|
||||
|
||||

|
||||

|
||||
|
||||
# Lessons
|
||||
|
||||
1. [HTML 소개](./1-intro-to-html/README.md)
|
||||
2. [CSS 소개](./2-intro-to-css/README.md)
|
||||
3. [DOM 및 JS Closures](./3-intro-to-DOM-and-closures/README.md)
|
||||
1. [HTML 소개](.././1-intro-to-html/translations/README.ko.md)
|
||||
2. [CSS 소개](.././2-intro-to-css/translations/README.ko.md)
|
||||
3. [DOM 및 JS Closures](.././3-intro-to-DOM-and-closures/translations/README.ko.md)
|
||||
|
||||
## 크레딧
|
||||
|
||||
|
Reference in New Issue
Block a user