Skip to content

Commit 851ea5d

Browse files
janissary127janissary127
authored
Merge pull request andreasbm#43 from inthedownpour/gh-pages
RULE.md + CONTRIBUTING.md + README.md 파일 내용 수정 (andreasbm#42)
2 parents fb3514b + 7f03a05 commit 851ea5d

File tree

3 files changed

+142
-97
lines changed

3 files changed

+142
-97
lines changed

Diff for: ‎CONTRIBUTING.md

+13-26
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,13 @@
1-
## Contributing
2-
3-
You are more than welcome to contribute to `web-skills` in any way you please, including:
4-
5-
* Updating documentation.
6-
* Fixing spelling and grammar.
7-
* Adding tests.
8-
* Fixing issues and suggesting new features.
9-
* Blogging, tweeting, and creating tutorials linking to `http://andreasbm.github.io/web-skills`.
10-
* Reaching out to [@andreasmehlsen](https://twitter.com/andreasmehlsen) on Twitter.
11-
* Submit an issue or a pull request.
12-
13-
If you want to make some changes to `web-skills` you are very welcome to open a PR with the additions. I can't promise that every PR will get merged, but I'll try to respond to everyone.
14-
15-
## Getting Started
16-
17-
You can find all of the data in the `data` folder. Here, you'll find that skills are part of areas and areas are part of collections. I'll encourage you to get familiar with the structure of the data before getting your hands dirty.
18-
19-
In the `assets` folder you can find all of the images for the skills. The path of the images follows a naming convention based on the collection and area the skill is a part of which is `assets/{{ collection_name }}/{{ area_name }}/{{ skill_name }}.svg`. As an example, the image for the skill "Relational Databases" which is a part of the area "Databases" which is a part of the collection "Databases & Servers" is located at `assets/databases-and-servers/databases/relational-databases.svg`. The design with all assets is located in the `design/design.sketch` file. If you can't open the file you can add the new image to the correct path in the `assets` folder instead. I'll make sure to add it to the sketch file.
20-
21-
To serve the website locally you'll need to run `npm run s`. This will spin up a local dev server and open the browser.
22-
23-
If you have any questions feel free to open an issue or send a PM to [@andreasmehlsen](https://twitter.com/andreasmehlsen) on Twitter.
24-
25-
26-
1+
# CONTRIBUTINGS
2+
3+
## 유형
4+
이 오픈소스 프로젝트는 다양한 기여를 환영합니다.
5+
6+
* 충북대 소프트웨어학과 교육과정 변경
7+
* 오타 확인
8+
* 아이콘 수정
9+
* 디자인 변경
10+
11+
## 수정 방법
12+
학년, 학기, 학점, 과목번호, 과목명, 이수구분에 관한 데이터 내용은 `data` 파일에서 확인할 수 있습니다. 과목에 대한 이미지 파일은 `assets`에서 각 학년과 학기에 해당하는 파일에 들어있습니다. 이미지 파일의 이름을 바꾸거나 추가해 내용을 바꿀 수 있습니다. 이미지 파일명은 `data`과목명과 일치해야합니다.
13+
ex) assets/1학년/1학기/이산수학.svg

Diff for: ‎README.md

+127-69
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,81 @@
1-
<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️--><h1 align="center">Web Skills</h1>
2-
<p align="center">
3-
4-
Develop
5-
Web Skills is a visual overview of useful skills to learn as a web developer. Go to <a href="https://andreasbm.github.io/web-skills" target="_blank" aria-label="Link to Web Skills">https://andreasbm.github.io/web-skills</a> to check out the visual overview or scroll through this readme to get the overview <a href="#-fundamentals" target="_blank" aria-label="Link to list of skills">as a list</a>. If you like the project you are very welcome to <a href="https://github.com/andreasbm/web-skills/stargazers" aria-label="Become stargazer link">become a stargazer 🤩</a>
6-
</p>
7-
<p align="center">
8-
<a href="http://andreasbm.github.io/web-skills" target="_blank">
9-
<img src="https://raw.githubusercontent.com/andreasbm/web-skills/master/demo.gif" alt="Web Skills Demo" width="800" />
10-
</a>
11-
</p>
12-
<br />
13-
<details>
14-
<summary>📖 Table of Contents</summary>
15-
<br />
1+
# README
2+
3+
## 충북대학교 소프트웨어학과 교육과정
4+
web-skills ( https://github.com/andreasbm/web-skills.git ) 오픈소스 프로젝트를 이용해 충북대학교 소프트웨어학과 교육과정으로 수정 프로젝트
5+
참고주소 (https://software.cbnu.ac.kr/include/contents.php?pgID=ID12415887531)
6+
7+
8+
Description
9+
---
10+
11+
충북대학교 소프트웨어학과 교육과정을 알려주는 프로젝트
12+
Web-Skills 오픈 소스 활용
13+
14+
Environment
15+
---
16+
17+
* Windows에서 Git bash 사용해 수정할 것을 권장
18+
* Git bash는 관리자 권한을 통해 실행
19+
* Web Site는 node.js를 설치해 Git bash에서 열기를 권장
20+
21+
22+
구체적인 작업 방식 및 파일에 대한 설명은 RULE.md와 CONTRIBUTING.md 참고
23+
24+
참고주소
25+
-https://github.com/andreasbm/web-skills.git
26+
-https://software.cbnu.ac.kr/include/contents.php?pgID=ID12415887531
27+
-https://git-scm.com/downloads
28+
-https://nodejs.org/ko/
29+
30+
31+
32+
## data파일 소스코드 블록 작성법
33+
```js
34+
export const fundamentalsCollection = {
35+
name: "학년",
36+
areas: [
37+
{
38+
name: "학기",
39+
skills: [
40+
{
41+
name: "과목명",
42+
description: {
43+
text: "과목 영문명",
44+
links: [
45+
["이수 구분", ""],
46+
["교과목 번호", ""],
47+
["학점", ""],
48+
]
49+
}
50+
}
51+
]
52+
}
53+
]
54+
}
55+
```
56+
57+
58+
59+
<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️--><h1 align="center">Web Skills</h1>
60+
<p align="center">
61+
62+
Develop
63+
Web Skills is a visual overview of useful skills to learn as a web developer. Go to <a href="https://andreasbm.github.io/web-skills" target="_blank" aria-label="Link to Web Skills">https://andreasbm.github.io/web-skills</a> to check out the visual overview or scroll through this readme to get the overview <a href="#-fundamentals" target="_blank" aria-label="Link to list of skills">as a list</a>. If you like the project you are very welcome to <a href="https://github.com/andreasbm/web-skills/stargazers" aria-label="Become stargazer link">become a stargazer 🤩</a>
64+
</p>
65+
<p align="center">
66+
<a href="http://andreasbm.github.io/web-skills" target="_blank">
67+
<img src="https://raw.githubusercontent.com/andreasbm/web-skills/master/demo.gif" alt="Web Skills Demo" width="800" />
68+
</a>
69+
</p>
70+
<br />
71+
<details>
72+
<summary>📖 Table of Contents</summary>
73+
<br />
1674

1775
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#table-of-contents)
1876

19-
## ➤ Table of Contents
20-
77+
## ➤ Table of Contents
78+
2179
* [➤ FAQ](#-faq)
2280
* [What is Web Skills?](#what-is-web-skills)
2381
* [How did you choose the skills?](#how-did-you-choose-the-skills)
@@ -400,50 +458,50 @@ Develop
400458
* [Docker](#docker)
401459
* [SSH](#ssh)
402460
* [➤ Contributors](#-contributors)
403-
* [➤ License](#-license)
404-
</details>
405-
461+
* [➤ License](#-license)
462+
</details>
463+
406464

407465
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#faq)
408466

409-
## ➤ FAQ
410-
411-
### What is Web Skills?
412-
413-
Web Skills is a visual overview of useful skills to learn as a web developer. It is useful for people who just started learning about web development and for people who have been in the field for years and want to learn new things. As a beginner, I would encourage you not to see this website as the definitive list of what you need to know but as an example of what you can learn and where you can start. The skills are arranged in chronological order based on what learning path I recommend you to take but feel free to jump around freely.
414-
415-
### How did you choose the skills?
416-
417-
The skills are derived from a combination of 10 years of experience, a bachelor in software engineering and what I personally find to be the most useful to know on a day-to-day basis. Therefore, you'll notice that it's missing a lot of things. For example, I am not a PHP developer - because of this, PHP is not included. If you were a PHP developer, this overview would probably look a lot different.
418-
419-
### How can I support you?
420-
421-
I am spending my spare time building Web Skills for free because I want to help people get into web development. My motivation comes from people finding Web Skills useful, so if you like the project feel free to support me in any way you like! For example, you are more than welcome to become a [stargazer](https://github.com/andreasbm/web-skills/stargazers), share Web Skills with your friends and followers or create blog articles linking to Web Skills. If you want to, it will absolutely make my day if you [support me with a cup of coffee](https://www.buymeacoffee.com/AndreasMehlsen)! <3
422-
423-
### How can I get involved?
424-
425-
You are welcome to get involved in any way you like. If you want to, you can go to the [issues page](https://github.com/andreasbm/web-skills/issues) and help me fix the spelling, fix issues or suggest some new features. Any involvement is highly appreciated!
426-
427-
### How can I keep track of what skills I know?
428-
429-
If you scroll to the bottom of the page, you will find a button that says "Sign in with Google". If you click this button and sign in, you will be able to mark skills as completed.
430-
431-
### I am overwhelmed! Help me!
432-
433-
I totally understand if you are a bit overwhelmed by the amount of skills on the page – but I can assure you that this overview includes much, much more than most people will ever need to know. My main goal is to provide a visual overview of web development and make people hungry for learning more. One of the things I absolute love about being a developer is learning new skills. I think it is amazing to be in a field where you can do what you do for a lifetime and still learn something new! People cannot be an expert in every skill on this page so try to find what excites you the most and become really good at that.
434-
435-
### Why haven't you included XYZ Technology?
436-
437-
The skills are based on what I personally find to be the most useful on a day-to-day basis. If you think something really important is missing, you can always suggest it on the [issues page](https://github.com/andreasbm/web-skills/issues).
438-
439-
### What does the "experimental" banner mean?
440-
441-
When a skill is described as experimental, it means that the technology is immature and currently in the process of being added to the Web platform (or considered for addition). Think carefully before you start using experimental technology in any kind of production project. The definition used in Web Skills is based on the excellent definition used on [MDN](https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Conventions_definitions#Experimental). You are very welcome to open an issue if you see a skill you believe should be marked as "experimental" or have the banner removed.
442-
443-
### How can I get in contact with you?
444-
445-
Reach out to me on Twitter at [@AndreasMehlsen](https://twitter.com/AndreasMehlsen) or take a look at [my website](https://andreasbm.github.io) if you want to learn more about what other projects I'm working on.
446-
467+
## ➤ FAQ
468+
469+
### What is Web Skills?
470+
471+
Web Skills is a visual overview of useful skills to learn as a web developer. It is useful for people who just started learning about web development and for people who have been in the field for years and want to learn new things. As a beginner, I would encourage you not to see this website as the definitive list of what you need to know but as an example of what you can learn and where you can start. The skills are arranged in chronological order based on what learning path I recommend you to take but feel free to jump around freely.
472+
473+
### How did you choose the skills?
474+
475+
The skills are derived from a combination of 10 years of experience, a bachelor in software engineering and what I personally find to be the most useful to know on a day-to-day basis. Therefore, you'll notice that it's missing a lot of things. For example, I am not a PHP developer - because of this, PHP is not included. If you were a PHP developer, this overview would probably look a lot different.
476+
477+
### How can I support you?
478+
479+
I am spending my spare time building Web Skills for free because I want to help people get into web development. My motivation comes from people finding Web Skills useful, so if you like the project feel free to support me in any way you like! For example, you are more than welcome to become a [stargazer](https://github.com/andreasbm/web-skills/stargazers), share Web Skills with your friends and followers or create blog articles linking to Web Skills. If you want to, it will absolutely make my day if you [support me with a cup of coffee](https://www.buymeacoffee.com/AndreasMehlsen)! <3
480+
481+
### How can I get involved?
482+
483+
You are welcome to get involved in any way you like. If you want to, you can go to the [issues page](https://github.com/andreasbm/web-skills/issues) and help me fix the spelling, fix issues or suggest some new features. Any involvement is highly appreciated!
484+
485+
### How can I keep track of what skills I know?
486+
487+
If you scroll to the bottom of the page, you will find a button that says "Sign in with Google". If you click this button and sign in, you will be able to mark skills as completed.
488+
489+
### I am overwhelmed! Help me!
490+
491+
I totally understand if you are a bit overwhelmed by the amount of skills on the page – but I can assure you that this overview includes much, much more than most people will ever need to know. My main goal is to provide a visual overview of web development and make people hungry for learning more. One of the things I absolute love about being a developer is learning new skills. I think it is amazing to be in a field where you can do what you do for a lifetime and still learn something new! People cannot be an expert in every skill on this page so try to find what excites you the most and become really good at that.
492+
493+
### Why haven't you included XYZ Technology?
494+
495+
The skills are based on what I personally find to be the most useful on a day-to-day basis. If you think something really important is missing, you can always suggest it on the [issues page](https://github.com/andreasbm/web-skills/issues).
496+
497+
### What does the "experimental" banner mean?
498+
499+
When a skill is described as experimental, it means that the technology is immature and currently in the process of being added to the Web platform (or considered for addition). Think carefully before you start using experimental technology in any kind of production project. The definition used in Web Skills is based on the excellent definition used on [MDN](https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Conventions_definitions#Experimental). You are very welcome to open an issue if you see a skill you believe should be marked as "experimental" or have the banner removed.
500+
501+
### How can I get in contact with you?
502+
503+
Reach out to me on Twitter at [@AndreasMehlsen](https://twitter.com/AndreasMehlsen) or take a look at [my website](https://andreasbm.github.io) if you want to learn more about what other projects I'm working on.
504+
447505

448506
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#fundamentals)
449507

@@ -3701,21 +3759,21 @@ Learn how to use SSH and learn how to connect to a device using an SSH client.
37013759
* [ ] [<img style="margin-bottom: 0;" src="https://plus.google.com/_/favicon?domain_url=https%3A%2F%2Fsearchsecurity.techtarget.com" alt="Logo" /> Secure Shell (SSH)](https://searchsecurity.techtarget.com/definition/Secure-Shell)
37023760
* [ ] [<img style="margin-bottom: 0;" src="https://plus.google.com/_/favicon?domain_url=https%3A%2F%2Fwww.geeksforgeeks.org" alt="Logo" /> SSH command in Linux with Examples](https://www.geeksforgeeks.org/ssh-command-in-linux-with-examples/)
37033761
* [ ] [<img style="margin-bottom: 0;" src="https://plus.google.com/_/favicon?domain_url=https%3A%2F%2Fhelp.ubnt.com" alt="Logo" /> How to Establish a Connection Using SSH](https://help.ubnt.com/hc/en-us/articles/218850057-Intro-to-Networking-How-to-Establish-a-Connection-Using-SSH)
3704-
3762+
37053763

37063764
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#contributors)
37073765

3708-
## ➤ Contributors
3709-
3710-
3711-
| [<img alt="Andreas Mehlsen" src="https://avatars1.githubusercontent.com/u/6267397?s=460&v=4" width="100">](https://twitter.com/andreasmehlsen) | [<img alt="You?" src="https://joeschmoe.io/api/v1/random" width="100">](https://github.com/andreasbm/readme/blob/master/CONTRIBUTING.md) |
3712-
|:--------------------------------------------------:|:--------------------------------------------------:|
3766+
## ➤ Contributors
3767+
3768+
3769+
| [<img alt="Andreas Mehlsen" src="https://avatars1.githubusercontent.com/u/6267397?s=460&v=4" width="100">](https://twitter.com/andreasmehlsen) | [<img alt="You?" src="https://joeschmoe.io/api/v1/random" width="100">](https://github.com/andreasbm/readme/blob/master/CONTRIBUTING.md) |
3770+
|:--------------------------------------------------:|:--------------------------------------------------:|
37133771
| [Andreas Mehlsen](https://twitter.com/andreasmehlsen) | [You?](https://github.com/andreasbm/readme/blob/master/CONTRIBUTING.md) |
3714-
| 🔥 | |
3715-
3772+
| 🔥 | |
3773+
37163774

37173775
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#license)
37183776

3719-
## ➤ License
3720-
3721-
Licensed under [MIT](https://opensource.org/licenses/MIT).
3777+
## ➤ License
3778+
3779+
Licensed under [MIT](https://opensource.org/licenses/MIT).

Diff for: ‎RULE.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
git 브랜치 구조 - git flow
44
---
55

6-
**Main Branch** - 3개의 리뷰가 필요
6+
**Main Branch** - 2개의 리뷰가 필요
77

88
1. Main
99
2. Develop
1010

11-
**Support Branch** - 2개의 리뷰 필요
11+
**Support Branch** - 1개의 리뷰 필요
1212

1313
1. Freshman
1414
2. Sophomore

0 commit comments

Comments
 (0)