Skip to content

Commit 0bd3434

Browse files
authored
Merge pull request andreasbm#19 from inthedownpour/gh-pages
3학년 과목명 수정(andreasbm#15)
2 parents d757dca + d7c9c43 commit 0bd3434

File tree

2 files changed

+156
-131
lines changed

2 files changed

+156
-131
lines changed

src/data/fundamentals.js

Lines changed: 35 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,46 @@
11
export const fundamentalsCollection = {
2-
name: "Fundamentals",
2+
name: "1학년",
33
areas: [
44
{
5-
name: "HTML",
5+
name: "1학기",
66
skills: [
77
{
8-
name: "Syntax",
8+
name: "이산수학",
99
description: {
10-
text: "Learn the basics of HTML and get comfortable with it's syntax and main concepts.",
10+
text: "Discrete Mathematics",
1111
links: [
12-
["MDN - HTML Basics", "https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics"],
13-
["MDN - Introduction to HTML", "https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML"],
14-
["Codecademy - Learn HTML", "https://www.codecademy.com/learn/learn-html"],
12+
["이수 구분 : 전필", ""],
13+
["교과목 번호 : 5111001", ""],
14+
["학점 : 3-3-0", ""],
1515
]
1616
},
1717
skills: [
1818
{
1919
name: "Basic Tags",
2020
description: {
21-
text: "Get familiar with the basic HTML tags",
21+
text: "Adventure Design",
2222
links: [
23-
["MDN - HTML elements reference", "https://developer.mozilla.org/en-US/docs/Web/HTML/Element"],
24-
["Tutorialspoint - Basic HTML tags", "https://www.tutorialspoint.com/html/html_basic_tags.htm"],
25-
["Elated - First 10 HTML tags", "https://www.elated.com/first-10-html-tags/"],
26-
["W3Schools - HTML tags", "https://www.w3schools.com/tags/ref_byfunc.asp"]
23+
["이수 구분 : 전선", ""],
24+
["교과목 번호 : 5111004", ""],
25+
["학점 : 2-0-4", ""],
2726
]
2827
},
2928
},
3029
]
3130
},
3231
{
33-
name: "Forms",
32+
name: "창의공학설계",
3433
description: {
35-
text: "Learn how to design efficient forms, validating them effectively and keeping the user informed along the way.",
34+
text: "Exploration of Future Planning",
3635
links: [
37-
["MDN - HTML forms", "https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms"],
38-
["Google Web - Forms", "https://developers.google.com/web/fundamentals/design-and-ux/input/forms/"],
39-
["W3Schools - Forms", "https://www.w3schools.com/html/html_forms.asp"],
36+
["이수구분 : 전선", ""],
37+
["교과목 번호 : 5111081", ""],
38+
["학점 : 1-0-2", ""],
4039
]
4140
}
4241
},
4342
{
44-
name: "SEO",
43+
name: "미래설계탐색",
4544
description: {
4645
text: "Learn how to make your content search-friendly.",
4746
links: [
@@ -89,66 +88,45 @@ export const fundamentalsCollection = {
8988
]
9089
},
9190
{
92-
name: "CSS",
91+
name: "2학기",
9392
skills: [
9493
{
95-
name: "Syntax",
94+
name: "컴퓨터시스템개론",
9695
description: {
97-
text: "Learn the basics of CSS and get comfortable with it's syntax and main concepts.",
96+
text: "Introduction to Computer Systems",
9897
links: [
99-
["MDN - CSS Basics", "https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics"],
100-
["W3Schools - CSS Tutorial", "https://www.w3schools.com/css/default.asp"],
101-
["Supercharged - CSS Selectors", "https://www.youtube.com/watch?v=IKho_xDKaLw"],
102-
["MDN - CSS first steps", "https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps"],
103-
["MDN - CSS building blocks", "https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks"],
104-
["MDN - CSS values and units", "https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units"],
105-
["MDN - CSS Syntax", "https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax"],
98+
["이수 구분 : 전필", ""],
99+
["교과목 번호 : 5111002", ""],
100+
["학점 : 3-3-0", ""],
106101
]
107102
}
108103
},
109104
{
110-
name: "Selectors",
105+
name: "오픈소스소프트웨어이해와실습",
111106
description: {
112-
text: "Learn about CSS selectors and how to effeciently target DOM elements.",
107+
text: "Introduction to Open Source SW",
113108
links: [
114-
["MDN - CSS selectors", "https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors"],
115-
["MDN - All selectors", "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors"],
116-
["CSS Tricks - Child and Sibling Selectors", "https://css-tricks.com/child-and-sibling-selectors/"],
117-
["CSS Tricks - All Selectors", "https://css-tricks.com/almanac/selectors/"],
118-
["W3Schools - CSS Combinators", "https://www.w3schools.com/css/css_combinators.asp"]
109+
["이수 구분 : 전필", ""],
110+
["교과목 번호 : 5111080", ""],
111+
["학점 : 2-1-2", ""],
119112
]
120113
},
121114
skills: [
122115
{
123-
name: "Specificity",
124-
description: {
125-
text: "Learn what specificity means and how to use it when writing CSS.",
126-
links: [
127-
["MDN - Specificity", "https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity"],
128-
["MDN - Cascade and inheritance", "https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance"],
129-
["dev.to - CSS Specificity", "https://dev.to/emmawedekind/css-specificity-1kca"],
130-
["Specificity Calculator", "https://specificity.keegan.st/"],
131-
["W3Schools - CSS Specificity", "https://www.w3schools.com/css/css_specificity.asp"]
132-
]
133-
},
134-
},
135-
{
136-
name: "Pseudo Selectors",
116+
name: "",
137117
description: {
138-
text: "Learn how to use pseudo selectors.",
118+
text: "Preparation of Future Design",
139119
links: [
140-
["MDN - Pseudo-classes", "https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes"],
141-
["CSS Tricks - Meet the Pseudo Class Selectors", "https://css-tricks.com/pseudo-class-selectors/"],
142-
["When do the :hover, :focus, and :active pseudo-classes apply?", "https://bitsofco.de/when-do-the-hover-focus-and-active-pseudo-classes-apply/"],
143-
["W3Schools - CSS Pseudo-elements", "https://www.w3schools.com/css/css_pseudo_elements.asp"],
144-
["W3Schools - CSS Pseudo-classes", "https://www.w3schools.com/css/css_pseudo_classes.asp"],
120+
["이수 구분 : 전선", ""],
121+
["교과목 번호 : 5111082", ""],
122+
["학점 : 1-0-2", ""],
145123
]
146124
},
147125
},
148126
]
149127
},
150128
{
151-
name: "Box Model",
129+
name: "미래설계준비",
152130
description: {
153131
text: "Learn what the CSS box model means.",
154132
links: [
@@ -815,4 +793,4 @@ export const fundamentalsCollection = {
815793
]
816794
}
817795
]
818-
}
796+
}

src/data/web-components.js

Lines changed: 121 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,118 +1,165 @@
11
export const webcomponentsCollection = {
2-
name: "Web Components",
2+
name: "3학년",
33
areas: [
44
{
5+
name: "1학기",
56
skills: [
67
{
7-
name: "Custom Elements",
8+
name: "운영체제",
89
description: {
9-
text: "Learn how to create new HTML tags with Custom Elements.",
10+
text: "운영체제",
1011
links: [
11-
["Google Devs - Custom Elements", "https://developers.google.com/web/fundamentals/web-components/customelements"],
12-
["MDN - Using Custom Elements", "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements"],
13-
["CSS Tricks - Creating a Custom Element from Scratch", "https://css-tricks.com/creating-a-custom-element-from-scratch/"],
14-
["Javascript.info - Custom Elements", "https://javascript.info/custom-elements"],
15-
["dev.to - An introduction to Custom Elements", "https://dev.to/jamesrweb/an-introduction-to-custom-elements-5327"],
16-
["itnext - Introduction to Web Components", "https://itnext.io/introduction-to-web-components-part-i-custom-elements-4de6713cef9d"],
17-
["web.dev - Web Components", "https://web.dev/web-components-io-2019/"]
12+
["이수 구분 : 전필", ""],
13+
["교과목 번호 : 5111001", ""],
14+
["학점 : 3-3-0", ""],
15+
]
16+
},
17+
18+
},
19+
{
20+
name: "객채지향 설계",
21+
description: {
22+
text: "Exploration of Future Planning",
23+
links: [
24+
["이수구분 : 전선", ""],
25+
["교과목 번호 : 5111081", ""],
26+
["학점 : 1-0-2", ""],
1827
]
1928
}
2029
},
2130
{
22-
name: "HTML Templates",
31+
name: "오픈소스 웹소프트웨어",
2332
description: {
24-
text: "Learn how to use HTML templates to create flexible templates that can then be used to populate the Shadow DOM.",
33+
text: "Learn how to make your content search-friendly.",
2534
links: [
26-
["MDN - Using Templates & Slots", "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots"],
27-
["Javascript.info - Template Element", "https://javascript.info/template-element"],
28-
["MDN - The Content Template element", "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template"]
35+
["web.dev - Discoverable", "https://web.dev/discoverable"],
36+
["Google Search - Get Started", "https://developers.google.com/search/docs/guides/get-started"],
37+
["Google Search - SEO basics", "https://developers.google.com/search/docs/guides/javascript-seo-basics"],
38+
["web.dev - SEO audits", "https://web.dev/lighthouse-seo"]
2939
]
3040
},
3141
},
3242
{
33-
name: "Shadow DOM",
43+
name: "컴파일러",
3444
description: {
35-
text: "Learn how to encapsulate your CSS using Shadow DOM.",
45+
text: "Learn how to work with SVG files to make graphics look crisp across all screen resolutions.",
3646
links: [
37-
["Google Devs - Shadow DOM", "https://developers.google.com/web/fundamentals/web-components/shadowdom"],
38-
["MDN - Using Shadow DOM", "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM"],
39-
["MDN - Shadow Tree", "https://developer.mozilla.org/en-US/docs/Glossary/Shadow_tree"],
40-
["CSS Tricks - Encapsulating Style and Structure", "https://css-tricks.com/encapsulating-style-and-structure-with-shadow-dom/"],
41-
["itnext - Introduction to Web Components", "https://itnext.io/introduction-to-web-components-part-ii-shadow-dom-8d1d8e126332"],
42-
["Monica - Shadow DOM: fast and encapsulated styles", "https://meowni.ca/posts/shadow-dom/"]
47+
["MDN - Adding vector graphics to the Web", "https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web"],
48+
["SVG on the web", "https://svgontheweb.com/"],
49+
]
50+
}
51+
},
52+
{
53+
name: "컴퓨터네트워크",
54+
description: {
55+
text: "Learn the best practices of writing HTML.",
56+
links: [
57+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
58+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
59+
]
60+
}
61+
},
62+
{
63+
name: "창업기획",
64+
description: {
65+
text: "Learn the best practices of writing HTML.",
66+
links: [
67+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
68+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
69+
]
70+
}
71+
},
72+
{
73+
name: "오픈소스 전문프로젝트",
74+
description: {
75+
text: "Learn the best practices of writing HTML.",
76+
links: [
77+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
78+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
79+
]
80+
}
81+
}
82+
]
83+
},
84+
{
85+
name: "2학기",
86+
skills: [
87+
{
88+
name: "소프트웨어공학",
89+
description: {
90+
text: "Introduction to Computer Systems",
91+
links: [
92+
["이수 구분 : 전필", ""],
93+
["교과목 번호 : 5111002", ""],
94+
["학점 : 3-3-0", ""],
95+
]
96+
}
97+
},
98+
{
99+
name: "산학프로젝트",
100+
description: {
101+
text: "Introduction to Open Source SW",
102+
links: [
103+
["이수 구분 : 전필", ""],
104+
["교과목 번호 : 5111080", ""],
105+
["학점 : 2-1-2", ""],
106+
]
107+
},
43108

109+
},
110+
{
111+
name: "펌웨어프로그래밍",
112+
description: {
113+
text: "Learn what the CSS box model means.",
114+
links: [
115+
["MDN - Introduction to the CSS basic box model", "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model"],
116+
["MDN - The box model", "https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model"],
117+
["CSS Tricks - Inheriting box-sizing", "https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/"],
44118
]
45119
},
46-
skills: [
47-
{
48-
name: "Shadow Parts",
49-
description: {
50-
text: "Learn how to style the inside of a shadow tree from outside of that Shadow Tree by using Shadow Parts.",
51-
links: [
52-
["Fergald - CSS Shadow ::part and ::theme", "https://github.com/fergald/docs/blob/master/explainers/css-shadow-parts-1.md"],
53-
["MDN - ::part", "https://developer.mozilla.org/en-US/docs/Web/CSS/::part"],
54-
["W3C - CSS Shadow Parts", "https://www.w3.org/TR/css-shadow-parts-1/"],
55-
["Monica - ::part and ::theme, an explainer", "https://meowni.ca/posts/part-theme-explainer/"],
56-
["Youtube - CSS Shadow Parts", "https://www.youtube.com/watch?v=yVrvOueeb3s"],
57-
["Chrome Status - ::part and ::theme", "https://www.chromestatus.com/features/5763933658939392"]
58-
]
59-
}
60-
},
61-
{
62-
name: "Slots",
63-
description: {
64-
text: "Learn how to compose Custom Elements by using slots.",
65-
links: [
66-
["Alligator.io - Composing Custom Elements", "https://alligator.io/web-components/composing-slots-named-slots/"],
67-
["Javascript.info - Slots Composition", "https://javascript.info/slots-composition"],
68-
["MDN - HTML <slot> element", "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot"],
69-
["Component.kitchen - A history of the HTML slot element", "https://component.kitchen/blog/posts/a-history-of-the-html-slot-element"],
70-
]
71-
}
72-
}
73-
]
120+
121+
},
122+
{
123+
name: "창업설계",
124+
description: {
125+
text: "Learn the best practices of writing HTML.",
126+
links: [
127+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
128+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
129+
]
130+
}
74131
},
75132
{
76-
name: "Best practices",
133+
name: "정보보호",
77134
description: {
78-
text: "Get familiar with best practices when it comes to building Web Components.",
135+
text: "Learn the best practices of writing HTML.",
79136
links: [
80-
["Google Devs - Custom Element Best Practices", "https://developers.google.com/web/fundamentals/web-components/best-practices"],
81-
["Webcomponents.org - Web Components Best Practices", "https://www.webcomponents.org/community/articles/web-components-best-practices"],
82-
["mateusortiz - Web Components the Right Way", "https://github.com/mateusortiz/webcomponents-the-right-way"],
83-
["dev.to - Making Web Components for Different Contexts", "https://dev.to/equinusocio/making-web-components-for-different-contexts-25ed"]
137+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
138+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
84139
]
85140
}
86141
},
87142
{
88-
name: "Constructible Stylesheets",
143+
name: "인공지능",
89144
description: {
90-
text: "Learn how the Constructible Stylesheets proposal enables reusable styles when using shadow dom.",
145+
text: "Learn the best practices of writing HTML.",
91146
links: [
92-
["Google Devs - Constructable Stylesheets", "https://developers.google.com/web/updates/2019/02/constructable-stylesheets"],
93-
["W3C - Constructable Stylesheet Objects", "https://wicg.github.io/construct-stylesheets/"],
94-
["dev.to - Why Would Anyone Use Constructible Stylesheets", "https://dev.to/westbrook/why-would-anyone-use-constructible-stylesheets-anyways-19ng"],
95-
["Benjamin Farrel - Adopt a Design System", "https://medium.com/swlh/adopt-a-design-system-inside-your-web-components-with-constructable-stylesheets-dd24649261e"],
96-
["WICG - Constructable Stylesheet Objects", "https://github.com/WICG/construct-stylesheets/blob/gh-pages/explainer.md"],
97-
["Chrome Status - Constructible Stylesheets", "https://www.chromestatus.com/feature/5394843094220800"]
147+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
148+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
98149
]
99150
}
100151
},
101152
{
102-
name: "Form Participation",
153+
name: "데이터베이스시스템",
103154
description: {
104-
text: "Learn how the Form Participation API proposal enables elements, other than built-in form control elements, to participate in form submission and validation.",
155+
text: "Learn the best practices of writing HTML.",
105156
links: [
106-
["Form Participation API Explained", "https://docs.google.com/document/d/1JO8puctCSpW-ZYGU8lF-h4FWRIDQNDVexzHoOQ2iQmY/edit"],
107-
["Chrome Status - Form-associated custom elements", "https://www.chromestatus.com/features/4708990554472448"],
108-
["web-platform-tests - Form Participation", "https://github.com/web-platform-tests/wpt/tree/master/custom-elements/form-associated"],
109-
["Google Devs - Form-associated custom elements", "https://developers.google.com/web/updates/2019/09/nic77#form-associated_custom_elements"],
110-
["web.dev - More capable form controls", "https://web.dev/more-capable-form-controls/"],
111-
["W3C - Creating a form-associated custom element", "https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example"],
157+
["MDN - HTML guidelines", "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML"],
158+
["W3Schools - HTML Coding Conventions", "https://www.w3schools.com/html/html5_syntax.asp"]
112159
]
113160
}
114161
}
115162
]
116163
}
117164
]
118-
}
165+
}

0 commit comments

Comments
 (0)