FIX : fix url for translations folder

This commit is contained in:
minwook-shin
2020-11-30 18:39:54 +09:00
parent 3e0e431d7e
commit 97de424e91
32 changed files with 152 additions and 152 deletions

View File

@@ -1,11 +1,11 @@
# Terrarium 프로젝트 파트 1: HTML 소개
![Introduction to HTML](images/webdev101-html.png)
![Introduction to HTML](../images/webdev101-html.png)
> 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' 버튼을 클릭하고 새 파일을 만듭니다:
![explorer in VS Code](images/vs-code-index.png)
![explorer in VS Code](../images/vs-code-index.png)
또는
@@ -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)

View File

@@ -1,11 +1,11 @@
# Terrarium 프로젝트 파트 2: CSS 소개
![Introduction to CSS](images/webdev101-css.png)
![Introduction to CSS](../images/webdev101-css.png)
> 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 폰트를 보십시오. 브라우저에 기록된대로 본문에서 폰트를 상속합니다:
![inherited font](images/1.png)
![inherited font](../images/1.png)
✅ 중첩된 스타일이 다른 속성을 상속하도록 만들 수 있습니까?
@@ -246,13 +246,13 @@ HTML 마크업의 각 식물에는 id와 클래스의 조합이 있습니다. id
jar 좌측 하단 부분에 'bubble' 광택을 추가하여 유리처럼 보이도록 합니다. `.jar-glossy-long``.jar-glossy-short`를 빛 반사되는 것처럼 보이도록 꾸밉니다. 다음과 같이 표시됩니다.
![finished terrarium](./images/terrarium-final.png)
![finished terrarium](.././images/terrarium-final.png)
강의 후 퀴즈를 완료하려면, 다음 학습 모듈을 진행하십시오: [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)

View File

@@ -1,11 +1,11 @@
# Terrarium 프로젝트 파트 3: DOM 조작과 클로저
![DOM and a closure](images/webdev101-js.png)
![DOM and a closure](../images/webdev101-js.png)
> 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 tree representation](./images/dom-tree.png)
![DOM tree representation](.././images/dom-tree.png)
> 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을 완성했습니다. ![finished terrarium](./images/terrarium-final.png)
🥇 축하합니다! 아름다운 terrarium을 완성했습니다. ![finished terrarium](.././images/terrarium-final.png)
---
@@ -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)

View File

@@ -2,13 +2,13 @@
작은 드래그 앤 드롭 코드-명상. 약간의 HTML, JS와 CSS를 사용하여 웹 인터페이스를 구축하고, 스타일을 지정하고, 상호 작용을 추가합니다.
![my terrarium](images/screenshot_gray.png)
![my terrarium](../images/screenshot_gray.png)
# 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)
## 크레딧