diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..376fe9a14 --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +.DS_Store +._* +Thumbs.db +*.sublime-project +*.sublime-workspace +.idea +.gitignore \ No newline at end of file diff --git a/backend.md b/backend.md new file mode 100644 index 000000000..0ffdd02fc --- /dev/null +++ b/backend.md @@ -0,0 +1 @@ +// TODO \ No newline at end of file diff --git a/devops-map.png b/devops-map.png deleted file mode 100644 index ac34afce0..000000000 Binary files a/devops-map.png and /dev/null differ diff --git a/devops.md b/devops.md new file mode 100644 index 000000000..0ffdd02fc --- /dev/null +++ b/devops.md @@ -0,0 +1 @@ +// TODO \ No newline at end of file diff --git a/frontend.md b/frontend.md new file mode 100644 index 000000000..b83baaae1 --- /dev/null +++ b/frontend.md @@ -0,0 +1,181 @@ +> Textual form of the roadmap, feel free to fork and track as you learn + +## Frontend Developer Roadmap – 2018 + +This file contains the frontend roadmap translated in the checklist form to make it easier for others to contribute and to fork and keep a check on their progress. You can read the commentary on the frontend roadmap [in this medium article](https://medium.com/@kamranahmedse/modern-frontend-developer-in-2018-4c2072fa2b9c) + +## Step 1 – Learn the Basics + +First thing that you would want to do is learn the basics which includes learning the basics of HTML, CSS and some familiarization with JavaScript syntax. + +- [ ] Learn the basics of HTML + - [ ] Learn the basics and how to write semantic HTML + - [ ] Understand how to divide page into sections and to structure the DOM properly + - [ ] **Task** Make at least 5 HTML pages – focus on structure, don't worry about the *beauty* yet +- [ ] Learn the basics of CSS + - [ ] Learn the basics of CSS + - [ ] Learn how to use Grid and Flexbox + - [ ] Media queries and how to make responsive websites + - [ ] Understand CSS Specificity, Box-Model etc + - [ ] **Task** Style the HTML pages that you made in last step +- [ ] Basics of JavaScript + - [ ] Learn the syntax and the basic constructs + - [ ] Learn how to manipulate DOM + - [ ] Understand the concepts such as hoisting, event bubbling, prototypes etc + - [ ] Learn Ajax (XHR) + - [ ] Learn new features in ES6+ and how to write modular JavaScript +- [ ] Learn jQuery – **Optional (you can leave it for now and revisit later)** + +## Step 2 – Practice what you have learnt! + +I say this a lot and I will say it here again, you don’t learn anything without practice. You might have a momentary feeling that you understand something but it would soon go away if you don’t practice. Make sure that you practice as much as you can, while you are following this roadmap. + +Go ahead and make some responsive website and add interactivity with JavaScript. You can copy any existing webpage that you might find interesting but **remember to use everything that you have learnt till this point**. + +## Step 3 – Optional but Highly Recommended + +Before you go any further, I would recommend you to go and learn some [git](https://git-scm.com/) if you haven't learnt already. it is really going to help you as you go further. You don't have to learn everything about it, just learn the below listed and keep learning as you continue and face any issues. + +Its time to get into the real business now. Open [Github](https://github.com) and search for some projects and try to open some pull requests in some open-source projects. Some of the ideas for pull requested are listed below: +- Enhance the UI, make any demo pages responsive or improve the design +- Look at any of the open issues that you can solve +- Refactor any of the code that you think can be improved + +Link this repo and tell them you are learning and ask for feedback on your PR and how you can improve. + +## Step 4 – Learn about Package Managers + +NPM and Yarn both are almost same in usage; you can learn one of them and you automatically learn the other. + +- [ ] Learn how to use NPM +- [ ] Learn how to use Yarn +- [ ] Understand Semantic Versioning +- [ ] **Task** Install some external library using yarn or npm into the webpages that you made previously + +## Step 5 – Learn CSS Preprocessors + +Preprocessors enrich CSS with the functionality that it isn’t capable of by default. There are different many options Sass, Less, Stylus etc. If I were to pick one, I would go for Sass. However, PostCSS has been gaining a lot of traction lately, it is a nice-to-have and is sort of “Babel” for CSS. You can use it stand-alone or on top of Sass also. I would recommend you to learn Sass for now and revisit PostCSS later when you have time. + +- [ ] Pick one of these + - [ ] **Sass (Recommended)** + - [ ] Less + - [ ] **PostCSS (do this later)** + - [ ] Stylus + +## Step 6 – Learn any CSS Framework + +This used to be way up in the chart, but I moved it down below as they aren't really needed any more and can be mastered without much effort. If you would want to pick any, there is one under every rock. The ones that I liked the most among the ones that I tried are Bootstrap, Materialize and Bulma. But if you look at their demand in market I would pick Bootstrap if I was starting today. + +- [ ] **Bootstrap (Recommended)** +- [ ] Materialize CSS +- [ ] Bulma + +## Step 7 – Learn how to organize CSS + +As your applications grow, CSS start to become messy and unmaintainable. There are multiple ways to structure your CSS better for scalability + +- [ ] **BEM – Recommended** +- [ ] OOCSS +- [ ] SMACSS +- [ ] SUITCSS +- [ ] Atomic + +## Step 8 – Learn the Build tools + +These are the tools that help you in bundling, building and development of your frontend applications + +There used to be alot of stuff in the task runners but today I would just pick NPM scripts, however if you want to pick something else, have a look at gulp + +- [ ] **NPM Scripts (Recommended)** +- [ ] Gulp + +There are several linters, but I would go for ESLint. Feel free to have a look at others and see why one over the other + +- [ ] **ESLint (Recommended)** +- [ ] JSLint +- [ ] JSHint +- [ ] JSCS + +**Use Webpack for apps and Rollup for libraries**. However, you don't need rollup for now; everything that it does, you can do it with Webpack also, so go for Webpack and look into Rollup later + +- [ ] **Webpack (Recommended)** +- [ ] Rollup +- [ ] Parcel + +## Step 9 – Create something – Maybe a library + +Go to Github and Have a look at the source code of libraries that people have made, pick an idea and make some library with the below listed requirements + +- [ ] It should use Sass for styling +- [ ] It should be written in ES6 +- [ ] It should be a UMD library +- [ ] It should be using Babel to allow usage in older browsers + +## Step 10 – Learn any Framework + +There are several options, when it comes to frameworks. However, below listed frameworks are the ones that I would recommend. You can pick any of them, however if you ask me for the personal picks I would choose React or Angular. However, have a look at any of them and see what you like + +- [ ] **React** + - [ ] Redux - For large scale apps and can be used outside react also + - [ ] Mobx - For smaller apps and can be used outside react also +- [ ] **Angular (Important – Learn Angular 2+)** + - [ ] Rx.js – Is really powerful can be used out of angular also + - [ ] Ngrx +- [ ] Vue.js + - [ ] Vuex - Similar to redux but for Vue + +## Step 11 – Practical Time + +Now you know *everything* that one might need to build a modern JavaScript application. Go ahead and make some application with whatever framework you picked. You can find some of the ideas in the `ideas` directory in the repository; pick anything and start! + +## Step 12 – Learn about Performance + +Once you are done making the application from Step 9, read about how to **measure and improve performance**. For example look at **Interactivity Time**, **Page Speed Index**, and **Lighthouse Score** etc. + +## Step 13 – Testing your Apps + +There are lots and lots of different tools for different purposes. I mostly find myself using a combination of Jest, Mocha, Karma and Enzyme. However, before you jump and pick any, it would be better if you **first understand the different testing types**, look at all the options available and use the ones most suitable for your needs. + +Here is a really nice summary to get you started – [An Overview of JavaScript Testing in 2018](https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2018-f68950900bc3) + +- [ ] **Jest** +- [ ] **Mocha** +- [ ] **Protractor** +- [ ] **Karma** +- [ ] **Enzyme** + +## Step 14 – Progressive Webapps + +Learn about Service Workers and how to make Progressive Webapps + +## Step 15 – Static Type Checkers + +Static type checkers help you to add type checking to JavaScript. You don’t need to learn these but they really give you superpowers and can be learnt in a few hours and then you can keep . There is mainly TypeScript and Flow. I love TypeScript and would pick it but feel free to check both and pick one of your liking. + +- [ ] **TypeScript (Recommended)** +- [ ] Flow + +## Step 16 – Learn about Server Side Rendering + +There are different options, depending on what framework you are using + +- [ ] React + - [ ] Next.js + - [ ] After.js +- [ ] Angular + - [ ] Universal +- [ ] Vue.js + - [ ] Nuxt.js + +## Step 17 – All the things not mentioned + +Canvas, HTML-5 APIs, SVG, sourcemaps, functional programming, TC39, Progressive enhancement, graceful degradation etc. Go Figure! + +## Journey Never Ends + +And the journey doesn't end here. There is still a lot of stuff you can learn about, you just have to keep a healthy appetite for learning and not settling. + +Good luck 👏 + + + diff --git a/backend-map.png b/images/backend.png similarity index 100% rename from backend-map.png rename to images/backend.png diff --git a/images/devops.png b/images/devops.png new file mode 100644 index 000000000..822d78eb1 Binary files /dev/null and b/images/devops.png differ diff --git a/images/disclaimer.png b/images/disclaimer.png new file mode 100644 index 000000000..a09640758 Binary files /dev/null and b/images/disclaimer.png differ diff --git a/images/frontend-v2.png b/images/frontend-v2.png new file mode 100644 index 000000000..79e66b18f Binary files /dev/null and b/images/frontend-v2.png differ diff --git a/frontend-map.png b/images/frontend.png similarity index 100% rename from frontend-map.png rename to images/frontend.png diff --git a/intro-map.png b/images/intro.png similarity index 100% rename from intro-map.png rename to images/intro.png diff --git a/images/split.png b/images/split.png new file mode 100644 index 000000000..ade976995 Binary files /dev/null and b/images/split.png differ diff --git a/project-files/devops-map.json b/project-files/devops-map.json deleted file mode 100644 index dda78ba49..000000000 --- a/project-files/devops-map.json +++ /dev/null @@ -1 +0,0 @@ -{"mockup":{"controls":{"control":[{"ID":"0","measuredH":"47","measuredW":"128","properties":{"bold":"true","size":"32","text":"데브옵스"},"typeID":"Label","x":"652","y":"124","zOrder":"0"},{"ID":"1","h":"105","measuredH":"104","measuredW":"12","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":2,"y":0},"p1":{"x":0.46601941747572806,"y":0.10679611650485436},"p2":{"x":0,"y":104},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"13","x":"731","y":"16","zOrder":"1"},{"ID":"2","h":"147","measuredH":"146","measuredW":"10","properties":{"color":"2848996","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4251067223342871,"y":0.06558146080592954},"p2":{"x":1,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"715","y":"180","zOrder":"2"},{"ID":"3","h":"475","measuredH":"474","measuredW":"57","properties":{"color":"2848996","direction":"top","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.5501641704563411,"y":-0.03968184292311207},"p2":{"x":57,"y":474},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"58","x":"715","y":"336","zOrder":"3"},{"ID":"4","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"691","y":"312","zOrder":"4"},{"ID":"5","h":"44","measuredH":"43","measuredW":"157","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4809722749715154,"y":-0.1100645651348272},"p2":{"x":157,"y":41},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"158","x":"558","y":"299","zOrder":"5"},{"ID":"6","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16770457","size":"18","text":"Unix"},"typeID":"TextInput","w":"123","x":"391","y":"163","zOrder":"6"},{"ID":"7","measuredH":"32","measuredW":"57","properties":{"align":"center","color":"16770457","size":"18","text":"Linux"},"typeID":"TextInput","w":"106","x":"269","y":"164","zOrder":"7"},{"ID":"8","h":"68","measuredH":"67","measuredW":"41","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":0},"p1":{"x":0.4570883894856472,"y":-0.16801701066832864},"p2":{"x":41,"y":67},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"42","x":"426","y":"205","zOrder":"8"},{"ID":"9","measuredH":"36","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"운영체제"},"typeID":"TextInput","w":"168","x":"468","y":"264","zOrder":"9"},{"ID":"10","h":"79","measuredH":"78","measuredW":"137","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4570883894856472,"y":-0.1680170106683286},"p2":{"x":137,"y":78},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"138","x":"331","y":"203","zOrder":"10"},{"ID":"11","h":"73","measuredH":"72","measuredW":"189","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"true","p0":{"x":189,"y":37},"p1":{"x":0.4168473211520594,"y":-0.2650975534221121},"p2":{"x":0,"y":72},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"190","x":"719","y":"264","zOrder":"11"},{"ID":"12","measuredH":"36","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"클라우드"},"typeID":"TextInput","w":"168","x":"855","y":"303","zOrder":"12"},{"ID":"13","h":"50","measuredH":"49","measuredW":"82","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":82,"y":44},"p1":{"x":0.5978750804893754,"y":0.32034771410173857},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"83","x":"971","y":"340","zOrder":"13"},{"ID":"14","measuredH":"32","measuredW":"107","properties":{"align":"center","color":"15658734","size":"18","text":"Rackspace"},"typeID":"TextInput","w":"182","x":"1055","y":"368","zOrder":"14"},{"ID":"15","h":"88","measuredH":"87","measuredW":"98","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":98,"y":80},"p1":{"x":0.4653531598513011,"y":0.3410408921933086},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"99","x":"954","y":"343","zOrder":"15"},{"ID":"16","measuredH":"32","measuredW":"54","properties":{"align":"center","color":"16776960","size":"18","text":"AWS"},"typeID":"TextInput","w":"182","x":"1055","y":"407","zOrder":"16"},{"ID":"17","h":"120","measuredH":"119","measuredW":"123","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":123,"y":117},"p1":{"x":0.4960627165505897,"y":0.3117978511181885},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"124","x":"928","y":"342","zOrder":"17"},{"ID":"18","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"15658734","size":"18","text":"Heroku"},"typeID":"TextInput","w":"182","x":"1055","y":"444","zOrder":"18"},{"ID":"19","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"15658734","size":"18","text":"Azure"},"typeID":"TextInput","w":"184","x":"1053","y":"482","zOrder":"19"},{"ID":"20","h":"156","measuredH":"155","measuredW":"146","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":146,"y":155},"p1":{"x":0.4960627165505897,"y":0.3117978511181885},"p2":{"x":4,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"147","x":"903","y":"342","zOrder":"20"},{"ID":"21","measuredH":"29","measuredW":"166","properties":{"align":"center","color":"15658734","size":"15","text":"Google Cloud Platform"},"typeID":"TextInput","w":"182","x":"1054","y":"519","zOrder":"21"},{"ID":"22","h":"193","measuredH":"192","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":165,"y":192},"p1":{"x":0.4960627165505896,"y":0.3117978511181884},"p2":{"x":7,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"884","y":"343","zOrder":"22"},{"ID":"23","measuredH":"36","measuredW":"68","properties":{"align":"center","color":"16776960","size":"18","text":"자동화"},"typeID":"TextInput","w":"168","x":"421","y":"423","zOrder":"23"},{"ID":"24","h":"103","measuredH":"102","measuredW":"122","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":102},"p1":{"x":0.36800437796424645,"y":-0.11087194454578624},"p2":{"x":122,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"123","x":"592","y":"336","zOrder":"24"},{"ID":"25","measuredH":"32","measuredW":"54","properties":{"align":"center","color":"15658734","size":"18","text":"Chef"},"typeID":"TextInput","w":"116","x":"239","y":"514","zOrder":"25"},{"ID":"26","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"Ansible"},"typeID":"TextInput","w":"116","x":"361","y":"514","zOrder":"26"},{"ID":"27","measuredH":"32","measuredW":"73","properties":{"align":"center","color":"16770457","size":"18","text":"Puppet"},"typeID":"TextInput","w":"101","x":"483","y":"514","zOrder":"27"},{"ID":"28","h":"66","measuredH":"65","measuredW":"127","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":65},"p1":{"x":0.4645604016027265,"y":0.1022428959609447},"p2":{"x":127,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"292","y":"444","zOrder":"28"},{"ID":"29","h":"58","measuredH":"57","measuredW":"13","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":57},"p1":{"x":0.526916325336454,"y":-0.0026331187829139848},"p2":{"x":13,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"14","x":"439","y":"458","zOrder":"29"},{"ID":"30","h":"56","measuredH":"55","measuredW":"1","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"true","p0":{"x":1,"y":55},"p1":{"x":0.5083285468121769,"y":-0.00861573808156232},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"2","x":"518","y":"459","zOrder":"30"},{"ID":"31","measuredH":"36","measuredW":"182","properties":{"align":"center","color":"16776960","size":"18","text":"지속적인 배포 / 통합"},"typeID":"TextInput","w":"211","x":"803","y":"583","zOrder":"31"},{"ID":"32","h":"237","measuredH":"236","measuredW":"120","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":120,"y":236},"p1":{"x":0.3964277562200411,"y":-0.0786920794339192},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","text":""},"typeID":"Arrow","w":"121","x":"724","y":"346","zOrder":"32"},{"ID":"33","h":"20","measuredH":"19","measuredW":"89","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":89,"y":16},"p1":{"x":0.670906200317965,"y":0.14308426073131955},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"90","x":"939","y":"620","zOrder":"33"},{"ID":"34","measuredH":"32","measuredW":"77","properties":{"align":"center","color":"16770457","size":"18","text":"Jenkins"},"typeID":"TextInput","w":"182","x":"1032","y":"618","zOrder":"34"},{"ID":"35","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16770457","size":"18","text":"Travis"},"typeID":"TextInput","w":"184","x":"1030","y":"656","zOrder":"35"},{"ID":"36","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16770457","size":"18","text":"CircleCI"},"typeID":"TextInput","w":"182","x":"1031","y":"693","zOrder":"36"},{"ID":"37","h":"54","measuredH":"53","measuredW":"124","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":124,"y":50},"p1":{"x":0.6424255985679123,"y":0.22678451555157753},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"125","x":"903","y":"618","zOrder":"37"},{"ID":"38","h":"92","measuredH":"91","measuredW":"145","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":145,"y":90},"p1":{"x":0.590366687383468,"y":0.2617775015537601},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"146","x":"884","y":"619","zOrder":"38"},{"ID":"39","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"15658734","size":"18","text":"Drone"},"typeID":"TextInput","w":"182","x":"1032","y":"732","zOrder":"39"},{"ID":"40","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"15658734","size":"18","text":"Bamboo"},"typeID":"TextInput","w":"182","x":"1033","y":"769","zOrder":"40"},{"ID":"41","h":"129","measuredH":"128","measuredW":"167","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":167,"y":128},"p1":{"x":0.590366687383468,"y":0.2617775015537601},"p2":{"x":2,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"168","x":"861","y":"619","zOrder":"41"},{"ID":"42","h":"165","measuredH":"164","measuredW":"200","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":200,"y":164},"p1":{"x":0.5903666873834679,"y":0.2617775015537602},"p2":{"x":3,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"201","x":"831","y":"619","zOrder":"42"},{"ID":"43","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"749","y":"795","zOrder":"43"},{"ID":"44","h":"29","measuredH":"28","measuredW":"178","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.3805593199457928,"y":0.009301466058888753},"p2":{"x":178,"y":28},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"179","x":"590","y":"794","zOrder":"44"},{"ID":"45","measuredH":"36","measuredW":"146","properties":{"align":"center","color":"16776960","size":"18","text":"모니터링과 경보"},"typeID":"TextInput","w":"230","x":"355","y":"775","zOrder":"45"},{"ID":"46","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16770457","size":"18","text":"Nagios"},"typeID":"TextInput","w":"101","x":"154","y":"709","zOrder":"46"},{"ID":"47","measuredH":"32","measuredW":"100","properties":{"align":"center","color":"16770457","size":"18","text":"PagerDuty"},"typeID":"TextInput","w":"101","x":"231","y":"576","zOrder":"47"},{"ID":"48","measuredH":"32","measuredW":"82","properties":{"align":"center","color":"15658734","size":"18","text":"Graphite"},"typeID":"TextInput","w":"101","x":"460","y":"576","zOrder":"48"},{"ID":"49","measuredH":"32","measuredW":"112","properties":{"align":"center","color":"15658734","size":"18","text":"Prometheus"},"typeID":"TextInput","w":"115","x":"531","y":"638","zOrder":"49"},{"ID":"50","measuredH":"32","measuredW":"127","properties":{"align":"center","color":"16770457","size":"18","text":"AppDynamics"},"typeID":"TextInput","w":"141","x":"114","y":"759","zOrder":"50"},{"ID":"51","h":"22","measuredH":"21","measuredW":"90","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.47438524590163944,"y":0.03176229508196722},"p2":{"x":90,"y":21},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"262","y":"776","zOrder":"51"},{"ID":"52","h":"43","measuredH":"42","measuredW":"91","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.49507591300779646,"y":0.04021337710299548},"p2":{"x":91,"y":42},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"92","x":"263","y":"740","zOrder":"52"},{"ID":"53","h":"163","measuredH":"162","measuredW":"38","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.5482477876106194,"y":-0.06428318584070783},"p2":{"x":38,"y":162},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"39","x":"400","y":"610","zOrder":"53"},{"ID":"54","h":"159","measuredH":"158","measuredW":"29","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":0},"p1":{"x":0.5482477876106193,"y":-0.06428318584070793},"p2":{"x":29,"y":158},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"30","x":"502","y":"615","zOrder":"54"},{"ID":"55","h":"103","measuredH":"102","measuredW":"7","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":0},"p1":{"x":0.5934629929767694,"y":-0.03484602917341978},"p2":{"x":7,"y":102},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"8","x":"563","y":"674","zOrder":"55"},{"ID":"56","h":"79","measuredH":"78","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":165,"y":78},"p1":{"x":0.49148815671119694,"y":-0.22077489422660493},"p2":{"x":0,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"778","y":"811","zOrder":"56"},{"ID":"57","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"15658734","size":"18","text":"SaltStack"},"typeID":"TextInput","w":"116","x":"148","y":"449","zOrder":"57"},{"ID":"58","h":"29","measuredH":"29","measuredW":"147","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":28.51103198528034},"p1":{"x":0.4009012805068381,"y":0.023332046153599177},"p2":{"x":146.33333333333331,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"146","x":"276","y":"433","zOrder":"58"},{"ID":"59","measuredH":"32","measuredW":"70","properties":{"align":"center","color":"15658734","size":"18","text":"Packer"},"typeID":"TextInput","w":"116","x":"185","y":"368","zOrder":"59"},{"ID":"60","h":"68","measuredH":"69","measuredW":"146","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0.19283790167659495},"p1":{"x":0.4235225542717401,"y":0.09456679102949923},"p2":{"x":145.33333333333326,"y":68.37803669761603},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"145","x":"302","y":"346","zOrder":"60"},{"ID":"61","measuredH":"36","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"컨테이너"},"typeID":"TextInput","w":"168","x":"919","y":"892","zOrder":"61"},{"ID":"62","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16776960","size":"18","text":"Docker"},"typeID":"TextInput","w":"182","x":"1124","y":"822","zOrder":"62"},{"ID":"63","h":"55","measuredH":"54","measuredW":"103","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":103,"y":2},"p1":{"x":0.4799819725080749,"y":-0.16465109291669797},"p2":{"x":0,"y":54},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"104","x":"1014","y":"836","zOrder":"63"},{"ID":"64","measuredH":"32","measuredW":"115","properties":{"align":"center","color":"15658734","size":"18","text":"Digitalocean"},"typeID":"TextInput","w":"182","x":"1054","y":"555","zOrder":"64"},{"ID":"65","h":"229","measuredH":"228","measuredW":"189","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":189,"y":228},"p1":{"x":0.4815004659832246,"y":0.28685927306616965},"p2":{"x":5,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"190","x":"865","y":"343","zOrder":"65"},{"ID":"66","h":"842","measuredH":"841","measuredW":"89","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":36,"y":841},"p1":{"x":0.3964277562200411,"y":-0.07869207943391922},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","text":""},"typeID":"Arrow","w":"90","x":"774","y":"821","zOrder":"66"},{"ID":"67","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"flag-checkered","size":"large"}},"typeID":"Icon","x":"782","y":"1683","zOrder":"67"},{"ID":"68","measuredH":"32","measuredW":"37","properties":{"align":"center","color":"16770457","size":"18","text":"rkt"},"typeID":"TextInput","w":"182","x":"1124","y":"859","zOrder":"68"},{"ID":"69","h":"17","measuredH":"16","measuredW":"81","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":81,"y":1},"p1":{"x":0.6511936339522546,"y":-0.08355437665782496},"p2":{"x":0,"y":16},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"82","x":"1041","y":"875","zOrder":"69"},{"ID":"70","measuredH":"36","measuredW":"146","properties":{"align":"center","color":"16776960","size":"18","text":"클러스터 매니저"},"typeID":"TextInput","w":"168","x":"442","y":"961","zOrder":"70"},{"ID":"71","h":"153","measuredH":"152","measuredW":"155","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":152},"p1":{"x":0.34836852207293667,"y":-0.13339731285988485},"p2":{"x":155,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"156","x":"613","y":"821","zOrder":"71"},{"ID":"72","h":"12","measuredH":"11","measuredW":"105","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":11},"p1":{"x":0.5613096317794304,"y":0.0624886631598041},"p2":{"x":105,"y":5},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"338","y":"967","zOrder":"72"},{"ID":"73","measuredH":"32","measuredW":"109","properties":{"align":"center","color":"16770457","size":"18","text":"Kubernetes"},"typeID":"TextInput","w":"182","x":"152","y":"964","zOrder":"73"},{"ID":"74","h":"29","measuredH":"28","measuredW":"104","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":28},"p1":{"x":0.5482477876106191,"y":-0.0642831858407078},"p2":{"x":104,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"105","x":"341","y":"991","zOrder":"74"},{"ID":"75","measuredH":"32","measuredW":"114","properties":{"align":"center","color":"16770457","size":"18","text":"Mesosphere"},"typeID":"TextInput","w":"182","x":"152","y":"1004","zOrder":"75"},{"ID":"76","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16770457","size":"18","text":"Mesos"},"typeID":"TextInput","w":"182","x":"152","y":"1043","zOrder":"76"},{"ID":"77","h":"59","measuredH":"58","measuredW":"127","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":58},"p1":{"x":0.5482477876106192,"y":-0.06428318584070777},"p2":{"x":127,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"337","y":"994","zOrder":"77"},{"ID":"78","measuredH":"32","measuredW":"133","properties":{"align":"center","color":"16770457","size":"18","text":"Docker Swarm"},"typeID":"TextInput","w":"182","x":"244","y":"1083","zOrder":"78"},{"ID":"79","h":"89","measuredH":"88","measuredW":"65","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":88},"p1":{"x":0.6482871125611747,"y":-0.09004893964110934},"p2":{"x":65,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"66","x":"421","y":"996","zOrder":"79"},{"ID":"80","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16770457","size":"18","text":"Nomad"},"typeID":"TextInput","w":"182","x":"453","y":"1083","zOrder":"80"},{"ID":"81","h":"86","measuredH":"85","measuredW":"10","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":85},"p1":{"x":0.6420077749828493,"y":-0.11719643265492792},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"522","y":"996","zOrder":"81"},{"ID":"82","h":"119","measuredH":"118","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":1},"p1":{"x":0.4837905236907732,"y":0.17581047381546133},"p2":{"x":165,"y":118},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"303","y":"302","zOrder":"82"},{"ID":"83","measuredH":"32","measuredW":"93","properties":{"align":"center","color":"16770457","size":"18","text":"Terraform"},"typeID":"TextInput","w":"116","x":"185","y":"287","zOrder":"83"},{"ID":"84","measuredH":"29","measuredW":"161","properties":{"align":"center","color":"16770457","size":"15","text":"AWS Cloud Formation"},"typeID":"TextInput","w":"163","x":"475","y":"359","zOrder":"84"},{"ID":"85","h":"33","measuredH":"32","measuredW":"4","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":32},"p1":{"x":0.508328546812177,"y":-0.008615738081562331},"p2":{"x":4,"y":0},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"5","x":"526","y":"390","zOrder":"85"},{"ID":"86","h":"399","measuredH":"398","measuredW":"73","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":398},"p1":{"x":0.34351657882039666,"y":-0.009857511924902128},"p2":{"x":73,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"74","x":"699","y":"821","zOrder":"86"},{"ID":"87","measuredH":"36","measuredW":"169","properties":{"align":"center","color":"16776960","size":"18","text":"터미널에 대한 사랑"},"typeID":"TextInput","w":"177","x":"567","y":"1223","zOrder":"87"},{"ID":"88","h":"40","measuredH":"39","measuredW":"90","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":39},"p1":{"x":0.5247895229186157,"y":0.005924540068599915},"p2":{"x":90,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"476","y":"1240","zOrder":"88"},{"ID":"89","measuredH":"32","measuredW":"118","properties":{"align":"center","color":"16776960","size":"18","text":"Bash Scripts"},"typeID":"TextInput","w":"136","x":"338","y":"1261","zOrder":"89"},{"ID":"90","h":"66","measuredH":"65","measuredW":"105","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":65},"p1":{"x":0.5287804878048781,"y":-0.07902439024390241},"p2":{"x":105,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"476","y":"1255","zOrder":"90"},{"ID":"91","measuredH":"32","measuredW":"105","properties":{"align":"center","color":"16776960","size":"18","text":"Vim / Nano"},"typeID":"TextInput","w":"136","x":"337","y":"1304","zOrder":"91"},{"ID":"92","h":"110","measuredH":"109","measuredW":"131","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":109},"p1":{"x":0.5287804878048781,"y":-0.0790243902439025},"p2":{"x":131,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"132","x":"483","y":"1256","zOrder":"92"},{"ID":"93","measuredH":"36","measuredW":"74","properties":{"align":"center","color":"16776960","size":"18","text":"웹 서버"},"typeID":"TextInput","w":"138","x":"909","y":"961","zOrder":"93"},{"ID":"94","h":"138","measuredH":"137","measuredW":"127","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":127,"y":137},"p1":{"x":0.48035560653857184,"y":-0.1241755090335533},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"787","y":"823","zOrder":"94"},{"ID":"95","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"16776960","size":"18","text":"Apache"},"typeID":"TextInput","w":"182","x":"1105","y":"946","zOrder":"95"},{"ID":"96","h":"11","measuredH":"10","measuredW":"57","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":57,"y":2},"p1":{"x":0.4965288258376094,"y":-0.08723211590703289},"p2":{"x":0,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"58","x":"1047","y":"962","zOrder":"96"},{"ID":"97","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"Nginx"},"typeID":"TextInput","w":"182","x":"1106","y":"982","zOrder":"97"},{"ID":"98","h":"21","measuredH":"20","measuredW":"58","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":58,"y":20},"p1":{"x":0.4070138150903294,"y":0.019659936238044632},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"59","x":"1047","y":"981","zOrder":"98"},{"ID":"99","h":"185","measuredH":"140","measuredW":"180","properties":{"text":"차이점과 사용시기"},"typeID":"VCurly","w":"180","x":"1294","y":"940","zOrder":"99"},{"ID":"100","measuredH":"36","measuredW":"246","properties":{"align":"center","color":"16776960","size":"18","text":"역방향 프록시 설정 (Nginx ..)"},"typeID":"TextInput","w":"447","x":"997","y":"1234","zOrder":"100"},{"ID":"101","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"Tomcat"},"typeID":"TextInput","w":"182","x":"1105","y":"1020","zOrder":"101"},{"ID":"102","h":"48","measuredH":"47","measuredW":"61","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":61,"y":47},"p1":{"x":0.5247892074198989,"y":0.19123102866779093},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"62","x":"1045","y":"991","zOrder":"102"},{"ID":"103","measuredH":"32","measuredW":"39","properties":{"align":"center","color":"16770457","size":"18","text":"IIS"},"typeID":"TextInput","w":"182","x":"1106","y":"1058","zOrder":"103"},{"ID":"104","h":"79","measuredH":"78","measuredW":"78","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":78,"y":78},"p1":{"x":0.44230769230769235,"y":0.1858974358974359},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"79","x":"1028","y":"995","zOrder":"104"},{"ID":"105","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"831","y":"1220","zOrder":"105"},{"ID":"106","h":"10","measuredH":"8","measuredW":"138","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":138,"y":8},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"140","x":"857","y":"1244","zOrder":"106"},{"ID":"107","measuredH":"36","measuredW":"267","properties":{"align":"center","color":"16776960","size":"18","text":"캐시 서버 설정 (Squid, Nginx ..)"},"typeID":"TextInput","w":"446","x":"996","y":"1274","zOrder":"107"},{"ID":"108","h":"36","measuredH":"35","measuredW":"127","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":127,"y":35},"p1":{"x":0.5710499020398756,"y":0.07076178402673736},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"867","y":"1254","zOrder":"108"},{"ID":"109","measuredH":"36","measuredW":"346","properties":{"align":"center","color":"16776960","size":"18","text":"로드 밸런서 서버 설정 (HAProxy, Nginx ..)"},"typeID":"TextInput","w":"444","x":"995","y":"1312","zOrder":"109"},{"ID":"110","h":"72","measuredH":"71","measuredW":"126","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":126,"y":71},"p1":{"x":0.5375099057849784,"y":0.14083824953773005},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"127","x":"866","y":"1255","zOrder":"110"},{"ID":"111","measuredH":"36","measuredW":"491","properties":{"align":"center","color":"16776960","size":"18","text":"소스에서 앱 컴파일하기 (gcc, make 그리고 기타 관련 항목)"},"typeID":"TextInput","w":"550","x":"140","y":"1145","zOrder":"111"},{"ID":"112","h":"115","measuredH":"114","measuredW":"139","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":139,"y":114},"p1":{"x":0.5375099057849785,"y":0.14083824953773005},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"140","x":"859","y":"1256","zOrder":"112"},{"ID":"113","measuredH":"36","measuredW":"252","properties":{"align":"center","color":"16776960","size":"18","text":"다른 파일 시스템에 대한 지식"},"typeID":"TextInput","w":"447","x":"994","y":"1195","zOrder":"113"},{"ID":"114","measuredH":"32","measuredW":"298","properties":{"align":"center","color":"16776960","size":"18","text":"OSI Model. TCP/IP/UDP 공통 포트"},"typeID":"TextInput","w":"447","x":"992","y":"1159","zOrder":"114"},{"ID":"115","h":"27","measuredH":"26","measuredW":"129","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":129,"y":1},"p1":{"x":0.5491329479768786,"y":-0.06936416184971098},"p2":{"x":0,"y":26},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"130","x":"864","y":"1214","zOrder":"115"},{"ID":"116","h":"57","measuredH":"56","measuredW":"129","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":129,"y":0},"p1":{"x":0.5491329479768786,"y":-0.06936416184971089},"p2":{"x":0,"y":56},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"130","x":"860","y":"1178","zOrder":"116"},{"ID":"117","h":"56","measuredH":"55","measuredW":"157","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.3992980660256645,"y":-0.16711146857748693},"p2":{"x":157,"y":52},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"158","x":"407","y":"1176","zOrder":"117"},{"ID":"118","measuredH":"36","measuredW":"110","properties":{"align":"center","color":"16776960","size":"18","text":"방화벽 설정"},"typeID":"TextInput","w":"439","x":"999","y":"1352","zOrder":"118"},{"ID":"119","measuredH":"36","measuredW":"112","properties":{"align":"center","color":"16776960","size":"18","text":"명령어/도구"},"typeID":"TextInput","w":"166","x":"315","y":"1348","zOrder":"119"},{"ID":"120","h":"87","measuredH":"86","measuredW":"92","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":1,"y":86},"p1":{"x":0.4916028285209192,"y":0.27357100766057746},"p2":{"x":92,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"93","x":"222","y":"1365","zOrder":"120"},{"ID":"121","h":"132","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"awk, sed, grep, sort, uniq, cat, cut, echo, fmt, tr, nl, egrep, fgrep, wc ..기타"},"typeID":"TextArea","w":"185","x":"148","y":"1479","zOrder":"121"},{"ID":"122","measuredH":"36","measuredW":"110","properties":{"align":"center","color":"16776960","size":"18","text":"문자 다루기"},"typeID":"TextInput","w":"184","x":"149","y":"1452","zOrder":"122"},{"ID":"123","h":"47","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"ps, top, htop, atop ..기타"},"typeID":"TextArea","w":"194","x":"336","y":"1483","zOrder":"123"},{"ID":"124","measuredH":"36","measuredW":"164","properties":{"align":"center","color":"16776960","size":"18","text":"프로세스 모니터링"},"typeID":"TextInput","w":"194","x":"337","y":"1456","zOrder":"124"},{"ID":"125","h":"55","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"nmon, iostat, sar, vmstat ..기타"},"typeID":"TextArea","w":"196","x":"336","y":"1563","zOrder":"125"},{"ID":"126","measuredH":"36","measuredW":"110","properties":{"align":"center","color":"16776960","size":"18","text":"시스템 성능"},"typeID":"TextInput","w":"194","x":"337","y":"1536","zOrder":"126"},{"ID":"127","h":"135","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"nmap, tcpdump, ping, mtr, traceroute, airmon, airodump ..기타"},"typeID":"TextArea","w":"194","x":"539","y":"1483","zOrder":"127"},{"ID":"128","measuredH":"36","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"네트워크"},"typeID":"TextInput","w":"194","x":"540","y":"1456","zOrder":"128"},{"ID":"129","h":"72","measuredH":"71","measuredW":"11","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":8,"y":71,"length":71.449282711585},"p1":{"x":0.5098922624877571,"y":-0.09970617042115572,"length":0.5195492659651598},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"12","x":"400","y":"1382","zOrder":"129"},{"ID":"130","h":"70","measuredH":"71","measuredW":"97","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"true","p0":{"x":92,"y":69},"p1":{"x":0.43017301038062294,"y":-0.0665743944636678},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"93","x":"449","y":"1384","zOrder":"130"},{"ID":"131","measuredH":"32","measuredW":"473","properties":{"align":"center","color":"16776960","size":"18","text":"TLS, STARTTLS, SSL, HTTPS, SCP, SSH, SFTP, FTPS .."},"typeID":"TextInput","w":"438","x":"1005","y":"1392","zOrder":"131"},{"ID":"132","measuredH":"36","measuredW":"293","properties":{"align":"center","color":"16776960","size":"18","text":"좋지 않은 문제 발생시의 사후 분석"},"typeID":"TextInput","w":"439","x":"1004","y":"1428","zOrder":"132"},{"ID":"133","h":"152","measuredH":"151","measuredW":"147","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":147,"y":151},"p1":{"x":0.4908858561990645,"y":0.18756329266528424},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"148","x":"857","y":"1255","zOrder":"133"},{"ID":"134","h":"190","measuredH":"189","measuredW":"147","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":147,"y":189},"p1":{"x":0.4908858561990649,"y":0.18756329266528457},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"148","x":"855","y":"1255","zOrder":"134"},{"ID":"135","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16770457","size":"18","text":"Caddy"},"typeID":"TextInput","w":"182","x":"1106","y":"1093","zOrder":"135"},{"ID":"136","h":"115","measuredH":"114","measuredW":"94","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":94,"y":114},"p1":{"x":0.44230769230769235,"y":0.1858974358974359},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"95","x":"1010","y":"995","zOrder":"136"},{"ID":"137","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"15658734","size":"18","text":"LXC"},"typeID":"TextInput","w":"182","x":"1124","y":"894","zOrder":"137"},{"ID":"138","h":"2","measuredH":"1","measuredW":"37","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":37,"y":1},"p1":{"x":0.578546712802768,"y":0.015224913494809686},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"38","x":"1087","y":"909","zOrder":"138"},{"ID":"139","measuredH":"32","measuredW":"132","properties":{"align":"center","color":"15658734","size":"18","text":"Cloud Foundry"},"typeID":"TextInput","w":"182","x":"1055","y":"331","zOrder":"139"},{"ID":"140","h":"18","measuredH":"17","measuredW":"61","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":61,"y":4},"p1":{"x":0.59004549103559,"y":0.2518062617072518},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"62","x":"995","y":"339","zOrder":"140"},{"ID":"141","measuredH":"32","measuredW":"70","properties":{"align":"center","color":"15658734","size":"18","text":"Zabbix"},"typeID":"TextInput","w":"103","x":"606","y":"683","zOrder":"141"},{"ID":"142","h":"61","measuredH":"60","measuredW":"45","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":45,"y":0},"p1":{"x":0.5573333333333333,"y":0.034666666666666665},"p2":{"x":0,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"46","x":"582","y":"718","zOrder":"142"},{"ID":"143","measuredH":"32","measuredW":"62","properties":{"align":"center","color":"16770457","size":"18","text":"Munin"},"typeID":"TextInput","w":"101","x":"348","y":"576","zOrder":"143"},{"ID":"144","h":"163","measuredH":"162","measuredW":"114","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.5402140672782875,"y":0.039602446483180426},"p2":{"x":114,"y":162},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"115","x":"280","y":"613","zOrder":"144"},{"ID":"145","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"16770457","size":"18","text":"New Relic"},"typeID":"TextInput","w":"101","x":"154","y":"650","zOrder":"145"},{"ID":"146","h":"87","measuredH":"86","measuredW":"105","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4950759130077962,"y":0.040213377102995426},"p2":{"x":105,"y":86},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"262","y":"687","zOrder":"146"},{"ID":"147","measuredH":"32","measuredW":"248","properties":{"align":"center","color":"16776960","size":"18","text":"Log Management & Analysis"},"typeID":"TextInput","w":"255","x":"355","y":"847","zOrder":"147"},{"ID":"148","h":"41","measuredH":"40","measuredW":"156","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":40},"p1":{"x":0.3805593199457928,"y":0.009301466058888753},"p2":{"x":156,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"157","x":"615","y":"824","zOrder":"148"},{"ID":"149","measuredH":"32","measuredW":"91","properties":{"align":"center","color":"15658734","size":"18","text":"Papertrail"},"typeID":"TextInput","w":"115","x":"147","y":"809","zOrder":"149"},{"ID":"150","measuredH":"32","measuredW":"48","properties":{"align":"center","color":"16776960","size":"18","text":"ELK"},"typeID":"TextInput","w":"115","x":"147","y":"846","zOrder":"150"},{"ID":"151","measuredH":"32","measuredW":"77","properties":{"align":"center","color":"15658734","size":"18","text":"Graylog"},"typeID":"TextInput","w":"115","x":"148","y":"883","zOrder":"151"},{"ID":"152","measuredH":"32","measuredW":"70","properties":{"align":"center","color":"15658734","size":"18","text":"Splunk"},"typeID":"TextInput","w":"115","x":"148","y":"919","zOrder":"152"},{"ID":"153","h":"22","measuredH":"21","measuredW":"90","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.47438524590163944,"y":0.031762295081967214},"p2":{"x":90,"y":21},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"269","y":"827","zOrder":"153"},{"ID":"154","h":"9","measuredH":"8","measuredW":"86","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":8},"p1":{"x":0.47438524590163944,"y":0.031762295081967214},"p2":{"x":86,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"87","x":"267","y":"857","zOrder":"154"},{"ID":"155","h":"24","measuredH":"23","measuredW":"84","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":23},"p1":{"x":0.47438524590163944,"y":0.03176229508196722},"p2":{"x":84,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"85","x":"266","y":"875","zOrder":"155"},{"ID":"156","h":"54","measuredH":"53","measuredW":"96","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":53},"p1":{"x":0.5139593094153135,"y":-0.07566908414094088},"p2":{"x":96,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"97","x":"267","y":"884","zOrder":"156"},{"ID":"157","measuredH":"32","measuredW":"98","properties":{"align":"center","color":"15658734","size":"18","text":"CF Engine"},"typeID":"TextInput","w":"116","x":"185","y":"327","zOrder":"157"},{"ID":"158","h":"39","measuredH":"40","measuredW":"120","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4316714619247889,"y":0.05426183807392579},"p2":{"x":119.99999999999984,"y":39.18789348884052},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"120","x":"303","y":"385","zOrder":"158"},{"ID":"159","measuredH":"32","measuredW":"99","properties":{"align":"center","color":"16770457","size":"18","text":"Powershell"},"typeID":"TextInput","w":"101","x":"582","y":"471","zOrder":"159"},{"ID":"160","h":"27","measuredH":"26","measuredW":"40","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":40,"y":26},"p1":{"x":0.5977695167286246,"y":0.2171003717472119},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"41","x":"543","y":"460","zOrder":"160"}]},"measuredH":"1731","measuredW":"1474","mockupH":"1715","mockupW":"1360","version":"1.0"}} \ No newline at end of file diff --git a/project-files/frontend-map.json b/project-files/frontend-map.json deleted file mode 100644 index 829636d03..000000000 --- a/project-files/frontend-map.json +++ /dev/null @@ -1 +0,0 @@ -{"mockup":{"controls":{"control":[{"ID":"0","measuredH":"47","measuredW":"160","properties":{"bold":"true","size":"32","text":"프론트엔드"},"typeID":"Label","x":"546","y":"312","zOrder":"0"},{"ID":"1","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":8,"y":0},"p1":{"x":0.4589494163424125,"y":0.1931906614785992},"p2":{"x":0,"y":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"620","y":"238","zOrder":"1"},{"ID":"2","h":"58","measuredH":"57","measuredW":"11","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":3,"x":3,"y":0},"p1":{"length":0.4752342503759221,"x":0.4639175257731959,"y":-0.10309278350515466},"p2":{"length":58.05170109479997,"x":11,"y":57},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"12","x":"608","y":"368","zOrder":"2"},{"ID":"3","measuredH":"30","measuredW":"78","properties":{"bold":"true","size":"18","text":"기초 학습"},"typeID":"Label","x":"572","y":"435","zOrder":"3"},{"ID":"4","h":"98","measuredH":"97","measuredW":"17","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":4,"y":0},"p1":{"x":0.47967479674796737,"y":0.1544715447154471},"p2":{"x":0,"y":97},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"18","x":"636","y":"473","zOrder":"4"},{"ID":"5","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16776960","size":"18","text":"HTML"},"typeID":"TextInput","w":"103","x":"403","y":"488","zOrder":"5"},{"ID":"6","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"CSS"},"typeID":"TextInput","w":"103","x":"403","y":"547","zOrder":"6"},{"ID":"7","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16776960","size":"18","text":"JavaScript"},"typeID":"TextInput","w":"102","x":"403","y":"598","zOrder":"7"},{"ID":"8","h":"57","measuredH":"56","measuredW":"109","properties":{"color":"2848996","curvature":"0","direction":"top","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4124001894134802,"x":0.41239928081507593,"y":0.0008656855563694176},"p2":{"length":122.54386969571348,"x":109,"y":56},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"518","y":"508","zOrder":"8"},{"ID":"9","h":"11","measuredH":"10","measuredW":"115","properties":{"color":"2848996","curvature":"1","direction":"top","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.39856406750964574,"x":0.39823587063051297,"y":0.016171185886965058},"p2":{"length":115.43396380615197,"x":115,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"116","x":"514","y":"563","zOrder":"9"},{"ID":"10","h":"29","measuredH":"28","measuredW":"99","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"length":28,"x":0,"y":28},"p1":{"length":0.5728876708569787,"x":0.5727916863486066,"y":-0.010486537553141368},"p2":{"length":99,"x":99,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"100","x":"519","y":"585","zOrder":"10"},{"ID":"11","h":"61","measuredH":"60","measuredW":"10","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":10,"x":10,"y":0},"p1":{"length":0.5310742620768895,"x":0.5188679245283019,"y":-0.11320754716981138},"p2":{"length":60.207972893961475,"x":5,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"623","y":"585","zOrder":"11"},{"ID":"12","measuredH":"30","measuredW":"101","properties":{"bold":"true","size":"18","text":"점점 더 깊게"},"typeID":"Label","x":"583","y":"655","zOrder":"12"},{"ID":"13","h":"71","measuredH":"70","measuredW":"20","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":18,"y":0},"p1":{"x":0.4585365853658537,"y":0.12682926829268293},"p2":{"x":0,"y":70},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"21","x":"629","y":"686","zOrder":"13"},{"ID":"14","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"CSS"},"typeID":"TextInput","w":"103","x":"743","y":"779","zOrder":"14"},{"ID":"15","h":"23","measuredH":"22","measuredW":"109","properties":{"color":"2848996","curvature":"-1","direction":"top","p0":{"x":109,"y":22},"p1":{"x":0.5727916863486068,"y":-0.01048653755314126},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"630","y":"756","zOrder":"15"},{"ID":"16","measuredH":"32","measuredW":"262","properties":{"align":"center","color":"16776960","size":"18","text":"반응형 웹 개발"},"typeID":"TextInput","w":"171","x":"854","y":"688","zOrder":"16"},{"ID":"17","h":"75","measuredH":"74","measuredW":"64","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"x":64,"y":0},"p1":{"x":0.44180269694819024,"y":-0.19481902058197303},"p2":{"x":0,"y":74},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"65","x":"788","y":"703","zOrder":"17"},{"ID":"18","h":"33","measuredH":"32","measuredW":"110","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":110,"y":32},"p1":{"x":0.4077586206896551,"y":-0.16810344827586204},"p2":{"x":0,"y":6},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"111","x":"847","y":"790","zOrder":"18"},{"ID":"19","measuredH":"30","measuredW":"72","properties":{"bold":"true","size":"18","text":"전처리기"},"typeID":"Label","x":"925","y":"826","zOrder":"19"},{"ID":"20","h":"60","measuredH":"59","measuredW":"11","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":6,"y":0},"p1":{"x":0.45839683023468447,"y":0.1301432490094483},"p2":{"x":0,"y":59},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"12","x":"967","y":"861","zOrder":"20"},{"ID":"21","measuredH":"32","measuredW":"56","properties":{"align":"center","color":"16776960","size":"18","text":"Sass"},"typeID":"TextInput","w":"136","x":"905","y":"930","zOrder":"21"},{"ID":"22","measuredH":"32","measuredW":"55","properties":{"align":"center","color":"15658734","size":"18","text":"Less"},"typeID":"TextInput","w":"136","x":"905","y":"966","zOrder":"22"},{"ID":"23","measuredH":"32","measuredW":"66","properties":{"align":"center","color":"15658734","size":"18","text":"Stylus"},"typeID":"TextInput","w":"136","x":"905","y":"1003","zOrder":"23"},{"ID":"24","measuredH":"32","measuredW":"88","properties":{"align":"center","color":"15658734","size":"18","text":"PostCSS"},"typeID":"TextInput","w":"136","x":"905","y":"1039","zOrder":"24"},{"ID":"25","measuredH":"30","measuredW":"204","properties":{"bold":"true","size":"18","text":"프레임워크를 선택하세요"},"typeID":"Label","x":"684","y":"853","zOrder":"25"},{"ID":"26","measuredH":"32","measuredW":"103","properties":{"align":"center","color":"15658734","size":"18","text":"Foundation"},"typeID":"TextInput","w":"149","x":"712","y":"944","zOrder":"26"},{"ID":"27","measuredH":"32","measuredW":"92","properties":{"align":"center","color":"16776960","size":"18","text":"Bootstrap"},"typeID":"TextInput","w":"149","x":"712","y":"981","zOrder":"27"},{"ID":"28","measuredH":"32","measuredW":"146","properties":{"align":"center","color":"16770457","size":"18","text":"Materialize CSS"},"typeID":"TextInput","w":"147","x":"714","y":"1018","zOrder":"28"},{"ID":"29","h":"55","measuredH":"54","measuredW":"6","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":6,"x":6,"y":0},"p1":{"length":0.4893501829289195,"x":0.48850574712643674,"y":-0.028735632183908053},"p2":{"length":54.00925846556311,"x":1,"y":54},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"7","x":"769","y":"882","zOrder":"29"},{"ID":"30","h":"68","measuredH":"67","measuredW":"94","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":94,"y":0},"p1":{"x":0.5011547344110855,"y":-0.09699769053117784},"p2":{"x":0,"y":67},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"95","x":"534","y":"759","zOrder":"30"},{"ID":"31","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16776960","size":"18","text":"JavaScript"},"typeID":"TextInput","w":"115","x":"419","y":"825","zOrder":"31"},{"ID":"32","h":"61","measuredH":"60","measuredW":"57","properties":{"color":"2848996","curvature":"0","direction":"top","p0":{"x":0,"y":0},"p1":{"x":0.48019756977061306,"y":0.00306051331777826},"p2":{"x":57,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"58","x":"383","y":"767","zOrder":"32"},{"ID":"33","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16776960","size":"18","text":"ES6"},"typeID":"TextInput","w":"115","x":"297","y":"724","zOrder":"33"},{"ID":"34","h":"44","measuredH":"43","measuredW":"128","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5213875686686007,"y":0.07610641318437134},"p2":{"x":128,"y":43},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"129","x":"290","y":"795","zOrder":"34"},{"ID":"35","measuredH":"30","measuredW":"96","properties":{"bold":"true","size":"18","text":"태스크 러너"},"typeID":"Label","x":"166","y":"780","zOrder":"35"},{"ID":"36","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16776960","size":"18","text":"gulp"},"typeID":"TextInput","w":"120","x":"46","y":"868","zOrder":"36"},{"ID":"37","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16777215","size":"18","text":"Grunt"},"typeID":"TextInput","w":"120","x":"46","y":"904","zOrder":"37"},{"ID":"38","h":"32","measuredH":"31","measuredW":"49","properties":{"color":"2848996","curvature":"-1","direction":"bottom","p0":{"x":0,"y":31},"p1":{"x":0.5592427616926503,"y":0.1307349665924276},"p2":{"x":49,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"50","x":"107","y":"792","zOrder":"38"},{"ID":"39","h":"118","measuredH":"117","measuredW":"257","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":117},"p1":{"x":0.44088219731588824,"y":0.144210880754245},"p2":{"x":257,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"258","x":"160","y":"845","zOrder":"39"},{"ID":"40","measuredH":"30","measuredW":"114","properties":{"bold":"true","size":"18","text":"패키지 매니저"},"typeID":"Label","x":"84","y":"964","zOrder":"40"},{"ID":"41","h":"46","measuredH":"45","measuredW":"4","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":4,"x":4,"y":0},"p1":{"length":0.42650623827571654,"x":0.42477876106194695,"y":-0.038348082595870206},"p2":{"length":45.0111097397076,"x":1,"y":45},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"5","x":"142","y":"996","zOrder":"41"},{"ID":"42","measuredH":"32","measuredW":"51","properties":{"align":"center","color":"16776960","size":"18","text":"Yarn"},"typeID":"TextInput","w":"136","x":"76","y":"1051","zOrder":"42"},{"ID":"43","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16776960","size":"18","text":"npm"},"typeID":"TextInput","w":"136","x":"76","y":"1086","zOrder":"43"},{"ID":"44","measuredH":"30","measuredW":"204","properties":{"bold":"true","size":"18","text":"프레임워크를 선택하세요"},"typeID":"Label","x":"156","y":"1153","zOrder":"44"},{"ID":"45","h":"68","measuredH":"67","measuredW":"8","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":4,"y":0},"p1":{"x":0.5307907627711687,"y":0.09027291812456265},"p2":{"x":0,"y":67},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"9","x":"244","y":"1183","zOrder":"45"},{"ID":"46","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16776960","size":"18","text":"Angular"},"typeID":"TextInput","w":"136","x":"128","y":"1253","zOrder":"46"},{"ID":"47","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16776960","size":"18","text":"React"},"typeID":"TextInput","w":"136","x":"128","y":"1289","zOrder":"47"},{"ID":"48","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16770457","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"136","x":"128","y":"1324","zOrder":"48"},{"ID":"49","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"15658734","size":"18","text":"Preact"},"typeID":"TextInput","w":"136","x":"128","y":"1360","zOrder":"49"},{"ID":"50","h":"295","measuredH":"294","measuredW":"181","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":5,"y":294},"p1":{"x":0.4941991973732214,"y":0.2053265231667274},"p2":{"x":181,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"182","x":"240","y":"854","zOrder":"50"},{"ID":"51","measuredH":"30","measuredW":"54","properties":{"bold":"true","size":"18","text":"테스트"},"typeID":"Label","x":"363","y":"928","zOrder":"51"},{"ID":"52","h":"54","measuredH":"53","measuredW":"6","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":6,"y":0},"p1":{"x":0.4761061946902655,"y":-0.0584070796460177},"p2":{"x":2,"y":53},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"7","x":"393","y":"957","zOrder":"52"},{"ID":"53","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16770457","size":"18","text":"Jest"},"typeID":"TextInput","w":"162","x":"322","y":"1016","zOrder":"53"},{"ID":"54","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16770457","size":"18","text":"Mocha"},"typeID":"TextInput","w":"162","x":"323","y":"1051","zOrder":"54"},{"ID":"55","measuredH":"32","measuredW":"82","properties":{"align":"center","color":"15658734","size":"18","text":"Jasmine"},"typeID":"TextInput","w":"162","x":"323","y":"1086","zOrder":"55"},{"ID":"56","h":"68","measuredH":"67","measuredW":"30","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":67},"p1":{"x":0.5267395745703641,"y":0.050594880423026095},"p2":{"x":30,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"31","x":"407","y":"860","zOrder":"56"},{"ID":"57","measuredH":"30","measuredW":"140","properties":{"bold":"true","size":"18","text":"모듈 로더/번들러"},"typeID":"Label","x":"407","y":"1179","zOrder":"57"},{"ID":"58","measuredH":"32","measuredW":"87","properties":{"align":"center","color":"16776960","size":"18","text":"webpack"},"typeID":"TextInput","w":"180","x":"391","y":"1282","zOrder":"58"},{"ID":"59","measuredH":"32","measuredW":"158","properties":{"align":"center","color":"16777215","size":"18","text":"RequireJS / AMD"},"typeID":"TextInput","w":"180","x":"393","y":"1389","zOrder":"59"},{"ID":"60","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16777215","size":"18","text":"Browserify"},"typeID":"TextInput","w":"180","x":"393","y":"1424","zOrder":"60"},{"ID":"61","h":"60","measuredH":"59","measuredW":"8","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":8,"y":0},"p1":{"x":0.4313335228888257,"y":-0.07477964174011942},"p2":{"x":2,"y":59},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"9","x":"462","y":"1210","zOrder":"61"},{"ID":"62","measuredH":"32","measuredW":"116","properties":{"align":"center","color":"16770457","size":"18","text":"Semantic UI"},"typeID":"TextInput","w":"150","x":"713","y":"1054","zOrder":"62"},{"ID":"63","h":"316","measuredH":"315","measuredW":"40","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":18,"y":315},"p1":{"x":0.4105415423560257,"y":-0.09330078654732846},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"41","x":"475","y":"859","zOrder":"63"},{"ID":"64","h":"38","measuredH":"37","measuredW":"2","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.5090497737556562,"y":0.05995475113122172},"p2":{"x":0,"y":37},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"3","x":"778","y":"811","zOrder":"64"},{"ID":"65","h":"918","measuredH":"917","measuredW":"63","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":32,"y":0},"p1":{"x":0.4885713623052957,"y":0.04938508096555646},"p2":{"x":0,"y":917},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"64","x":"595","y":"758","zOrder":"65"},{"ID":"66","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"flag-checkered","size":"large"}},"typeID":"Icon","x":"560","y":"1687","zOrder":"66"},{"ID":"67","measuredH":"32","measuredW":"97","properties":{"align":"center","color":"15658734","size":"18","text":"Ember JS"},"typeID":"TextInput","w":"136","x":"128","y":"1396","zOrder":"67"},{"ID":"68","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"609","y":"547","zOrder":"68"},{"ID":"69","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"605","y":"731","zOrder":"69"},{"ID":"70","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"620","y":"1337","zOrder":"70"},{"ID":"71","measuredH":"32","measuredW":"51","properties":{"align":"center","color":"15658734","size":"18","text":"SVG"},"typeID":"TextInput","w":"103","x":"760","y":"1464","zOrder":"71"},{"ID":"72","h":"115","measuredH":"114","measuredW":"109","properties":{"color":"2848996","curvature":"1","direction":"top","p0":{"x":109,"y":114},"p1":{"x":0.4780721148048398,"y":0.07798367970414438},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"644","y":"1363","zOrder":"72"},{"ID":"73","measuredH":"32","measuredW":"38","properties":{"align":"center","color":"15658734","size":"18","text":"D3"},"typeID":"TextInput","w":"103","x":"907","y":"1462","zOrder":"73"},{"ID":"74","h":"3","measuredH":"2","measuredW":"39","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"length":39.01281840626232,"x":39,"y":1},"p1":{"length":0.5728876708569789,"x":0.5727916863486068,"y":-0.010486537553141256},"p2":{"length":2,"x":0,"y":2},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"40","x":"864","y":"1476","zOrder":"74"},{"ID":"75","h":"141","measuredH":"140","measuredW":"55","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":55,"y":0},"p1":{"x":0.4218088045680604,"y":-0.218548535641923},"p2":{"x":9,"y":140},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"56","x":"72","y":"1304","zOrder":"75"},{"ID":"76","measuredH":"32","measuredW":"47","properties":{"align":"center","color":"16777215","size":"18","text":"Flux"},"typeID":"TextInput","w":"136","x":"29","y":"1451","zOrder":"76"},{"ID":"77","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16776960","size":"18","text":"Redux"},"typeID":"TextInput","w":"136","x":"29","y":"1486","zOrder":"77"},{"ID":"78","h":"70","measuredH":"69","measuredW":"46","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4565634420389148,"y":0.0865990682378734},"p2":{"x":46,"y":69},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"47","x":"508","y":"860","zOrder":"78"},{"ID":"79","measuredH":"32","measuredW":"104","properties":{"align":"center","color":"16776960","size":"18","text":"TypeScript"},"typeID":"TextInput","w":"105","x":"528","y":"936","zOrder":"79"},{"ID":"80","measuredH":"36","measuredW":"110","properties":{"align":"center","color":"15658734","size":"18","text":"디자인 패턴"},"typeID":"TextInput","w":"177","x":"905","y":"1498","zOrder":"80"},{"ID":"81","measuredH":"36","measuredW":"104","properties":{"align":"center","color":"15658734","size":"18","text":"정규표현식"},"typeID":"TextInput","w":"177","x":"905","y":"1538","zOrder":"81"},{"ID":"82","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"CSS"},"typeID":"TextInput","w":"103","x":"760","y":"1427","zOrder":"82"},{"ID":"83","h":"90","measuredH":"89","measuredW":"109","properties":{"color":"2848996","curvature":"1","direction":"top","p0":{"x":109,"y":89},"p1":{"x":0.37703262296737705,"y":0.03262296737703262},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"645","y":"1349","zOrder":"83"},{"ID":"84","h":"91","measuredH":"90","measuredW":"104","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"length":104.00480758118827,"x":104,"y":1},"p1":{"length":0.5709985878340978,"x":0.5207877461706784,"y":-0.2341356673960613},"p2":{"length":90,"x":0,"y":90},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"105","x":"813","y":"1332","zOrder":"84"},{"ID":"85","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"15658734","size":"18","text":"Flexbox"},"typeID":"TextInput","w":"103","x":"925","y":"1350","zOrder":"85"},{"ID":"86","measuredH":"32","measuredW":"94","properties":{"align":"center","color":"15658734","size":"18","text":"Gradients"},"typeID":"TextInput","w":"103","x":"1032","y":"1350","zOrder":"86"},{"ID":"87","measuredH":"36","measuredW":"104","properties":{"align":"center","color":"16776960","size":"18","text":"고급 CSS3"},"typeID":"TextInput","w":"316","x":"926","y":"1316","zOrder":"87"},{"ID":"88","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"15658734","size":"18","text":"Rotate"},"typeID":"TextInput","w":"103","x":"925","y":"1385","zOrder":"88"},{"ID":"89","measuredH":"32","measuredW":"106","properties":{"align":"center","color":"15658734","size":"18","text":"Transforms"},"typeID":"TextInput","w":"103","x":"1032","y":"1385","zOrder":"89"},{"ID":"90","measuredH":"32","measuredW":"58","properties":{"align":"center","color":"15658734","size":"18","text":"Grids"},"typeID":"TextInput","w":"103","x":"1139","y":"1350","zOrder":"90"},{"ID":"91","measuredH":"32","measuredW":"58","properties":{"align":"center","color":"15658734","size":"18","text":"Skew"},"typeID":"TextInput","w":"103","x":"1139","y":"1385","zOrder":"91"},{"ID":"92","measuredH":"32","measuredW":"61","properties":{"align":"center","color":"15658734","size":"18","text":"Scale"},"typeID":"TextInput","w":"103","x":"925","y":"1419","zOrder":"92"},{"ID":"93","measuredH":"32","measuredW":"103","properties":{"align":"center","color":"15658734","size":"18","text":"Transitions"},"typeID":"TextInput","w":"103","x":"1032","y":"1419","zOrder":"93"},{"ID":"94","measuredH":"32","measuredW":"48","properties":{"align":"center","color":"15658734","size":"18","text":"..etc"},"typeID":"TextInput","w":"103","x":"1139","y":"1419","zOrder":"94"},{"ID":"95","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16776960","size":"18","text":"JavaScript"},"typeID":"TextInput","w":"103","x":"760","y":"1500","zOrder":"95"},{"ID":"96","h":"150","measuredH":"149","measuredW":"103","properties":{"color":"2848996","curvature":"1","direction":"top","p0":{"x":103,"y":149},"p1":{"x":0.39619018591892713,"y":0.1556537640963121},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"104","x":"649","y":"1368","zOrder":"96"},{"ID":"97","h":"4","measuredH":"3","measuredW":"34","properties":{"color":"2848996","curvature":"-1","direction":"top","p0":{"length":34.132096331752024,"x":34,"y":3},"p1":{"length":0.5728876708569789,"x":0.5727916863486068,"y":-0.010486537553141256},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"35","x":"863","y":"1516","zOrder":"97"},{"ID":"98","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"16776960","size":"18","text":"npm scripts"},"typeID":"TextInput","w":"120","x":"46","y":"834","zOrder":"98"},{"ID":"99","h":"160","measuredH":"159","measuredW":"55","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":55,"y":0},"p1":{"x":0.547975227880257,"y":-0.1968819007454881},"p2":{"x":17,"y":159},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"56","x":"775","y":"1265","zOrder":"99"},{"ID":"100","measuredH":"30","measuredW":"54","properties":{"bold":"true","size":"18","text":"방법론"},"typeID":"Label","x":"818","y":"1232","zOrder":"100"},{"ID":"101","h":"32","measuredH":"31","measuredW":"83","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"true","p0":{"x":83,"y":1},"p1":{"x":0.4532032353318783,"y":-0.07947104891513673},"p2":{"x":0,"y":31},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"84","x":"858","y":"1198","zOrder":"101"},{"ID":"102","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"15658734","size":"18","text":"OOCSS"},"typeID":"TextInput","w":"159","x":"958","y":"1177","zOrder":"102"},{"ID":"103","measuredH":"32","measuredW":"51","properties":{"align":"center","color":"16776960","size":"18","text":"BEM"},"typeID":"TextInput","w":"159","x":"958","y":"1140","zOrder":"103"},{"ID":"104","measuredH":"32","measuredW":"89","properties":{"align":"center","color":"15658734","size":"18","text":"SMACSS"},"typeID":"TextInput","w":"159","x":"958","y":"1213","zOrder":"104"},{"ID":"105","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"15658734","size":"18","text":"SUITCSS"},"typeID":"TextInput","w":"159","x":"958","y":"1105","zOrder":"105"},{"ID":"106","measuredH":"32","measuredW":"149","properties":{"align":"center","color":"15658734","size":"18","text":"Systematic CSS"},"typeID":"TextInput","w":"159","x":"958","y":"1247","zOrder":"106"},{"ID":"107","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"15658734","size":"18","text":"Flow"},"typeID":"TextInput","w":"105","x":"528","y":"971","zOrder":"107"},{"ID":"108","h":"58","measuredH":"57","measuredW":"72","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.4378769601930036,"y":-0.2822677925211098},"p2":{"x":72,"y":57},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"73","x":"831","y":"1533","zOrder":"108"},{"ID":"109","measuredH":"32","measuredW":"152","properties":{"align":"center","color":"15658734","size":"18","text":"GOF 디자인 패턴"},"typeID":"TextInput","w":"316","x":"905","y":"1576","zOrder":"109"},{"ID":"110","measuredH":"36","measuredW":"193","properties":{"align":"center","borderStyle":"rectangle","color":"15658734","size":"18","text":"다른 테스트 기법 학습"},"typeID":"TextInput","w":"316","x":"905","y":"1612","zOrder":"110"},{"ID":"111","h":"95","measuredH":"94","measuredW":"96","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5342344338577443,"y":-0.24772878351429203},"p2":{"x":96,"y":94},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"97","x":"805","y":"1531","zOrder":"111"},{"ID":"112","measuredH":"32","measuredW":"58","properties":{"align":"center","color":"16770457","size":"18","text":"rollup"},"typeID":"TextInput","w":"180","x":"391","y":"1317","zOrder":"112"},{"ID":"113","measuredH":"32","measuredW":"58","properties":{"align":"center","color":"16770457","size":"18","text":"Mobx"},"typeID":"TextInput","w":"136","x":"29","y":"1521","zOrder":"113"},{"ID":"114","measuredH":"32","measuredW":"81","properties":{"align":"center","color":"15658734","size":"18","text":"Enzyme"},"typeID":"TextInput","w":"162","x":"322","y":"1121","zOrder":"114"},{"ID":"115","h":"217","measuredH":"216","measuredW":"55","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.34289318755256515,"y":0.17569386038687973},"p2":{"x":42,"y":216},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"56","x":"267","y":"1271","zOrder":"115"},{"ID":"116","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"RxJS"},"typeID":"TextInput","w":"136","x":"221","y":"1496","zOrder":"116"},{"ID":"117","measuredH":"32","measuredW":"104","properties":{"align":"center","color":"16776960","size":"18","text":"TypeScript"},"typeID":"TextInput","w":"136","x":"221","y":"1530","zOrder":"117"},{"ID":"118","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16777215","size":"18","text":"Parcel"},"typeID":"TextInput","w":"180","x":"393","y":"1353","zOrder":"118"}]},"measuredH":"1735","measuredW":"1242","mockupH":"1497","mockupW":"1213","version":"1.0"}} \ No newline at end of file diff --git a/project-files/backend-map.json b/project/backend-map.json similarity index 100% rename from project-files/backend-map.json rename to project/backend-map.json diff --git a/project/devops-map.json b/project/devops-map.json new file mode 100644 index 000000000..8c5f5c9dc --- /dev/null +++ b/project/devops-map.json @@ -0,0 +1 @@ +{"mockup":{"controls":{"control":[{"ID":"0","measuredH":"40","measuredW":"128","properties":{"bold":"true","size":"32","text":"데브옵스"},"typeID":"Label","x":"652","y":"124","zOrder":"0"},{"ID":"1","h":"105","measuredH":"104","measuredW":"12","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":2,"y":0},"p1":{"x":0.46601941747572806,"y":0.10679611650485436},"p2":{"x":0,"y":104},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"13","x":"731","y":"16","zOrder":"1"},{"ID":"2","h":"147","measuredH":"146","measuredW":"10","properties":{"color":"2848996","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4251067223342871,"y":0.06558146080592954},"p2":{"x":1,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"715","y":"180","zOrder":"2"},{"ID":"3","h":"475","measuredH":"474","measuredW":"57","properties":{"color":"2848996","direction":"top","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.5501641704563411,"y":-0.03968184292311207},"p2":{"x":57,"y":474},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"58","x":"715","y":"336","zOrder":"3"},{"ID":"4","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"691","y":"312","zOrder":"4"},{"ID":"5","h":"45","measuredH":"44","measuredW":"106","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4809722749715154,"y":-0.1100645651348272},"p2":{"x":106,"y":44},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"107","x":"609","y":"296","zOrder":"5"},{"ID":"8","h":"71","measuredH":"70","measuredW":"32","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"y":0,"x":0,"length":0},"p1":{"y":0.031084861672365592,"x":0.6378613615169413,"length":0.6386183407493369},"p2":{"y":70,"x":32,"length":76.96752561957543},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"33","x":"489","y":"193","zOrder":"6"},{"ID":"9","measuredH":"32","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"운영체제"},"typeID":"TextInput","w":"158","x":"478","y":"264","zOrder":"7"},{"ID":"10","h":"87","measuredH":"86","measuredW":"105","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"true","p0":{"y":0,"x":0,"length":0},"p1":{"y":-0.16801701066832866,"x":0.4570883894856472,"length":0.4869902582973339},"p2":{"y":86,"x":105,"length":135.72398461583714},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"371","y":"191","zOrder":"8"},{"ID":"11","h":"73","measuredH":"72","measuredW":"189","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"true","p0":{"x":189,"y":37},"p1":{"x":0.4168473211520594,"y":-0.2650975534221121},"p2":{"x":0,"y":72},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"190","x":"719","y":"264","zOrder":"9"},{"ID":"12","measuredH":"32","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"클라우드"},"typeID":"TextInput","w":"168","x":"855","y":"303","zOrder":"10"},{"ID":"13","h":"50","measuredH":"49","measuredW":"82","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":82,"y":44},"p1":{"x":0.5978750804893754,"y":0.32034771410173857},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"83","x":"971","y":"340","zOrder":"11"},{"ID":"14","measuredH":"32","measuredW":"99","properties":{"align":"center","color":"15658734","size":"18","text":"Rackspace"},"typeID":"TextInput","w":"182","x":"1055","y":"368","zOrder":"12"},{"ID":"15","h":"88","measuredH":"87","measuredW":"98","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":98,"y":80},"p1":{"x":0.4653531598513011,"y":0.3410408921933086},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"99","x":"954","y":"343","zOrder":"13"},{"ID":"16","measuredH":"32","measuredW":"53","properties":{"align":"center","color":"16776960","size":"18","text":"AWS"},"typeID":"TextInput","w":"182","x":"1055","y":"407","zOrder":"14"},{"ID":"17","h":"120","measuredH":"119","measuredW":"123","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":123,"y":117},"p1":{"x":0.4960627165505897,"y":0.3117978511181885},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"124","x":"928","y":"342","zOrder":"15"},{"ID":"18","measuredH":"32","measuredW":"73","properties":{"align":"center","color":"15658734","size":"18","text":"Heroku"},"typeID":"TextInput","w":"182","x":"1055","y":"444","zOrder":"16"},{"ID":"19","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"15658734","size":"18","text":"Azure"},"typeID":"TextInput","w":"184","x":"1053","y":"482","zOrder":"17"},{"ID":"20","h":"156","measuredH":"155","measuredW":"146","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":146,"y":155},"p1":{"x":0.4960627165505897,"y":0.3117978511181885},"p2":{"x":4,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"147","x":"903","y":"342","zOrder":"18"},{"ID":"21","measuredH":"29","measuredW":"173","properties":{"align":"center","color":"15658734","size":"15","text":"Google Cloud Platform"},"typeID":"TextInput","w":"182","x":"1054","y":"519","zOrder":"19"},{"ID":"22","h":"193","measuredH":"192","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":165,"y":192},"p1":{"x":0.4960627165505896,"y":0.3117978511181884},"p2":{"x":7,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"884","y":"343","zOrder":"20"},{"ID":"23","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16776960","size":"18","text":"자동화"},"typeID":"TextInput","w":"168","x":"421","y":"423","zOrder":"21"},{"ID":"24","h":"103","measuredH":"102","measuredW":"122","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":102},"p1":{"x":0.36800437796424645,"y":-0.11087194454578624},"p2":{"x":122,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"123","x":"592","y":"336","zOrder":"22"},{"ID":"25","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"15658734","size":"18","text":"Chef"},"typeID":"TextInput","w":"116","x":"239","y":"514","zOrder":"23"},{"ID":"26","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"Ansible"},"typeID":"TextInput","w":"116","x":"361","y":"514","zOrder":"24"},{"ID":"27","measuredH":"32","measuredW":"73","properties":{"align":"center","color":"16770457","size":"18","text":"Puppet"},"typeID":"TextInput","w":"101","x":"483","y":"514","zOrder":"25"},{"ID":"28","h":"66","measuredH":"65","measuredW":"127","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":65},"p1":{"x":0.4645604016027265,"y":0.1022428959609447},"p2":{"x":127,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"292","y":"444","zOrder":"26"},{"ID":"29","h":"58","measuredH":"57","measuredW":"13","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":57},"p1":{"x":0.526916325336454,"y":-0.0026331187829139848},"p2":{"x":13,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"14","x":"439","y":"458","zOrder":"27"},{"ID":"30","h":"56","measuredH":"55","measuredW":"1","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"true","p0":{"x":1,"y":55},"p1":{"x":0.5083285468121769,"y":-0.00861573808156232},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"2","x":"518","y":"459","zOrder":"28"},{"ID":"31","measuredH":"32","measuredW":"184","properties":{"align":"center","color":"16776960","size":"18","text":"지속적인 배포 / 통합"},"typeID":"TextInput","w":"211","x":"803","y":"583","zOrder":"29"},{"ID":"32","h":"237","measuredH":"236","measuredW":"120","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":120,"y":236},"p1":{"x":0.3964277562200411,"y":-0.0786920794339192},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","text":""},"typeID":"Arrow","w":"121","x":"724","y":"346","zOrder":"30"},{"ID":"33","h":"20","measuredH":"19","measuredW":"89","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":89,"y":16},"p1":{"x":0.670906200317965,"y":0.14308426073131955},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"90","x":"939","y":"620","zOrder":"31"},{"ID":"34","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16770457","size":"18","text":"Jenkins"},"typeID":"TextInput","w":"182","x":"1032","y":"618","zOrder":"32"},{"ID":"35","measuredH":"32","measuredW":"59","properties":{"align":"center","color":"16770457","size":"18","text":"Travis"},"typeID":"TextInput","w":"184","x":"1030","y":"656","zOrder":"33"},{"ID":"36","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"CircleCI"},"typeID":"TextInput","w":"182","x":"1031","y":"693","zOrder":"34"},{"ID":"37","h":"54","measuredH":"53","measuredW":"124","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":124,"y":50},"p1":{"x":0.6424255985679123,"y":0.22678451555157753},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"125","x":"903","y":"618","zOrder":"35"},{"ID":"38","h":"92","measuredH":"91","measuredW":"145","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":145,"y":90},"p1":{"x":0.590366687383468,"y":0.2617775015537601},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"146","x":"884","y":"619","zOrder":"36"},{"ID":"39","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"15658734","size":"18","text":"Drone"},"typeID":"TextInput","w":"182","x":"1032","y":"732","zOrder":"37"},{"ID":"40","measuredH":"32","measuredW":"84","properties":{"align":"center","color":"15658734","size":"18","text":"Bamboo"},"typeID":"TextInput","w":"182","x":"1033","y":"769","zOrder":"38"},{"ID":"41","h":"129","measuredH":"128","measuredW":"167","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":167,"y":128},"p1":{"x":0.590366687383468,"y":0.2617775015537601},"p2":{"x":2,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"168","x":"861","y":"619","zOrder":"39"},{"ID":"42","h":"165","measuredH":"164","measuredW":"200","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":200,"y":164},"p1":{"x":0.5903666873834679,"y":0.2617775015537602},"p2":{"x":3,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"201","x":"831","y":"619","zOrder":"40"},{"ID":"43","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"749","y":"795","zOrder":"41"},{"ID":"44","h":"29","measuredH":"28","measuredW":"178","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.3805593199457928,"y":0.009301466058888753},"p2":{"x":178,"y":28},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"179","x":"590","y":"794","zOrder":"42"},{"ID":"45","measuredH":"32","measuredW":"147","properties":{"align":"center","color":"16776960","size":"18","text":"모니터링과 경보"},"typeID":"TextInput","w":"230","x":"355","y":"775","zOrder":"43"},{"ID":"46","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16770457","size":"18","text":"Nagios"},"typeID":"TextInput","w":"101","x":"154","y":"709","zOrder":"44"},{"ID":"47","measuredH":"32","measuredW":"98","properties":{"align":"center","color":"16770457","size":"18","text":"PagerDuty"},"typeID":"TextInput","w":"101","x":"231","y":"576","zOrder":"45"},{"ID":"48","measuredH":"32","measuredW":"83","properties":{"align":"center","color":"15658734","size":"18","text":"Graphite"},"typeID":"TextInput","w":"101","x":"460","y":"576","zOrder":"46"},{"ID":"49","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"15658734","size":"18","text":"Prometheus"},"typeID":"TextInput","w":"115","x":"531","y":"638","zOrder":"47"},{"ID":"50","measuredH":"32","measuredW":"126","properties":{"align":"center","color":"16770457","size":"18","text":"AppDynamics"},"typeID":"TextInput","w":"141","x":"114","y":"759","zOrder":"48"},{"ID":"51","h":"22","measuredH":"21","measuredW":"90","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.47438524590163944,"y":0.03176229508196722},"p2":{"x":90,"y":21},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"262","y":"776","zOrder":"49"},{"ID":"52","h":"43","measuredH":"42","measuredW":"91","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.49507591300779646,"y":0.04021337710299548},"p2":{"x":91,"y":42},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"92","x":"263","y":"740","zOrder":"50"},{"ID":"53","h":"163","measuredH":"162","measuredW":"38","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.5482477876106194,"y":-0.06428318584070783},"p2":{"x":38,"y":162},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"39","x":"400","y":"610","zOrder":"51"},{"ID":"54","h":"159","measuredH":"158","measuredW":"29","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":0},"p1":{"x":0.5482477876106193,"y":-0.06428318584070793},"p2":{"x":29,"y":158},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"30","x":"502","y":"615","zOrder":"52"},{"ID":"55","h":"103","measuredH":"102","measuredW":"7","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":0},"p1":{"x":0.5934629929767694,"y":-0.03484602917341978},"p2":{"x":7,"y":102},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"8","x":"563","y":"674","zOrder":"53"},{"ID":"56","h":"79","measuredH":"78","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":165,"y":78},"p1":{"x":0.49148815671119694,"y":-0.22077489422660493},"p2":{"x":0,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"778","y":"811","zOrder":"54"},{"ID":"57","measuredH":"32","measuredW":"86","properties":{"align":"center","color":"15658734","size":"18","text":"SaltStack"},"typeID":"TextInput","w":"116","x":"148","y":"449","zOrder":"55"},{"ID":"58","h":"29","measuredH":"29","measuredW":"147","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":28.51103198528034},"p1":{"x":0.4009012805068381,"y":0.023332046153599177},"p2":{"x":146.33333333333331,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"146","x":"276","y":"433","zOrder":"56"},{"ID":"59","measuredH":"32","measuredW":"66","properties":{"align":"center","color":"15658734","size":"18","text":"Packer"},"typeID":"TextInput","w":"116","x":"185","y":"368","zOrder":"57"},{"ID":"60","h":"68","measuredH":"69","measuredW":"146","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0.19283790167659495},"p1":{"x":0.4235225542717401,"y":0.09456679102949923},"p2":{"x":145.33333333333326,"y":68.37803669761603},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"145","x":"302","y":"346","zOrder":"58"},{"ID":"61","measuredH":"32","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"컨테이너"},"typeID":"TextInput","w":"168","x":"919","y":"892","zOrder":"59"},{"ID":"62","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16776960","size":"18","text":"Docker"},"typeID":"TextInput","w":"182","x":"1124","y":"822","zOrder":"60"},{"ID":"63","h":"55","measuredH":"54","measuredW":"103","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":103,"y":2},"p1":{"x":0.4799819725080749,"y":-0.16465109291669797},"p2":{"x":0,"y":54},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"104","x":"1014","y":"836","zOrder":"61"},{"ID":"64","measuredH":"32","measuredW":"115","properties":{"align":"center","color":"15658734","size":"18","text":"Digitalocean"},"typeID":"TextInput","w":"182","x":"1054","y":"555","zOrder":"62"},{"ID":"65","h":"229","measuredH":"228","measuredW":"189","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":189,"y":228},"p1":{"x":0.4815004659832246,"y":0.28685927306616965},"p2":{"x":5,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"190","x":"865","y":"343","zOrder":"63"},{"ID":"66","h":"842","measuredH":"841","measuredW":"89","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":36,"y":841},"p1":{"x":0.3964277562200411,"y":-0.07869207943391922},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","text":""},"typeID":"Arrow","w":"90","x":"774","y":"821","zOrder":"64"},{"ID":"67","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"flag-checkered","size":"large"}},"typeID":"Icon","x":"782","y":"1683","zOrder":"65"},{"ID":"68","measuredH":"32","measuredW":"35","properties":{"align":"center","color":"16770457","size":"18","text":"rkt"},"typeID":"TextInput","w":"182","x":"1124","y":"859","zOrder":"66"},{"ID":"69","h":"17","measuredH":"16","measuredW":"81","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":81,"y":1},"p1":{"x":0.6511936339522546,"y":-0.08355437665782496},"p2":{"x":0,"y":16},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"82","x":"1041","y":"875","zOrder":"67"},{"ID":"70","measuredH":"32","measuredW":"147","properties":{"align":"center","color":"16776960","size":"18","text":"클러스터 매니저"},"typeID":"TextInput","w":"168","x":"442","y":"961","zOrder":"68"},{"ID":"71","h":"153","measuredH":"152","measuredW":"155","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":152},"p1":{"x":0.34836852207293667,"y":-0.13339731285988485},"p2":{"x":155,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"156","x":"613","y":"821","zOrder":"69"},{"ID":"72","h":"12","measuredH":"11","measuredW":"105","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":11},"p1":{"x":0.5613096317794304,"y":0.0624886631598041},"p2":{"x":105,"y":5},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"338","y":"967","zOrder":"70"},{"ID":"73","measuredH":"32","measuredW":"106","properties":{"align":"center","color":"16770457","size":"18","text":"Kubernetes"},"typeID":"TextInput","w":"182","x":"152","y":"964","zOrder":"71"},{"ID":"74","h":"29","measuredH":"28","measuredW":"104","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":28},"p1":{"x":0.5482477876106191,"y":-0.0642831858407078},"p2":{"x":104,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"105","x":"341","y":"991","zOrder":"72"},{"ID":"75","measuredH":"32","measuredW":"115","properties":{"align":"center","color":"16770457","size":"18","text":"Mesosphere"},"typeID":"TextInput","w":"182","x":"152","y":"1004","zOrder":"73"},{"ID":"76","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16770457","size":"18","text":"Mesos"},"typeID":"TextInput","w":"182","x":"152","y":"1043","zOrder":"74"},{"ID":"77","h":"59","measuredH":"58","measuredW":"127","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":58},"p1":{"x":0.5482477876106192,"y":-0.06428318584070777},"p2":{"x":127,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"337","y":"994","zOrder":"75"},{"ID":"78","measuredH":"32","measuredW":"132","properties":{"align":"center","color":"16770457","size":"18","text":"Docker Swarm"},"typeID":"TextInput","w":"182","x":"244","y":"1083","zOrder":"76"},{"ID":"79","h":"89","measuredH":"88","measuredW":"65","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":88},"p1":{"x":0.6482871125611747,"y":-0.09004893964110934},"p2":{"x":65,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"66","x":"421","y":"996","zOrder":"77"},{"ID":"80","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"16770457","size":"18","text":"Nomad"},"typeID":"TextInput","w":"182","x":"453","y":"1083","zOrder":"78"},{"ID":"81","h":"86","measuredH":"85","measuredW":"10","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":1,"y":85},"p1":{"x":0.6420077749828493,"y":-0.11719643265492792},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"522","y":"996","zOrder":"79"},{"ID":"82","h":"119","measuredH":"118","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":1},"p1":{"x":0.4837905236907732,"y":0.17581047381546133},"p2":{"x":165,"y":118},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"303","y":"302","zOrder":"80"},{"ID":"83","measuredH":"32","measuredW":"92","properties":{"align":"center","color":"16770457","size":"18","text":"Terraform"},"typeID":"TextInput","w":"116","x":"185","y":"287","zOrder":"81"},{"ID":"84","measuredH":"29","measuredW":"166","properties":{"align":"center","color":"16770457","size":"15","text":"AWS Cloud Formation"},"typeID":"TextInput","w":"163","x":"475","y":"359","zOrder":"82"},{"ID":"85","h":"33","measuredH":"32","measuredW":"4","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":32},"p1":{"x":0.508328546812177,"y":-0.008615738081562331},"p2":{"x":4,"y":0},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"5","x":"526","y":"390","zOrder":"83"},{"ID":"86","h":"399","measuredH":"398","measuredW":"73","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":398},"p1":{"x":0.34351657882039666,"y":-0.009857511924902128},"p2":{"x":73,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"74","x":"699","y":"821","zOrder":"84"},{"ID":"87","measuredH":"32","measuredW":"171","properties":{"align":"center","color":"16776960","size":"18","text":"터미널에 대한 사랑"},"typeID":"TextInput","w":"177","x":"567","y":"1223","zOrder":"85"},{"ID":"88","h":"40","measuredH":"39","measuredW":"90","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":39},"p1":{"x":0.5247895229186157,"y":0.005924540068599915},"p2":{"x":90,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"476","y":"1240","zOrder":"86"},{"ID":"89","measuredH":"32","measuredW":"113","properties":{"align":"center","color":"16776960","size":"18","text":"Bash Scripts"},"typeID":"TextInput","w":"136","x":"338","y":"1261","zOrder":"87"},{"ID":"90","h":"66","measuredH":"65","measuredW":"105","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":65},"p1":{"x":0.5287804878048781,"y":-0.07902439024390241},"p2":{"x":105,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"476","y":"1255","zOrder":"88"},{"ID":"91","measuredH":"32","measuredW":"109","properties":{"align":"center","color":"16776960","size":"18","text":"Vim / Nano"},"typeID":"TextInput","w":"136","x":"337","y":"1304","zOrder":"89"},{"ID":"92","h":"110","measuredH":"109","measuredW":"131","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":109},"p1":{"x":0.5287804878048781,"y":-0.0790243902439025},"p2":{"x":131,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"132","x":"483","y":"1256","zOrder":"90"},{"ID":"93","measuredH":"32","measuredW":"75","properties":{"align":"center","color":"16776960","size":"18","text":"웹 서버"},"typeID":"TextInput","w":"138","x":"909","y":"961","zOrder":"91"},{"ID":"94","h":"138","measuredH":"137","measuredW":"127","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":127,"y":137},"p1":{"x":0.48035560653857184,"y":-0.1241755090335533},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"787","y":"823","zOrder":"92"},{"ID":"95","measuredH":"32","measuredW":"75","properties":{"align":"center","color":"16776960","size":"18","text":"Apache"},"typeID":"TextInput","w":"182","x":"1105","y":"946","zOrder":"93"},{"ID":"96","h":"11","measuredH":"10","measuredW":"57","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":57,"y":2},"p1":{"x":0.4965288258376094,"y":-0.08723211590703289},"p2":{"x":0,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"58","x":"1047","y":"962","zOrder":"94"},{"ID":"97","measuredH":"32","measuredW":"62","properties":{"align":"center","color":"16776960","size":"18","text":"Nginx"},"typeID":"TextInput","w":"182","x":"1106","y":"982","zOrder":"95"},{"ID":"98","h":"21","measuredH":"20","measuredW":"58","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":58,"y":20},"p1":{"x":0.4070138150903294,"y":0.019659936238044632},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"59","x":"1047","y":"981","zOrder":"96"},{"ID":"99","h":"185","measuredH":"140","measuredW":"180","properties":{"text":"차이점과 사용시기"},"typeID":"VCurly","w":"180","x":"1294","y":"940","zOrder":"97"},{"ID":"100","measuredH":"32","measuredW":"248","properties":{"align":"center","color":"16776960","size":"18","text":"역방향 프록시 설정 (Nginx ..)"},"typeID":"TextInput","w":"447","x":"997","y":"1234","zOrder":"98"},{"ID":"101","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"Tomcat"},"typeID":"TextInput","w":"182","x":"1105","y":"1020","zOrder":"99"},{"ID":"102","h":"48","measuredH":"47","measuredW":"61","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":61,"y":47},"p1":{"x":0.5247892074198989,"y":0.19123102866779093},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"62","x":"1045","y":"991","zOrder":"100"},{"ID":"103","measuredH":"32","measuredW":"35","properties":{"align":"center","color":"16770457","size":"18","text":"IIS"},"typeID":"TextInput","w":"182","x":"1106","y":"1058","zOrder":"101"},{"ID":"104","h":"79","measuredH":"78","measuredW":"78","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":78,"y":78},"p1":{"x":0.44230769230769235,"y":0.1858974358974359},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"79","x":"1028","y":"995","zOrder":"102"},{"ID":"105","measuredH":"48","measuredW":"48","properties":{"color":"2848996","icon":{"ID":"circle","size":"large"}},"typeID":"Icon","x":"831","y":"1220","zOrder":"103"},{"ID":"106","h":"10","measuredH":"8","measuredW":"138","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":138,"y":8},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"140","x":"857","y":"1244","zOrder":"104"},{"ID":"107","measuredH":"32","measuredW":"268","properties":{"align":"center","color":"16776960","size":"18","text":"캐시 서버 설정 (Squid, Nginx ..)"},"typeID":"TextInput","w":"446","x":"996","y":"1274","zOrder":"105"},{"ID":"108","h":"36","measuredH":"35","measuredW":"127","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":127,"y":35},"p1":{"x":0.5710499020398756,"y":0.07076178402673736},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"128","x":"867","y":"1254","zOrder":"106"},{"ID":"109","measuredH":"32","measuredW":"349","properties":{"align":"center","color":"16776960","size":"18","text":"로드 밸런서 서버 설정 (HAProxy, Nginx ..)"},"typeID":"TextInput","w":"444","x":"995","y":"1312","zOrder":"107"},{"ID":"110","h":"72","measuredH":"71","measuredW":"126","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":126,"y":71},"p1":{"x":0.5375099057849784,"y":0.14083824953773005},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"127","x":"866","y":"1255","zOrder":"108"},{"ID":"111","measuredH":"32","measuredW":"491","properties":{"align":"center","color":"16776960","size":"18","text":"소스에서 앱 컴파일하기 (gcc, make 그리고 기타 관련 항목)"},"typeID":"TextInput","w":"550","x":"140","y":"1145","zOrder":"109"},{"ID":"112","h":"115","measuredH":"114","measuredW":"139","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":139,"y":114},"p1":{"x":0.5375099057849785,"y":0.14083824953773005},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"140","x":"859","y":"1256","zOrder":"110"},{"ID":"113","measuredH":"32","measuredW":"255","properties":{"align":"center","color":"16776960","size":"18","text":"다른 파일 시스템에 대한 지식"},"typeID":"TextInput","w":"447","x":"994","y":"1195","zOrder":"111"},{"ID":"114","measuredH":"32","measuredW":"292","properties":{"align":"center","color":"16776960","size":"18","text":"OSI Model. TCP/IP/UDP 공통 포트"},"typeID":"TextInput","w":"447","x":"992","y":"1159","zOrder":"112"},{"ID":"115","h":"27","measuredH":"26","measuredW":"129","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":129,"y":1},"p1":{"x":0.5491329479768786,"y":-0.06936416184971098},"p2":{"x":0,"y":26},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"130","x":"864","y":"1214","zOrder":"113"},{"ID":"116","h":"57","measuredH":"56","measuredW":"129","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":129,"y":0},"p1":{"x":0.5491329479768786,"y":-0.06936416184971089},"p2":{"x":0,"y":56},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"130","x":"860","y":"1178","zOrder":"114"},{"ID":"117","h":"56","measuredH":"55","measuredW":"157","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.3992980660256645,"y":-0.16711146857748693},"p2":{"x":157,"y":52},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"158","x":"407","y":"1176","zOrder":"115"},{"ID":"118","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"16776960","size":"18","text":"방화벽 설정"},"typeID":"TextInput","w":"439","x":"999","y":"1352","zOrder":"116"},{"ID":"119","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"16776960","size":"18","text":"명령어/도구"},"typeID":"TextInput","w":"166","x":"315","y":"1348","zOrder":"117"},{"ID":"120","h":"87","measuredH":"86","measuredW":"92","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":1,"y":86},"p1":{"x":0.4916028285209192,"y":0.27357100766057746},"p2":{"x":92,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"93","x":"222","y":"1365","zOrder":"118"},{"ID":"121","h":"132","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"awk, sed, grep, sort, uniq, cat, cut, echo, fmt, tr, nl, egrep, fgrep, wc ..기타"},"typeID":"TextArea","w":"185","x":"148","y":"1479","zOrder":"119"},{"ID":"122","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"16776960","size":"18","text":"문자 다루기"},"typeID":"TextInput","w":"184","x":"149","y":"1452","zOrder":"120"},{"ID":"123","h":"47","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"ps, top, htop, atop ..기타"},"typeID":"TextArea","w":"194","x":"336","y":"1483","zOrder":"121"},{"ID":"124","measuredH":"32","measuredW":"165","properties":{"align":"center","color":"16776960","size":"18","text":"프로세스 모니터링"},"typeID":"TextInput","w":"194","x":"337","y":"1456","zOrder":"122"},{"ID":"125","h":"55","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"nmon, iostat, sar, vmstat ..기타"},"typeID":"TextArea","w":"196","x":"336","y":"1563","zOrder":"123"},{"ID":"126","measuredH":"32","measuredW":"111","properties":{"align":"center","color":"16776960","size":"18","text":"시스템 성능"},"typeID":"TextInput","w":"194","x":"337","y":"1536","zOrder":"124"},{"ID":"127","h":"135","measuredH":"140","measuredW":"200","properties":{"size":"17","text":"nmap, tcpdump, ping, mtr, traceroute, airmon, airodump ..기타"},"typeID":"TextArea","w":"194","x":"539","y":"1483","zOrder":"125"},{"ID":"128","measuredH":"32","measuredW":"86","properties":{"align":"center","color":"16776960","size":"18","text":"네트워크"},"typeID":"TextInput","w":"194","x":"540","y":"1456","zOrder":"126"},{"ID":"129","h":"72","measuredH":"71","measuredW":"11","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"length":71.449282711585,"x":8,"y":71},"p1":{"length":0.5195492659651598,"x":0.5098922624877571,"y":-0.09970617042115572},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"12","x":"400","y":"1382","zOrder":"127"},{"ID":"130","h":"70","measuredH":"69","measuredW":"92","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"true","p0":{"x":92,"y":69},"p1":{"x":0.43017301038062294,"y":-0.0665743944636678},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"93","x":"449","y":"1384","zOrder":"128"},{"ID":"131","measuredH":"32","measuredW":"426","properties":{"align":"center","color":"16776960","size":"18","text":"TLS, STARTTLS, SSL, HTTPS, SCP, SSH, SFTP, FTPS .."},"typeID":"TextInput","w":"438","x":"1005","y":"1392","zOrder":"129"},{"ID":"132","measuredH":"32","measuredW":"297","properties":{"align":"center","color":"16776960","size":"18","text":"좋지 않은 문제 발생시의 사후 분석"},"typeID":"TextInput","w":"439","x":"1004","y":"1428","zOrder":"130"},{"ID":"133","h":"152","measuredH":"151","measuredW":"147","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":147,"y":151},"p1":{"x":0.4908858561990645,"y":0.18756329266528424},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"148","x":"857","y":"1255","zOrder":"131"},{"ID":"134","h":"190","measuredH":"189","measuredW":"147","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":147,"y":189},"p1":{"x":0.4908858561990649,"y":0.18756329266528457},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"148","x":"855","y":"1255","zOrder":"132"},{"ID":"135","measuredH":"32","measuredW":"66","properties":{"align":"center","color":"16770457","size":"18","text":"Caddy"},"typeID":"TextInput","w":"182","x":"1106","y":"1093","zOrder":"133"},{"ID":"136","h":"115","measuredH":"114","measuredW":"94","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":94,"y":114},"p1":{"x":0.44230769230769235,"y":0.1858974358974359},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"95","x":"1010","y":"995","zOrder":"134"},{"ID":"137","measuredH":"32","measuredW":"45","properties":{"align":"center","color":"15658734","size":"18","text":"LXC"},"typeID":"TextInput","w":"182","x":"1124","y":"894","zOrder":"135"},{"ID":"138","h":"2","measuredH":"1","measuredW":"37","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":37,"y":1},"p1":{"x":0.578546712802768,"y":0.015224913494809686},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"38","x":"1087","y":"909","zOrder":"136"},{"ID":"139","measuredH":"32","measuredW":"134","properties":{"align":"center","color":"15658734","size":"18","text":"Cloud Foundry"},"typeID":"TextInput","w":"182","x":"1055","y":"331","zOrder":"137"},{"ID":"140","h":"18","measuredH":"17","measuredW":"61","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":61,"y":4},"p1":{"x":0.59004549103559,"y":0.2518062617072518},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"62","x":"995","y":"339","zOrder":"138"},{"ID":"141","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"15658734","size":"18","text":"Zabbix"},"typeID":"TextInput","w":"103","x":"606","y":"683","zOrder":"139"},{"ID":"142","h":"61","measuredH":"60","measuredW":"45","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":45,"y":0},"p1":{"x":0.5573333333333333,"y":0.034666666666666665},"p2":{"x":0,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"46","x":"582","y":"718","zOrder":"140"},{"ID":"143","measuredH":"32","measuredW":"66","properties":{"align":"center","color":"16770457","size":"18","text":"Munin"},"typeID":"TextInput","w":"101","x":"348","y":"576","zOrder":"141"},{"ID":"144","h":"163","measuredH":"162","measuredW":"114","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.5402140672782875,"y":0.039602446483180426},"p2":{"x":114,"y":162},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"115","x":"280","y":"613","zOrder":"142"},{"ID":"145","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"16770457","size":"18","text":"New Relic"},"typeID":"TextInput","w":"101","x":"154","y":"650","zOrder":"143"},{"ID":"146","h":"87","measuredH":"86","measuredW":"105","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4950759130077962,"y":0.040213377102995426},"p2":{"x":105,"y":86},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"106","x":"262","y":"687","zOrder":"144"},{"ID":"147","measuredH":"32","measuredW":"251","properties":{"align":"center","color":"16776960","size":"18","text":"Log Management & Analysis"},"typeID":"TextInput","w":"255","x":"355","y":"847","zOrder":"145"},{"ID":"148","h":"41","measuredH":"40","measuredW":"156","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":40},"p1":{"x":0.3805593199457928,"y":0.009301466058888753},"p2":{"x":156,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"157","x":"615","y":"824","zOrder":"146"},{"ID":"149","measuredH":"32","measuredW":"89","properties":{"align":"center","color":"15658734","size":"18","text":"Papertrail"},"typeID":"TextInput","w":"115","x":"147","y":"809","zOrder":"147"},{"ID":"150","measuredH":"32","measuredW":"44","properties":{"align":"center","color":"16776960","size":"18","text":"ELK"},"typeID":"TextInput","w":"115","x":"147","y":"846","zOrder":"148"},{"ID":"151","measuredH":"32","measuredW":"78","properties":{"align":"center","color":"15658734","size":"18","text":"Graylog"},"typeID":"TextInput","w":"115","x":"148","y":"883","zOrder":"149"},{"ID":"152","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"15658734","size":"18","text":"Splunk"},"typeID":"TextInput","w":"115","x":"148","y":"919","zOrder":"150"},{"ID":"153","h":"22","measuredH":"21","measuredW":"90","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.47438524590163944,"y":0.031762295081967214},"p2":{"x":90,"y":21},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"91","x":"269","y":"827","zOrder":"151"},{"ID":"154","h":"9","measuredH":"8","measuredW":"86","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":8},"p1":{"x":0.47438524590163944,"y":0.031762295081967214},"p2":{"x":86,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"87","x":"267","y":"857","zOrder":"152"},{"ID":"155","h":"24","measuredH":"23","measuredW":"84","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":23},"p1":{"x":0.47438524590163944,"y":0.03176229508196722},"p2":{"x":84,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"85","x":"266","y":"875","zOrder":"153"},{"ID":"156","h":"54","measuredH":"53","measuredW":"96","properties":{"color":"2848996","direction":"bottom","leftArrow":"true","p0":{"x":0,"y":53},"p1":{"x":0.5139593094153135,"y":-0.07566908414094088},"p2":{"x":96,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"97","x":"267","y":"884","zOrder":"154"},{"ID":"157","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"15658734","size":"18","text":"CF Engine"},"typeID":"TextInput","w":"116","x":"185","y":"327","zOrder":"155"},{"ID":"158","h":"39","measuredH":"40","measuredW":"120","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"x":0,"y":0},"p1":{"x":0.4316714619247889,"y":0.05426183807392579},"p2":{"x":119.99999999999984,"y":39.18789348884052},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"120","x":"303","y":"385","zOrder":"156"},{"ID":"159","measuredH":"32","measuredW":"100","properties":{"align":"center","color":"16770457","size":"18","text":"Powershell"},"typeID":"TextInput","w":"101","x":"582","y":"471","zOrder":"157"},{"ID":"160","h":"27","measuredH":"26","measuredW":"40","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"true","p0":{"x":40,"y":26},"p1":{"x":0.5977695167286246,"y":0.2171003717472119},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"41","x":"543","y":"460","zOrder":"158"},{"ID":"181","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16770457","size":"18","text":"Unix"},"typeID":"TextInput","w":"123","x":"436","y":"154","zOrder":"159"},{"ID":"182","measuredH":"32","measuredW":"56","properties":{"align":"center","color":"16776960","size":"18","text":"Linux"},"typeID":"TextInput","w":"106","x":"314","y":"155","zOrder":"160"},{"ID":"183","h":"139","measuredH":"139","measuredW":"165","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":7.140589153878835,"x":0,"length":7.140589153878835},"p1":{"y":0.41337374864915305,"x":0.5845917147772803,"length":0.7159785814243986},"p2":{"y":138.50040635956142,"x":153,"length":206.37674908226373},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"260","y":"16","zOrder":"161"},{"ID":"184","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"15658734","size":"18","text":"Debian"},"typeID":"TextInput","w":"182","x":"78","y":"44","zOrder":"162"},{"ID":"185","measuredH":"32","measuredW":"57","properties":{"align":"center","color":"16776960","size":"18","text":"RHEL"},"typeID":"TextInput","w":"182","x":"78","y":"83","zOrder":"163"},{"ID":"186","measuredH":"32","measuredW":"75","properties":{"align":"center","color":"16770457","size":"18","text":"Ubuntu"},"typeID":"TextInput","w":"182","x":"78","y":"7","zOrder":"164"},{"ID":"187","measuredH":"32","measuredW":"71","properties":{"align":"center","color":"16770457","size":"18","text":"Fedora"},"typeID":"TextInput","w":"182","x":"78","y":"160","zOrder":"165"},{"ID":"188","measuredH":"32","measuredW":"247","properties":{"align":"center","color":"14540253","size":"18","text":"SUSE Linux Enterprise Server"},"typeID":"TextInput","w":"182","x":"78","y":"199","zOrder":"166"},{"ID":"189","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"16776960","size":"18","text":"CentOS"},"typeID":"TextInput","w":"182","x":"78","y":"123","zOrder":"167"},{"ID":"190","h":"108","measuredH":"109","measuredW":"150","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":14.76258256998578,"x":0,"length":14.76258256998578},"p1":{"y":0.45608857150906074,"x":0.635755435994368,"length":0.7824332300315245},"p2":{"y":108.1745642656242,"x":139,"length":176.13272368886385},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"151","x":"260","y":"45","zOrder":"168"},{"ID":"191","h":"88","measuredH":"88","measuredW":"138","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":31.612226884082187,"x":0,"length":31.612226884082187},"p1":{"y":0.5362161786561891,"x":0.7123075700107392,"length":0.891577178121586},"p2":{"y":87.76006636460237,"x":127,"length":154.3723720369659},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"138","x":"260","y":"66","zOrder":"169"},{"ID":"192","h":"66","measuredH":"67","measuredW":"114","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":49.99582031084772,"x":0,"length":49.99582031084772},"p1":{"y":0.6218440844053368,"x":0.8782528511140242,"length":1.0761125107533245},"p2":{"y":66.32610600074665,"x":103,"length":122.50776439565894},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"114","x":"262","y":"86","zOrder":"170"},{"ID":"193","h":"34","measuredH":"34","measuredW":"83","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":20,"x":0,"length":20},"p1":{"y":-0.3016166281755197,"x":0.5893764434180139,"length":0.66207037575173},"p2":{"y":0,"x":83,"length":83},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"83","x":"262","y":"192","zOrder":"171"},{"ID":"194","h":"32","measuredH":"32","measuredW":"66","properties":{"color":"2848996","direction":"top","leftArrow":"true","p0":{"y":0,"x":0,"length":0},"p1":{"y":-0.3299075615777688,"x":0.6738818395820179,"length":0.7503037604228262},"p2":{"y":15,"x":66,"length":67.68308503607086},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"66","x":"261","y":"175","zOrder":"172"},{"ID":"195","measuredH":"32","measuredW":"94","properties":{"align":"center","color":"15658734","size":"18","text":"OpenBSD"},"typeID":"TextInput","w":"182","x":"489","y":"50","zOrder":"173"},{"ID":"196","measuredH":"32","measuredW":"83","properties":{"align":"center","color":"16776960","size":"18","text":"FreeBSD"},"typeID":"TextInput","w":"182","x":"489","y":"86","zOrder":"174"},{"ID":"197","h":"120","measuredH":"121","measuredW":"43","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"y":120.28509834259818,"x":0.37194445306094703,"length":120.28567340279838},"p1":{"y":0.18755261078510266,"x":0.7330307211818291,"length":0.7566439189002054},"p2":{"y":0.9511701806596434,"x":42.22027510351579,"length":42.23098808374167},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"42","x":"443","y":"30","zOrder":"175"},{"ID":"198","h":"85","measuredH":"85","measuredW":"35","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"y":84.97654962079596,"x":0.5209063513739427,"length":84.97814618407783},"p1":{"y":0.2364360764429079,"x":0.7501173426178009,"length":0.7864973273570025},"p2":{"y":2.291084628503953,"x":34.831999470910155,"length":34.907266520259824},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"35","x":"451","y":"66","zOrder":"176"},{"ID":"199","measuredH":"32","measuredW":"79","properties":{"align":"center","color":"15658734","size":"18","text":"NetBSD"},"typeID":"TextInput","w":"182","x":"489","y":"14","zOrder":"177"},{"ID":"200","h":"49","measuredH":"50","measuredW":"28","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"y":49.03588599132546,"x":5.674355817502274,"length":49.363107974456895},"p1":{"y":0.3728774203178329,"x":0.6662958840913948,"length":0.7635363617667565},"p2":{"y":0.9734365918457344,"x":27.03314058509121,"length":27.050661150730672},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"27","x":"458","y":"103","zOrder":"178"}]},"measuredH":"1731","measuredW":"1474","mockupH":"1724","mockupW":"1396","version":"1.0"}} \ No newline at end of file diff --git a/project/disclaimer.json b/project/disclaimer.json new file mode 100644 index 000000000..54019611a --- /dev/null +++ b/project/disclaimer.json @@ -0,0 +1 @@ +{"mockup":{"controls":{"control":[{"ID":"0","h":"274","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"911","x":"223","y":"170","zOrder":"0"},{"ID":"1","measuredH":"40","measuredW":"128","properties":{"bold":"true","size":"32","state":"up","text":"면책조항"},"typeID":"Label","x":"245","y":"190","zOrder":"1"},{"ID":"2","locked":"true","measuredH":"32","measuredW":"600","properties":{"bold":"false","markup":"true","size":"24","text":"이 로드맵의 목적은 경치에 대한 아이디어를 제공하고"},"typeID":"Label","x":"245","y":"246","zOrder":"2"},{"ID":"3","measuredH":"32","measuredW":"624","properties":{"size":"24","text":"다음에 무엇을 배워야 할지 혼란스러울 경우와 트렌드에"},"typeID":"Label","w":"867","x":"245","y":"282","zOrder":"3"},{"ID":"4","measuredH":"32","measuredW":"168","properties":{"bold":"false","size":"24","text":"뒤떨어진 것을 "},"typeID":"Label","x":"884","y":"282","zOrder":"4"},{"ID":"5","measuredH":"32","measuredW":"696","properties":{"bold":"true","size":"24","text":"생각되는지에 대한 이해를 넓혀 가야 하며 유행에 따른 도구를"},"typeID":"Label","x":"245","y":"356","zOrder":"5"},{"ID":"6","measuredH":"32","measuredW":"744","properties":{"bold":"true","size":"24","text":"기억하는 것이 결코 직업에 가장 적합하지 않음을 기억해야합니다."},"typeID":"Label","w":"748","x":"245","y":"396","zOrder":"6"},{"ID":"9","measuredH":"32","measuredW":"480","properties":{"bold":"true","size":"24","text":"왜 어떤 도구가 다른 도구보다 적합하다고 "},"typeID":"Label","w":"477","x":"636","y":"317","zOrder":"7"},{"ID":"10","measuredH":"32","measuredW":"384","properties":{"bold":"false","size":"24","text":"배우지 않도록 안내하는 것입니다."},"typeID":"Label","x":"245","y":"317","zOrder":"8"}]},"measuredH":"444","measuredW":"1134","mockupH":"274","mockupW":"911","version":"1.0"}} \ No newline at end of file diff --git a/project/frontend-map.json b/project/frontend-map.json new file mode 100644 index 000000000..92a3f828d --- /dev/null +++ b/project/frontend-map.json @@ -0,0 +1 @@ +{"mockup":{"controls":{"control":[{"ID":"0","h":"147","measuredH":"146","measuredW":"14","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":14,"x":14,"y":0},"p1":{"length":0.5865162746954035,"x":0.5864611260053622,"y":0.008042895442359291},"p2":{"length":146,"x":0,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"15","x":"871","y":"3443","zOrder":"0"},{"ID":"1","h":"105","measuredH":"104","measuredW":"33","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":2,"y":0},"p1":{"x":0.6327349725048985,"y":0.3148663169205486},"p2":{"x":0,"y":104},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"34","x":"783","y":"1949","zOrder":"1"},{"ID":"2","h":"147","measuredH":"146","measuredW":"14","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":14,"x":14,"y":0},"p1":{"length":0.5865162746954035,"x":0.5864611260053622,"y":0.008042895442359291},"p2":{"length":146,"x":0,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"15","x":"865","y":"3635","zOrder":"2"},{"ID":"3","h":"4","measuredH":"3","measuredW":"75","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":75.05997601918082,"x":75,"y":3},"p1":{"length":0.3617013511163557,"x":0.36110618684630386,"y":-0.02074100336819713},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"76","x":"210","y":"3624","zOrder":"3"},{"ID":"4","h":"29","measuredH":"28","measuredW":"204","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":204,"x":204,"y":0},"p1":{"length":0.5395274381637952,"x":0.539516737981374,"y":0.003397936068462103},"p2":{"length":28,"x":0,"y":28},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"205","x":"375","y":"3596","zOrder":"4"},{"ID":"5","h":"5","measuredH":"4","measuredW":"75","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":75.1065909225016,"x":75,"y":4},"p1":{"length":0.3617013511163557,"x":0.36110618684630386,"y":-0.020741003368197126},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"76","x":"199","y":"3585","zOrder":"5"},{"ID":"6","h":"7","measuredH":"6","measuredW":"81","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":81.2219182240853,"x":81,"y":6},"p1":{"length":0.39570990272974865,"x":0.3956343792633015,"y":-0.007730786721236948},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"82","x":"193","y":"3544","zOrder":"6"},{"ID":"7","h":"36","measuredH":"35","measuredW":"89","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":95.63472172804184,"x":89,"y":35},"p1":{"length":0.4141690643745274,"x":0.3787677176742842,"y":-0.1675441133931154},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"90","x":"182","y":"3502","zOrder":"7"},{"ID":"8","h":"2","measuredH":"1","measuredW":"190","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":190,"x":190,"y":0},"p1":{"length":0.5395274381637957,"x":0.5395167379813743,"y":0.003397936068462092},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"191","x":"379","y":"3586","zOrder":"8"},{"ID":"9","h":"30","measuredH":"29","measuredW":"176","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":178.3732042656632,"x":176,"y":29},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684620896},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"177","x":"383","y":"3547","zOrder":"9"},{"ID":"10","h":"15","measuredH":"14","measuredW":"207","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":207,"x":207,"y":0},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684621147},"p2":{"length":14,"x":0,"y":14},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"208","x":"370","y":"3421","zOrder":"10"},{"ID":"11","h":"15","measuredH":"14","measuredW":"191","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":191.51240168720145,"x":191,"y":14},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.003397936068461866},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"192","x":"376","y":"3397","zOrder":"11"},{"ID":"12","h":"1","measuredH":"0","measuredW":"175","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":175,"x":175,"y":0},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684621178},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"176","x":"384","y":"3101","zOrder":"12"},{"ID":"13","h":"3","measuredH":"2","measuredW":"131","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":131,"x":131,"y":0},"p1":{"length":0.4605263157894736,"x":0.4605263157894736,"y":-1.821373747360583e-17},"p2":{"length":2,"x":0,"y":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"132","x":"374","y":"2763","zOrder":"13"},{"ID":"14","h":"11","measuredH":"10","measuredW":"93","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":93.02150289046077,"x":93,"y":2},"p1":{"length":0.4073634704711659,"x":0.40573434757167937,"y":-0.03639555295494441},"p2":{"length":10,"x":0,"y":10},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"94","x":"235","y":"2617","zOrder":"14"},{"ID":"15","h":"300","measuredH":"299","measuredW":"17","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5696153116878772,"y":0.0196861371672039},"p2":{"x":16,"y":299},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"18","x":"796","y":"2625","zOrder":"15"},{"ID":"16","h":"3","measuredH":"2","measuredW":"216","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":2,"x":0,"y":2},"p1":{"length":0.4738906925817149,"x":0.47388515577275514,"y":0.00229077580940742},"p2":{"length":216.00231480241132,"x":216,"y":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"217","x":"846","y":"2591","zOrder":"16"},{"ID":"17","h":"158","measuredH":"157","measuredW":"1","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4613486124774123,"x":0.46125955702687793,"y":0.009064396626468038},"p2":{"length":157,"x":0,"y":157},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"166","y":"2703","zOrder":"17"},{"ID":"18","h":"92","measuredH":"91","measuredW":"8","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":8,"x":8,"y":0},"p1":{"length":0.4472135954999579,"x":0.4461538461538461,"y":-0.03076923076923077},"p2":{"length":91.00549433962765,"x":1,"y":91},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"9","x":"377","y":"2679","zOrder":"18"},{"ID":"19","h":"50","measuredH":"49","measuredW":"110","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":110,"x":110,"y":0},"p1":{"length":0.4738906925817146,"x":0.4738851557727549,"y":0.002290775809407395},"p2":{"length":49,"x":0,"y":49},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"111","x":"466","y":"2607","zOrder":"19"},{"ID":"20","h":"41","measuredH":"40","measuredW":"125","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":125,"x":125,"y":0},"p1":{"length":0.4738906925817148,"x":0.4738851557727551,"y":0.0022907758094072093},"p2":{"length":40,"x":0,"y":40},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"126","x":"459","y":"2578","zOrder":"20"},{"ID":"21","h":"96","measuredH":"95","measuredW":"88","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":129.49517365523704,"x":88,"y":95},"p1":{"length":0.5172220165005103,"x":0.45524634313777257,"y":0.2454982309763954},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"89","x":"238","y":"2482","zOrder":"21"},{"ID":"22","h":"208","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"231","x":"153","y":"2287","zOrder":"22"},{"ID":"23","h":"11","measuredH":"10","measuredW":"114","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":114,"x":114,"y":0},"p1":{"length":0.47389069258171473,"x":0.47388515577275503,"y":0.002290775809407418},"p2":{"length":10,"x":0,"y":10},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"115","x":"460","y":"2568","zOrder":"23"},{"ID":"24","h":"116","measuredH":"115","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":1,"x":1,"y":0},"p1":{"length":0.5526834034990115,"x":0.5380311507636474,"y":0.12641766218055345},"p2":{"length":115,"x":0,"y":115},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"763","y":"2448","zOrder":"24"},{"ID":"25","h":"244","measuredH":"243","measuredW":"52","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":52,"x":52,"y":0},"p1":{"length":0.5130043099795483,"x":0.471276613180796,"y":-0.2026617278284945},"p2":{"length":247.50353532828575,"x":47,"y":243},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"53","x":"657","y":"2103","zOrder":"25"},{"ID":"26","h":"23","measuredH":"22","measuredW":"146","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":147.648230602334,"x":146,"y":22},"p1":{"length":0.4526052199748856,"x":0.4467326732673264,"y":-0.07267326732673271},"p2":{"length":3,"x":0,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"147","x":"800","y":"2172","zOrder":"26"},{"ID":"27","h":"68","measuredH":"67","measuredW":"2","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":1,"x":1,"y":0},"p1":{"length":0.5184985808036734,"x":0.517950123321458,"y":0.023842148533844896},"p2":{"length":67,"x":0,"y":67},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"3","x":"781","y":"2095","zOrder":"27"},{"ID":"28","h":"12","measuredH":"11","measuredW":"142","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":142.35167719419397,"x":142,"y":10},"p1":{"length":0.5208523098853179,"x":0.5196039603960396,"y":0.03603960396039605},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"143","x":"340","y":"2051","zOrder":"28"},{"ID":"29","h":"12","measuredH":"11","measuredW":"112","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":112.53888216967503,"x":112,"y":11},"p1":{"length":0.6104697104089052,"x":0.6096633663366336,"y":-0.031366336633663366},"p2":{"length":2,"x":0,"y":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"113","x":"603","y":"2058","zOrder":"29"},{"ID":"30","h":"140","measuredH":"139","measuredW":"111","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5522448742292186,"x":0.5380822956829531,"y":0.12426521711649068},"p2":{"length":177.88198334851114,"x":111,"y":139},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"112","x":"607","y":"1670","zOrder":"30"},{"ID":"31","h":"116","measuredH":"115","measuredW":"22","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":117.08543888972702,"x":22,"y":115},"p1":{"length":0.5349115625926845,"x":0.5263097382439734,"y":0.09554286590273256},"p2":{"length":5,"x":5,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"23","x":"332","y":"1499","zOrder":"31"},{"ID":"32","h":"80","measuredH":"79","measuredW":"67","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":67,"x":67,"y":0},"p1":{"length":0.5230534443633628,"x":0.5075471698113209,"y":-0.1264150943396224},"p2":{"length":79,"x":0,"y":79},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"68","x":"805","y":"1202","zOrder":"32"},{"ID":"33","h":"97","measuredH":"96","measuredW":"21","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":11,"x":11,"y":0},"p1":{"length":0.5588009305954578,"x":0.5354229282954058,"y":-0.15993988836410478},"p2":{"length":98.2700361249552,"x":21,"y":96},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"22","x":"559","y":"1515","zOrder":"33"},{"ID":"34","h":"8","measuredH":"7","measuredW":"204","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":204.00980368599937,"x":204,"y":2},"p1":{"length":0.4189940316033579,"x":0.4186861064441723,"y":-0.01606059743144346},"p2":{"length":7,"x":0,"y":7},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"205","x":"815","y":"1655","zOrder":"34"},{"ID":"35","h":"381","measuredH":"380","measuredW":"68","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":5,"y":0},"p1":{"x":0.51012414933679,"y":0.17392640436254733},"p2":{"x":0,"y":380},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"69","x":"727","y":"917","zOrder":"35"},{"ID":"36","h":"265","measuredH":"264","measuredW":"76","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":76,"x":76,"y":0},"p1":{"length":0.5074530613720352,"x":0.4565573307740078,"y":-0.2215039801275899},"p2":{"length":267.3200329193456,"x":42,"y":264},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"77","x":"237","y":"743","zOrder":"36"},{"ID":"37","h":"245","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"438","x":"278","y":"1001","zOrder":"37"},{"ID":"38","h":"55","measuredH":"54","measuredW":"9","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":3,"x":3,"y":0},"p1":{"length":0.529252928988914,"x":0.510715363718684,"y":0.13884696649562314},"p2":{"length":54,"x":0,"y":54},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"10","x":"655","y":"277","zOrder":"38"},{"ID":"39","h":"202","measuredH":"200","measuredW":"48","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":15,"x":15,"y":0},"p1":{"length":0.4723872861411133,"x":0.452773248314634,"y":-0.13470758597191462},"p2":{"length":205.67936211491903,"x":48,"y":200},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"50","x":"622","y":"454","zOrder":"39"},{"ID":"40","h":"94","measuredH":"93","measuredW":"74","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5490011385437095,"x":0.5330996249796185,"y":-0.13117560736996578},"p2":{"length":118.84864324004712,"x":74,"y":93},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"75","x":"778","y":"448","zOrder":"40"},{"ID":"41","h":"62","measuredH":"61","measuredW":"67","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5281388123911577,"x":0.5199305086381621,"y":-0.09275166489721068},"p2":{"length":90.60905032059436,"x":67,"y":61},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"68","x":"786","y":"449","zOrder":"41"},{"ID":"42","h":"38","measuredH":"37","measuredW":"56","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5310495030226782,"x":0.5300904977375566,"y":-0.03190045248868781},"p2":{"length":67.11929677819934,"x":56,"y":37},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"57","x":"789","y":"441","zOrder":"42"},{"ID":"43","h":"4","measuredH":"3","measuredW":"53","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":3,"x":0,"y":3},"p1":{"length":0.4600856791042167,"x":0.4583941605839416,"y":0.03941605839416058},"p2":{"length":53.08483775994799,"x":53,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"54","x":"797","y":"422","zOrder":"43"},{"ID":"44","h":"16","measuredH":"15","measuredW":"55","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.45653907041455166,"x":0.45488081725312146,"y":0.03887627695800227},"p2":{"length":57.0087712549569,"x":55,"y":15},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"56","x":"794","y":"437","zOrder":"44"},{"ID":"45","h":"16","measuredH":"15","measuredW":"105","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":15},"p1":{"x":0.43817104776008886,"y":-0.04683450573861533},"p2":{"x":105,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"106","x":"444","y":"397","zOrder":"45"},{"ID":"46","h":"13","measuredH":"12","measuredW":"119","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.42921590082087,"x":0.42861896838602337,"y":0.022628951747088195},"p2":{"length":119.60351165413162,"x":119,"y":12},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"120","x":"440","y":"385","zOrder":"46"},{"ID":"47","h":"43","measuredH":"42","measuredW":"124","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4354479714301555,"x":0.4346557759626609,"y":0.026254375729288137},"p2":{"length":130.91982279242512,"x":124,"y":42},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"125","x":"436","y":"352","zOrder":"47"},{"ID":"48","h":"66","measuredH":"65","measuredW":"112","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.47314423386375903,"x":0.47200190828314154,"y":0.03285825034289463},"p2":{"length":129.49517365523704,"x":112,"y":65},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"113","x":"438","y":"320","zOrder":"48"},{"ID":"49","h":"49","measuredH":"48","measuredW":"61","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":61,"x":61,"y":0},"p1":{"length":0.4585249091872984,"x":0.45522128005575574,"y":-0.054942502032756454},"p2":{"length":48,"x":0,"y":48},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"62","x":"787","y":"285","zOrder":"49"},{"ID":"50","h":"19","measuredH":"18","measuredW":"68","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":70.3420215802759,"x":68,"y":18},"p1":{"length":0.4579653787384571,"x":0.45747670462949247,"y":0.021150717349504505},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"69","x":"787","y":"356","zOrder":"50"},{"ID":"51","h":"4","measuredH":"3","measuredW":"59","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":59,"x":59,"y":0},"p1":{"length":0.4929592777882592,"x":0.4929203539823009,"y":-0.006194690265486749},"p2":{"length":3,"x":0,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"60","x":"794","y":"347","zOrder":"51"},{"ID":"52","h":"23","measuredH":"22","measuredW":"48","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":48,"x":48,"y":0},"p1":{"length":0.4652808414804901,"x":0.4652789342214823,"y":-0.001332223147377283},"p2":{"length":22,"x":0,"y":22},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"49","x":"792","y":"320","zOrder":"52"},{"ID":"53","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"322","zOrder":"53"},{"ID":"54","measuredH":"40","measuredW":"160","properties":{"bold":"true","size":"32","text":"프론트엔드"},"typeID":"Label","x":"563","y":"121","zOrder":"54"},{"ID":"55","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":8,"x":8,"y":0},"p1":{"length":0.4979530082684307,"x":0.45894941634241254,"y":0.19319066147859923},"p2":{"length":73,"x":0,"y":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"637","y":"47","zOrder":"55"},{"ID":"56","h":"61","measuredH":"60","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":2,"x":2,"y":0},"p1":{"length":0.4752342503759216,"x":0.46391752577319545,"y":-0.1030927835051546},"p2":{"length":61.84658438426491,"x":15,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"626","y":"177","zOrder":"56"},{"ID":"57","measuredH":"26","measuredW":"115","properties":{"bold":"true","size":"18","text":"기초를 배워요"},"typeID":"Label","x":"589","y":"244","zOrder":"57"},{"ID":"58","measuredH":"25","measuredW":"106","properties":{"bold":"true","size":"17","text":"HTML 배우기"},"typeID":"Label","x":"589","y":"330","zOrder":"58"},{"ID":"59","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"330","zOrder":"59"},{"ID":"60","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"1"},"typeID":"Label","x":"563","y":"332","zOrder":"60"},{"ID":"61","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"370","zOrder":"61"},{"ID":"62","measuredH":"25","measuredW":"89","properties":{"bold":"true","size":"17","text":"CSS의 기초"},"typeID":"Label","x":"589","y":"378","zOrder":"62"},{"ID":"63","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"378","zOrder":"63"},{"ID":"64","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"2"},"typeID":"Label","w":"10","x":"563","y":"380","zOrder":"64"},{"ID":"65","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"544","y":"417","zOrder":"65"},{"ID":"66","measuredH":"25","measuredW":"139","properties":{"bold":"true","size":"17","text":"JavaScript의 기초"},"typeID":"Label","x":"589","y":"424","zOrder":"66"},{"ID":"67","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"556","y":"424","zOrder":"67"},{"ID":"68","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"3"},"typeID":"Label","w":"10","x":"564","y":"426","zOrder":"68"},{"ID":"69","measuredH":"25","measuredW":"143","properties":{"size":"17","text":"CSS의 기초 배우기"},"typeID":"Label","x":"286","y":"307","zOrder":"69"},{"ID":"70","measuredH":"25","measuredW":"249","properties":{"size":"17","text":"Grid와 Flexbox 사용 방법 배우기"},"typeID":"Label","x":"181","y":"341","zOrder":"70"},{"ID":"71","measuredH":"25","measuredW":"246","properties":{"size":"17","text":"미디어 쿼리와 반응형 웹 사이트"},"typeID":"Label","x":"182","y":"375","zOrder":"71"},{"ID":"72","measuredH":"25","measuredW":"308","properties":{"size":"17","text":"마지막으로 만든 HTML 페이지 스타일링"},"typeID":"Label","x":"132","y":"403","zOrder":"72"},{"ID":"73","h":"41","measuredH":"140","measuredW":"200","properties":{"borderColor":"13576743","color":"16777215"},"typeID":"TextArea","w":"325","x":"153","y":"512","zOrder":"73"},{"ID":"74","measuredH":"25","measuredW":"143","properties":{"bold":"true","color":"0","size":"17","text":"jQuery – 선택사항"},"typeID":"Label","x":"167","y":"520","zOrder":"74"},{"ID":"75","h":"2","measuredH":"1","measuredW":"136","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5074062205613563,"x":0.5073529411764706,"y":-0.007352941176470588},"p2":{"length":136,"x":136,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"137","x":"489","y":"531","zOrder":"75"},{"ID":"76","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"613","y":"519","zOrder":"76"},{"ID":"77","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"767","x":"314","y":"593","zOrder":"77"},{"ID":"78","measuredH":"25","measuredW":"622","properties":{"size":"17","text":"반응형 웹 사이트를 만들고 JavaScript를 사용하여 몇가지 상호 작용을 추가하세요"},"typeID":"Label","x":"356","y":"601","zOrder":"78"},{"ID":"79","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"324","y":"601","zOrder":"79"},{"ID":"80","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"4"},"typeID":"Label","w":"10","x":"332","y":"603","zOrder":"80"},{"ID":"81","h":"36","measuredH":"107","measuredW":"205","properties":{"color":"13576743"},"typeID":"ScratchOut","w":"66","x":"409","y":"514","zOrder":"81"},{"ID":"82","h":"178","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"767","x":"314","y":"641","zOrder":"82"},{"ID":"83","measuredH":"25","measuredW":"676","properties":{"bold":"true","size":"17","text":"깃헙에 있는 프로젝트를 검색하고 몇개의 PRs를 열기. 일부 아이디어는 아래에 있습니다:"},"typeID":"Label","x":"356","y":"655","zOrder":"83"},{"ID":"84","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"325","y":"656","zOrder":"84"},{"ID":"85","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"5"},"typeID":"Label","w":"10","x":"333","y":"658","zOrder":"85"},{"ID":"86","measuredH":"25","measuredW":"432","properties":{"size":"17","text":"UI를 개선하고, 데모 페이지에 응답하거나 설계 과정에서"},"typeID":"Label","x":"356","y":"684","zOrder":"86"},{"ID":"87","measuredH":"25","measuredW":"695","properties":{"size":"17","text":"학습한 코드 중 일부를 리팩토링 또는 모범 사례를 구현할 수 있는 미해결 문제를 찾습니다."},"typeID":"Label","x":"356","y":"711","zOrder":"87"},{"ID":"88","measuredH":"25","measuredW":"375","properties":{"size":"17","text":"진행 과정에서 익히는 모범 사례를 구현하십시오."},"typeID":"Label","x":"356","y":"738","zOrder":"88"},{"ID":"89","measuredH":"23","measuredW":"584","properties":{"bold":"true","color":"10027263","size":"15","text":"이 저장소를 링크하여 학습하고 PR에 대한 피드백을 요청하고 개선 방법을 알려주세요."},"typeID":"Label","x":"356","y":"777","zOrder":"89"},{"ID":"90","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"325","y":"776","zOrder":"90"},{"ID":"91","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"github","size":"medium"}},"typeID":"Icon","x":"920","y":"81","zOrder":"91"},{"ID":"92","measuredH":"25","measuredW":"300","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse/developer-roadmap"},"typeID":"Label","x":"959","y":"85","zOrder":"92"},{"ID":"93","h":"135","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"767","x":"314","y":"827","zOrder":"93"},{"ID":"94","measuredH":"25","measuredW":"312","properties":{"bold":"true","size":"17","text":"목표 달성! 여러분 자신을 격려해주세요 :"},"typeID":"Label","x":"355","y":"842","zOrder":"94"},{"ID":"95","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"325","y":"842","zOrder":"95"},{"ID":"96","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"6"},"typeID":"Label","w":"10","x":"333","y":"844","zOrder":"96"},{"ID":"97","measuredH":"25","measuredW":"681","properties":{"size":"17","text":"지금까지 여러분들이 가지고 있는 기술을 필요(자격요건)로 하는 많은 직업들이 있습니다."},"typeID":"Label","x":"356","y":"868","zOrder":"97"},{"ID":"98","measuredH":"25","measuredW":"592","properties":{"size":"17","text":"이제 프리랜서로 일을 시작할 수도 있고 가능하면 직업을 구할 수도 있습니다."},"typeID":"Label","x":"356","y":"893","zOrder":"98"},{"ID":"99","measuredH":"25","measuredW":"642","properties":{"size":"17","text":"하지만 여기서 멈추지 마세요, 더 나은 커리어를 갖고 싶다면 아직도 갈 길이 멉니다."},"typeID":"Label","x":"357","y":"919","zOrder":"99"},{"ID":"100","measuredH":"25","measuredW":"323","properties":{"bold":"true","size":"17","text":"선택 사항 -`깃`에 대한 지식이 필요합니다."},"typeID":"Label","x":"294","y":"1015","zOrder":"100"},{"ID":"101","measuredH":"25","measuredW":"421","properties":{"size":"17","text":"이 부분은 선택 사항입니다. 올바른 길로 배우고 있는지"},"typeID":"Label","x":"287","y":"1044","zOrder":"101"},{"ID":"102","measuredH":"25","measuredW":"394","properties":{"size":"17","text":"얼마나 많은 사람들이 여러분들을 기꺼이 도와줄 수"},"typeID":"Label","x":"286","y":"1095","zOrder":"102"},{"ID":"103","measuredH":"25","measuredW":"360","properties":{"size":"17","text":"알 수 있는 좋은 방법이기 때문에 추가했습니다"},"typeID":"Label","x":"286","y":"1069","zOrder":"103"},{"ID":"104","measuredH":"25","measuredW":"392","properties":{"size":"17","text":"있다는 것을 알게된다면 여러분들은 놀랄 것입니다."},"typeID":"Label","x":"286","y":"1120","zOrder":"104"},{"ID":"105","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"290","y":"1156","zOrder":"105"},{"ID":"106","measuredH":"23","measuredW":"385","properties":{"bold":"true","color":"10027263","size":"15","text":"깃을 두려워하지 마세요. 위에서 배웠던 모든 것들 중에서"},"typeID":"Label","x":"322","y":"1153","zOrder":"106"},{"ID":"107","measuredH":"23","measuredW":"340","properties":{"bold":"true","color":"10027263","size":"15","text":"가장 쉽습니다. 몇시간 안에 기초을 터득할 수 있고"},"typeID":"Label","x":"322","y":"1174","zOrder":"107"},{"ID":"108","measuredH":"23","measuredW":"220","properties":{"bold":"true","color":"10027263","size":"15","text":"나머지는 나중에 할 수 있습니다."},"typeID":"Label","x":"322","y":"1195","zOrder":"108"},{"ID":"109","measuredH":"25","measuredW":"381","properties":{"size":"17","text":"아직 예쁘게 만드는 것에 대한 걱정은 하지마세요."},"typeID":"Label","x":"859","y":"363","zOrder":"109"},{"ID":"110","measuredH":"25","measuredW":"509","properties":{"size":"17","text":"페이지를 섹션으로 나누는 것과 DOM을 올바르게 구조화하는 방법"},"typeID":"Label","x":"854","y":"302","zOrder":"110"},{"ID":"111","measuredH":"25","measuredW":"392","properties":{"size":"17","text":"의미론적(semantic) HTML 작성 방법과 기초 배우기"},"typeID":"Label","x":"858","y":"268","zOrder":"111"},{"ID":"112","measuredH":"25","measuredW":"412","properties":{"size":"17","text":"최소 5개의 HTML 페이지 만들기 – 구조화에 집중하기"},"typeID":"Label","x":"859","y":"335","zOrder":"112"},{"ID":"113","measuredH":"25","measuredW":"189","properties":{"size":"17","text":"기본 구문과 구조 배우기"},"typeID":"Label","x":"855","y":"414","zOrder":"113"},{"ID":"114","measuredH":"25","measuredW":"179","properties":{"size":"17","text":"DOM 조작 방법 배우기"},"typeID":"Label","x":"855","y":"442","zOrder":"114"},{"ID":"115","measuredH":"25","measuredW":"476","properties":{"size":"17","text":"호이스팅, 이벤트 버블링, 프로토타입 등과 같은 개념 이해하기"},"typeID":"Label","x":"850","y":"471","zOrder":"115"},{"ID":"116","measuredH":"25","measuredW":"365","properties":{"size":"17","text":"ES6+의 새로운 기능과 JavaScript 모듈화 배우기"},"typeID":"Label","x":"858","y":"535","zOrder":"116"},{"ID":"117","measuredH":"25","measuredW":"138","properties":{"size":"17","text":"Ajax 배우기 (XHR)"},"typeID":"Label","x":"858","y":"504","zOrder":"117"},{"ID":"118","h":"136","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"543","x":"310","y":"1594","zOrder":"118"},{"ID":"119","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"323","y":"1610","zOrder":"119"},{"ID":"120","measuredH":"22","measuredW":"10","properties":{"bold":"true","color":"16777215","size":"14","text":"9"},"typeID":"Label","w":"19","x":"330","y":"1612","zOrder":"120"},{"ID":"121","measuredH":"26","measuredW":"110","properties":{"bold":"true","size":"18","text":"CSS 전처리기"},"typeID":"Label","w":"199","x":"356","y":"1610","zOrder":"121"},{"ID":"122","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16776960","size":"18","text":"Sass"},"typeID":"TextInput","w":"136","x":"284","y":"1369","zOrder":"122"},{"ID":"123","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16777215","size":"18","text":"Less"},"typeID":"TextInput","w":"136","x":"284","y":"1445","zOrder":"123"},{"ID":"124","measuredH":"32","measuredW":"61","properties":{"align":"center","color":"16777215","size":"18","text":"Stylus"},"typeID":"TextInput","w":"136","x":"284","y":"1483","zOrder":"124"},{"ID":"125","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16776960","size":"18","text":"PostCSS"},"typeID":"TextInput","w":"136","x":"284","y":"1406","zOrder":"125"},{"ID":"126","measuredH":"25","measuredW":"435","properties":{"size":"17","text":"전처리기를 사용하면 CSS 위에 기능을 추가 할 수 있으며"},"typeID":"Label","x":"356","y":"1638","zOrder":"126"},{"ID":"127","measuredH":"25","measuredW":"434","properties":{"size":"17","text":"CSS가 할 수없는 일을 할 수 있습니다. 그 중 하나를 골라"},"typeID":"Label","x":"356","y":"1663","zOrder":"127"},{"ID":"128","measuredH":"25","measuredW":"392","properties":{"size":"17","text":"무엇을 제공하는지 확인하여 알맞은 것을 고르세요."},"typeID":"Label","x":"355","y":"1688","zOrder":"128"},{"ID":"129","h":"187","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"408","x":"915","y":"1564","zOrder":"129"},{"ID":"130","measuredH":"25","measuredW":"167","properties":{"bold":"true","size":"17","text":"당장 Sass를 배우세요"},"typeID":"Label","x":"928","y":"1576","zOrder":"130"},{"ID":"131","measuredH":"25","measuredW":"250","properties":{"size":"17","text":"PostCSS를 가지고 있기에 멋지고"},"typeID":"Label","x":"930","y":"1633","zOrder":"131"},{"ID":"132","measuredH":"25","measuredW":"323","properties":{"size":"17","text":"이것은 CSS를 위한 일종의 \"Babel\" 입니다."},"typeID":"Label","x":"930","y":"1658","zOrder":"132"},{"ID":"133","measuredH":"25","measuredW":"351","properties":{"size":"17","text":"배운 후 PostCSS를 검토하는 것을 추천합니다."},"typeID":"Label","x":"930","y":"1712","zOrder":"133"},{"ID":"134","measuredH":"25","measuredW":"359","properties":{"size":"17","text":"Sass 위에도 사용할 수 있습니다. 하지만 Sass를"},"typeID":"Label","x":"930","y":"1684","zOrder":"134"},{"ID":"135","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"344","x":"527","y":"1273","zOrder":"135"},{"ID":"136","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"538","y":"1285","zOrder":"136"},{"ID":"137","measuredH":"22","measuredW":"10","properties":{"bold":"true","color":"16777215","size":"14","text":"7"},"typeID":"Label","w":"12","x":"546","y":"1286","zOrder":"137"},{"ID":"138","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"89","x":"876","y":"1273","zOrder":"138"},{"ID":"139","measuredH":"26","measuredW":"115","properties":{"bold":"true","size":"18","text":"패키지 매니저"},"typeID":"Label","w":"199","x":"572","y":"1285","zOrder":"139"},{"ID":"140","measuredH":"26","measuredW":"43","properties":{"bold":"true","size":"18","text":"NPM"},"typeID":"Label","w":"47","x":"901","y":"1286","zOrder":"140"},{"ID":"141","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"89","x":"969","y":"1273","zOrder":"141"},{"ID":"142","measuredH":"26","measuredW":"38","properties":{"bold":"true","size":"18","text":"Yarn"},"typeID":"Label","w":"47","x":"991","y":"1286","zOrder":"142"},{"ID":"143","h":"209","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"442","x":"845","y":"1001","zOrder":"143"},{"ID":"144","measuredH":"25","measuredW":"382","properties":{"size":"17","text":"패키지 매니저는 외부의 라이브러리와 플러그인을"},"typeID":"Label","x":"861","y":"1051","zOrder":"144"},{"ID":"145","measuredH":"25","measuredW":"382","properties":{"size":"17","text":"프로젝트에 가져와 복사하거나 업데이트하는 등의"},"typeID":"Label","x":"861","y":"1077","zOrder":"145"},{"ID":"146","measuredH":"25","measuredW":"278","properties":{"size":"17","text":"번거로움을 겪지 않도록 도와줍니다."},"typeID":"Label","x":"861","y":"1103","zOrder":"146"},{"ID":"147","measuredH":"25","measuredW":"129","properties":{"size":"17","text":"(NPM 또는 Yarn)"},"typeID":"Label","x":"863","y":"1146","zOrder":"147"},{"ID":"148","measuredH":"25","measuredW":"381","properties":{"size":"17","text":"둘 다 거의 비슷하며 구현상의 차이점이 있습니다."},"typeID":"Label","x":"862","y":"1128","zOrder":"148"},{"ID":"149","measuredH":"25","measuredW":"183","properties":{"size":"17","text":"바로 아무거나 고르세요"},"typeID":"Label","x":"863","y":"1173","zOrder":"149"},{"ID":"150","h":"202","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"759","x":"527","y":"1331","zOrder":"150"},{"ID":"151","measuredH":"25","measuredW":"257","properties":{"bold":"true","size":"17","text":"애플리케이션에 외부 의존성 설치"},"typeID":"Label","x":"572","y":"1349","zOrder":"151"},{"ID":"152","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"541","y":"1350","zOrder":"152"},{"ID":"153","measuredH":"23","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"8"},"typeID":"Label","w":"10","x":"549","y":"1352","zOrder":"153"},{"ID":"154","measuredH":"25","measuredW":"489","properties":{"size":"17","text":"위에서 만든 웹 페이지에 약간의 외부 라이브러리를 설치합니다."},"typeID":"Label","x":"572","y":"1376","zOrder":"154"},{"ID":"155","measuredH":"25","measuredW":"684","properties":{"size":"17","text":"일부 토스트 플러그인을 설치하고 사용자가 버튼을 클릭하면 토스트 메시지를 표시하거나"},"typeID":"Label","x":"572","y":"1402","zOrder":"155"},{"ID":"156","measuredH":"25","measuredW":"637","properties":{"size":"17","text":"로그인 폼을 만들고 유효성 검사 라이브러리를 사용하여 유효성 검사를 수행합니다."},"typeID":"Label","x":"572","y":"1429","zOrder":"156"},{"ID":"157","measuredH":"25","measuredW":"540","properties":{"size":"17","text":"다양한 옵션으로 실행하고 다른 버전을 설치하는 방법을 참조해보세요."},"typeID":"Label","x":"573","y":"1454","zOrder":"157"},{"ID":"158","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"545","y":"1489","zOrder":"158"},{"ID":"159","measuredH":"23","measuredW":"261","properties":{"bold":"true","color":"10027263","size":"15","text":"의미론적 버전 관리에 대해 읽어보세요"},"typeID":"Label","x":"573","y":"1490","zOrder":"159"},{"ID":"160","measuredH":"25","measuredW":"398","properties":{"bold":"true","size":"17","text":"하나를 배우면 다른 하나를 자동으로 배우게 됩니다."},"typeID":"Label","x":"861","y":"1018","zOrder":"160"},{"ID":"161","h":"84","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"543","x":"696","y":"2036","zOrder":"161"},{"ID":"162","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"709","y":"2052","zOrder":"162"},{"ID":"163","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"12"},"typeID":"Label","w":"19","x":"713","y":"2054","zOrder":"163"},{"ID":"164","measuredH":"26","measuredW":"79","properties":{"bold":"true","size":"18","text":"빌드 도구"},"typeID":"Label","w":"101","x":"742","y":"2051","zOrder":"164"},{"ID":"165","measuredH":"25","measuredW":"377","properties":{"size":"17","text":"빌드와 번들링 그리고 개발에 도움이 되는 도구들"},"typeID":"Label","x":"742","y":"2077","zOrder":"165"},{"ID":"166","measuredH":"32","measuredW":"116","properties":{"align":"center","color":"16776960","size":"18","text":"NPM Scripts"},"typeID":"TextInput","w":"147","x":"471","y":"2045","zOrder":"166"},{"ID":"167","measuredH":"32","measuredW":"53","properties":{"align":"center","color":"16770457","size":"18","text":"Gulp"},"typeID":"TextInput","w":"147","x":"471","y":"2082","zOrder":"167"},{"ID":"168","h":"198","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"277","x":"153","y":"2036","zOrder":"168"},{"ID":"169","measuredH":"25","measuredW":"92","properties":{"bold":"true","size":"17","text":"태스크 러너"},"typeID":"Label","x":"167","y":"2051","zOrder":"169"},{"ID":"170","measuredH":"25","measuredW":"315","properties":{"size":"17","text":"저는 Sass를 배우라고 추천하고 싶습니다."},"typeID":"Label","x":"930","y":"1608","zOrder":"170"},{"ID":"171","measuredH":"25","measuredW":"246","properties":{"size":"17","text":"그러나 다른 것을 고르고 싶다면"},"typeID":"Label","x":"166","y":"2138","zOrder":"171"},{"ID":"172","measuredH":"25","measuredW":"202","properties":{"size":"17","text":"Gulp로부터 어떻게 이점을"},"typeID":"Label","x":"168","y":"2168","zOrder":"172"},{"ID":"173","measuredH":"25","measuredW":"176","properties":{"size":"17","text":"얻을 수 있는지 보세요."},"typeID":"Label","x":"169","y":"2197","zOrder":"173"},{"ID":"174","measuredH":"32","measuredW":"90","properties":{"align":"center","color":"16776960","size":"18","text":"Webpack"},"typeID":"TextInput","w":"147","x":"726","y":"2158","zOrder":"174"},{"ID":"175","measuredH":"32","measuredW":"65","properties":{"align":"center","color":"16770457","size":"18","text":"Rollup"},"typeID":"TextInput","w":"147","x":"726","y":"2195","zOrder":"175"},{"ID":"176","measuredH":"32","measuredW":"62","properties":{"align":"center","color":"16777215","size":"18","text":"Parcel"},"typeID":"TextInput","w":"147","x":"726","y":"2233","zOrder":"176"},{"ID":"177","h":"113","measuredH":"140","measuredW":"200","properties":{"color":"16770457","text":""},"typeID":"TextArea","w":"509","x":"905","y":"2155","zOrder":"177"},{"ID":"178","measuredH":"25","measuredW":"473","properties":{"bold":"true","size":"17","text":"앱을 위한 Wepback, 라이브러리를 위한 Rollup을 사용하세요"},"typeID":"Label","x":"915","y":"2171","zOrder":"178"},{"ID":"179","measuredH":"25","measuredW":"110","properties":{"size":"17","text":"저는 2018년에"},"typeID":"Label","x":"166","y":"2077","zOrder":"179"},{"ID":"180","measuredH":"25","measuredW":"308","properties":{"size":"17","text":"현재 webpack으로 모든 것을 할 수 있어"},"typeID":"Label","x":"919","y":"2200","zOrder":"180"},{"ID":"181","measuredH":"25","measuredW":"489","properties":{"size":"17","text":"롤업이 필요하지 않지만 롤업에 대해 나중에 다시 논의해보세요."},"typeID":"Label","x":"920","y":"2227","zOrder":"181"},{"ID":"182","h":"176","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"842","x":"484","y":"2340","zOrder":"182"},{"ID":"183","measuredH":"25","measuredW":"340","properties":{"bold":"true","size":"17","text":"무언가를 만들어보세요 – 어쩌면 라이브러리"},"typeID":"Label","x":"530","y":"2359","zOrder":"183"},{"ID":"184","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"499","y":"2360","zOrder":"184"},{"ID":"185","measuredH":"23","measuredW":"19","properties":{"bold":"true","color":"16777215","text":"13"},"typeID":"Label","w":"20","x":"504","y":"2363","zOrder":"185"},{"ID":"186","measuredH":"25","measuredW":"555","properties":{"size":"17","text":"축하합니다! 현재 75%정도의 현대 JavaScript 개발자라고 할 수 있습니다."},"typeID":"Label","x":"530","y":"2388","zOrder":"186"},{"ID":"187","measuredH":"25","measuredW":"754","properties":{"size":"17","text":"자, 그럼 여러분이 배운 것을 모두 가지고 뭔가를 만들어 보세요. Sass및 JavaScript를 사용해야 하는"},"typeID":"Label","x":"530","y":"2416","zOrder":"187"},{"ID":"188","measuredH":"25","measuredW":"743","properties":{"size":"17","text":"일종의 라이브러리를 생성할 수 있습니다. 그런 다음 webpack을 사용하여 Sass를 CSS로 변환하고"},"typeID":"Label","x":"530","y":"2445","zOrder":"188"},{"ID":"189","measuredH":"25","measuredW":"773","properties":{"size":"17","text":"바벨을 사용하여 ES6 코드를 변환합니다. 프로젝트가 끝나면 깃헙에 공개하고 npm에서 배포해보세요"},"typeID":"Label","x":"530","y":"2472","zOrder":"189"},{"ID":"190","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"twitter","size":"medium"}},"typeID":"Icon","x":"920","y":"127","zOrder":"190"},{"ID":"191","measuredH":"25","measuredW":"132","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse"},"typeID":"Label","x":"960","y":"132","zOrder":"191"},{"ID":"192","h":"82","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"319","x":"534","y":"2554","zOrder":"192"},{"ID":"193","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"547","y":"2570","zOrder":"193"},{"ID":"194","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"14"},"typeID":"Label","w":"19","x":"552","y":"2572","zOrder":"194"},{"ID":"195","measuredH":"26","measuredW":"133","properties":{"bold":"true","size":"18","text":"프레임워크 선택"},"typeID":"Label","w":"147","x":"580","y":"2569","zOrder":"195"},{"ID":"196","measuredH":"25","measuredW":"187","properties":{"size":"17","text":"React, Angular 또는 Vue"},"typeID":"Label","w":"197","x":"580","y":"2595","zOrder":"196"},{"ID":"197","measuredH":"32","measuredW":"75","properties":{"align":"center","color":"16776960","size":"18","text":"React.js"},"typeID":"TextInput","w":"147","x":"324","y":"2562","zOrder":"197"},{"ID":"198","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16776960","size":"18","text":"Redux"},"typeID":"TextInput","w":"176","x":"182","y":"2308","zOrder":"198"},{"ID":"199","measuredH":"32","measuredW":"61","properties":{"align":"center","color":"16776960","size":"18","text":"Mobx"},"typeID":"TextInput","w":"176","x":"182","y":"2347","zOrder":"199"},{"ID":"200","measuredH":"25","measuredW":"133","properties":{"size":"17","text":"이것들은 React에"},"typeID":"Label","x":"170","y":"2382","zOrder":"200"},{"ID":"201","measuredH":"25","measuredW":"109","properties":{"size":"17","text":"국한되지 않고"},"typeID":"Label","x":"173","y":"2408","zOrder":"201"},{"ID":"202","measuredH":"25","measuredW":"178","properties":{"size":"17","text":"모든 프레임 워크 또는 "},"typeID":"Label","x":"168","y":"2433","zOrder":"202"},{"ID":"203","measuredH":"25","measuredW":"210","properties":{"size":"17","text":"앱에서 사용할 수 있습니다."},"typeID":"Label","x":"168","y":"2458","zOrder":"203"},{"ID":"204","measuredH":"32","measuredW":"61","properties":{"align":"center","color":"16776960","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"147","x":"324","y":"2601","zOrder":"204"},{"ID":"205","measuredH":"32","measuredW":"77","properties":{"align":"center","color":"16776960","size":"18","text":"Angular"},"typeID":"TextInput","w":"147","x":"324","y":"2640","zOrder":"205"},{"ID":"206","h":"125","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"274","x":"443","y":"2710","zOrder":"206"},{"ID":"207","measuredH":"32","measuredW":"49","properties":{"align":"center","color":"16776960","size":"18","text":"Rx.js"},"typeID":"TextInput","w":"176","x":"220","y":"2750","zOrder":"207"},{"ID":"208","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16776960","size":"18","text":"ngrx"},"typeID":"TextInput","w":"176","x":"220","y":"2786","zOrder":"208"},{"ID":"209","h":"51","measuredH":"80","measuredW":"275","properties":{"size":"17","text":"angular를 선택하지 않아도 사용할 수 있으며"},"typeID":"Paragraph","w":"220","x":"453","y":"2723","zOrder":"209"},{"ID":"210","measuredH":"25","measuredW":"250","properties":{"size":"17","text":"Rx.js는 놀라운 라이브러리입니다"},"typeID":"Label","x":"453","y":"2770","zOrder":"210"},{"ID":"211","measuredH":"25","measuredW":"164","properties":{"size":"17","text":"나중에 시도해보세요!"},"typeID":"Label","x":"453","y":"2795","zOrder":"211"},{"ID":"212","measuredH":"32","measuredW":"91","properties":{"align":"center","borderColor":"13576743","color":"16777215","size":"18","text":"Angular.js"},"typeID":"TextInput","w":"205","x":"81","y":"2686","zOrder":"212"},{"ID":"213","h":"27","measuredH":"107","measuredW":"205","properties":{"color":"13576743"},"typeID":"ScratchOut","w":"44","x":"238","y":"2688","zOrder":"213"},{"ID":"214","h":"128","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"403","x":"97","y":"2854","zOrder":"214"},{"ID":"215","measuredH":"25","measuredW":"79","properties":{"bold":"true","size":"17","text":"명예 훈장!"},"typeID":"Label","x":"111","y":"2866","zOrder":"215"},{"ID":"216","measuredH":"25","measuredW":"381","properties":{"size":"17","text":"오래된 앱을 제외하고 더 이상 사용되지 않습니다."},"typeID":"Label","x":"111","y":"2892","zOrder":"216"},{"ID":"217","measuredH":"25","measuredW":"305","properties":{"size":"17","text":"Angular를 선택한다면 Angular.js가 아닌"},"typeID":"Label","x":"111","y":"2917","zOrder":"217"},{"ID":"218","measuredH":"25","measuredW":"211","properties":{"size":"17","text":"Angular2+인지 확인하세요."},"typeID":"Label","x":"111","y":"2944","zOrder":"218"},{"ID":"219","h":"145","measuredH":"140","measuredW":"200","properties":{"color":"16770457","text":""},"typeID":"TextArea","w":"540","x":"871","y":"2529","zOrder":"219"},{"ID":"220","measuredH":"25","measuredW":"367","properties":{"size":"17","text":"React에 대한 수요가 점점 더 늘어나고 있습니다"},"typeID":"Label","x":"885","y":"2547","zOrder":"220"},{"ID":"221","measuredH":"25","measuredW":"360","properties":{"size":"17","text":"나열된 것들 중 하나를 고르면 괜찮을 것입니다"},"typeID":"Label","x":"885","y":"2574","zOrder":"221"},{"ID":"222","measuredH":"25","measuredW":"409","properties":{"size":"17","text":"모두 살펴보고 여러분들이 좋아하는 것을 살펴보세요."},"typeID":"Label","w":"412","x":"885","y":"2600","zOrder":"222"},{"ID":"223","h":"193","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"740","x":"541","y":"2870","zOrder":"223"},{"ID":"224","measuredH":"25","measuredW":"111","properties":{"bold":"true","size":"17","text":"Practical time"},"typeID":"Label","x":"588","y":"2883","zOrder":"224"},{"ID":"225","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"557","y":"2884","zOrder":"225"},{"ID":"226","measuredH":"23","measuredW":"19","properties":{"bold":"true","color":"16777215","text":"15"},"typeID":"Label","w":"17","x":"562","y":"2886","zOrder":"226"},{"ID":"227","measuredH":"25","measuredW":"717","properties":{"size":"17","text":"이제 여러분은 현대 JavaScript 애플리케이션을 구축하는 데 필요한 _모든 것을_ 알게되었습니다."},"typeID":"Label","x":"557","y":"2914","zOrder":"227"},{"ID":"228","measuredH":"25","measuredW":"477","properties":{"size":"17","text":"어떤 프레임워크든 선택하여 몇가지 애플리케이션을 만드세요."},"typeID":"Label","x":"560","y":"2940","zOrder":"228"},{"ID":"229","measuredH":"25","measuredW":"708","properties":{"size":"17","text":"아이디어의 일부는 `ideas` 디렉토리에서 찾을 수 있습니다. 무엇이든 선택하고 시작하십시오!"},"typeID":"Label","x":"560","y":"2965","zOrder":"229"},{"ID":"230","h":"213","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"740","x":"543","y":"3070","zOrder":"230"},{"ID":"231","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"vuex"},"typeID":"TextInput","w":"176","x":"79","y":"2611","zOrder":"231"},{"ID":"232","measuredH":"25","measuredW":"109","properties":{"bold":"true","size":"17","text":"앱 테스팅하기"},"typeID":"Label","x":"592","y":"3089","zOrder":"232"},{"ID":"233","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"561","y":"3089","zOrder":"233"},{"ID":"234","measuredH":"23","measuredW":"19","properties":{"bold":"true","color":"16777215","text":"16"},"typeID":"Label","w":"17","x":"566","y":"3091","zOrder":"234"},{"ID":"235","measuredH":"32","measuredW":"45","properties":{"align":"center","color":"16770457","size":"18","text":"Jest"},"typeID":"TextInput","w":"162","x":"220","y":"3051","zOrder":"235"},{"ID":"236","measuredH":"32","measuredW":"71","properties":{"align":"center","color":"16770457","size":"18","text":"Mocha"},"typeID":"TextInput","w":"162","x":"220","y":"3086","zOrder":"236"},{"ID":"237","measuredH":"32","measuredW":"65","properties":{"align":"center","color":"16770457","size":"18","text":"Karma"},"typeID":"TextInput","w":"162","x":"220","y":"3161","zOrder":"237"},{"ID":"238","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"16770457","size":"18","text":"Enzyme"},"typeID":"TextInput","w":"162","x":"220","y":"3197","zOrder":"238"},{"ID":"239","measuredH":"25","measuredW":"364","properties":{"size":"17","text":"다른 목적을 위해 많은 도구들이 많이 있습니다."},"typeID":"Label","x":"594","y":"3120","zOrder":"239"},{"ID":"240","measuredH":"25","measuredW":"398","properties":{"size":"17","text":"저는 주로 왼쪽에 나열된 것들을 사용하고 있습니다."},"typeID":"Label","x":"594","y":"3143","zOrder":"240"},{"ID":"241","measuredH":"25","measuredW":"542","properties":{"size":"17","text":"하지만 여러분들은 배우기 전에 먼저 다양한 테스트 케이스를 이해하고"},"typeID":"Label","x":"594","y":"3167","zOrder":"241"},{"ID":"242","measuredH":"32","measuredW":"94","properties":{"align":"center","color":"16770457","size":"18","text":"Protractor"},"typeID":"TextInput","w":"162","x":"220","y":"3123","zOrder":"242"},{"ID":"243","measuredH":"25","measuredW":"683","properties":{"size":"17","text":"사용 가능한 모든 옵션을 살펴보고 필요에 가장 적합한 옵션을 사용하기를 권하고 싶어요."},"typeID":"Label","x":"594","y":"3191","zOrder":"243"},{"ID":"244","measuredH":"25","measuredW":"494","properties":{"color":"13576743","size":"17","text":"여기 시작하기에 좋은 요약글이 있습니다: https://goo.gl/D77a4K"},"typeID":"Label","x":"594","y":"3233","zOrder":"244"},{"ID":"245","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"562","y":"3234","zOrder":"245"},{"ID":"246","h":"122","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"740","x":"543","y":"3376","zOrder":"246"},{"ID":"247","measuredH":"25","measuredW":"115","properties":{"bold":"true","size":"17","text":"정적 타입 검사"},"typeID":"Label","x":"589","y":"3386","zOrder":"247"},{"ID":"248","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"560","y":"3386","zOrder":"248"},{"ID":"249","measuredH":"23","measuredW":"19","properties":{"bold":"true","color":"16777215","text":"18"},"typeID":"Label","w":"17","x":"562","y":"3387","zOrder":"249"},{"ID":"250","measuredH":"25","measuredW":"531","properties":{"size":"17","text":"여러분은 이것들을 배울 필요는 없지만 몇시간 안에 숙달될 수 있으며"},"typeID":"Label","x":"589","y":"3416","zOrder":"250"},{"ID":"251","measuredH":"32","measuredW":"99","properties":{"align":"center","color":"16776960","size":"18","text":"TypeScript"},"typeID":"TextInput","w":"162","x":"221","y":"3382","zOrder":"251"},{"ID":"252","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16770457","size":"18","text":"Flow"},"typeID":"TextInput","w":"162","x":"221","y":"3418","zOrder":"252"},{"ID":"253","measuredH":"25","measuredW":"683","properties":{"size":"17","text":"저는 TypeScript를 선택할 것이지만 여러분들은 자유롭게 모두 확인하고 선택할 수 있어요"},"typeID":"Label","x":"589","y":"3468","zOrder":"253"},{"ID":"254","h":"81","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"544","y":"3535","zOrder":"254"},{"ID":"255","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3549","zOrder":"255"},{"ID":"256","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"19"},"typeID":"Label","w":"16","x":"563","y":"3551","zOrder":"256"},{"ID":"257","measuredH":"26","measuredW":"157","properties":{"bold":"true","size":"18","text":"서버 사이드 렌더링"},"typeID":"Label","w":"293","x":"589","y":"3548","zOrder":"257"},{"ID":"258","measuredH":"25","measuredW":"502","properties":{"size":"17","text":"선택한 프레임워크에 상관없이 서버 사이드 렌더링에 대해 배우기"},"typeID":"Label","x":"590","y":"3575","zOrder":"258"},{"ID":"259","measuredH":"32","measuredW":"59","properties":{"align":"center","color":"16770457","size":"18","text":"React"},"typeID":"TextInput","w":"135","x":"258","y":"3532","zOrder":"259"},{"ID":"260","measuredH":"32","measuredW":"77","properties":{"align":"center","color":"16770457","size":"18","text":"Angular"},"typeID":"TextInput","w":"135","x":"258","y":"3570","zOrder":"260"},{"ID":"261","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16776960","size":"18","text":"Next.js"},"typeID":"TextInput","w":"135","x":"91","y":"3487","zOrder":"261"},{"ID":"262","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16770457","size":"18","text":"After.js"},"typeID":"TextInput","w":"135","x":"91","y":"3524","zOrder":"262"},{"ID":"263","measuredH":"32","measuredW":"88","properties":{"align":"center","color":"16770457","size":"18","text":"Universal"},"typeID":"TextInput","w":"135","x":"93","y":"3570","zOrder":"263"},{"ID":"264","measuredH":"32","measuredW":"61","properties":{"align":"center","color":"16770457","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"135","x":"259","y":"3608","zOrder":"264"},{"ID":"265","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16770457","size":"18","text":"Nuxt.js"},"typeID":"TextInput","w":"135","x":"93","y":"3608","zOrder":"265"},{"ID":"266","h":"96","measuredH":"95","measuredW":"138","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":138,"x":138,"y":0},"p1":{"length":0.5053057918482519,"x":0.49968892955169264,"y":-0.07513266239707227},"p2":{"length":95,"x":0,"y":95},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"139","x":"569","y":"2088","zOrder":"266"},{"ID":"267","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16776960","size":"18","text":"ESLint"},"typeID":"TextInput","w":"147","x":"449","y":"2163","zOrder":"267"},{"ID":"268","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16770457","size":"18","text":"JSLint"},"typeID":"TextInput","w":"147","x":"449","y":"2200","zOrder":"268"},{"ID":"269","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16770457","size":"18","text":"JSHint"},"typeID":"TextInput","w":"147","x":"449","y":"2238","zOrder":"269"},{"ID":"270","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16770457","size":"18","text":"JSCS"},"typeID":"TextInput","w":"147","x":"449","y":"2276","zOrder":"270"},{"ID":"271","h":"81","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"739","x":"544","y":"3289","zOrder":"271"},{"ID":"272","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3303","zOrder":"272"},{"ID":"273","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"17"},"typeID":"Label","w":"16","x":"563","y":"3305","zOrder":"273"},{"ID":"274","measuredH":"26","measuredW":"157","properties":{"bold":"true","size":"18","text":"프로그레시브 웹 앱"},"typeID":"Label","w":"293","x":"589","y":"3302","zOrder":"274"},{"ID":"275","measuredH":"25","measuredW":"485","properties":{"size":"17","text":"프로그레시브 웹 앱을 만드는 방법과 서비스워커에 대해 배우기"},"typeID":"Label","x":"590","y":"3329","zOrder":"275"},{"ID":"276","measuredH":"25","measuredW":"439","properties":{"color":"13576743","size":"17","text":"애플리케이션의 성능을 측정하고 개선하는 방법 알아보기"},"typeID":"Label","x":"588","y":"3002","zOrder":"276"},{"ID":"277","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"556","y":"3006","zOrder":"277"},{"ID":"278","measuredH":"25","measuredW":"440","properties":{"color":"13576743","size":"17","text":"예: 상호 작용 시간, 페이지 색인 속도, Lighthouse 점수 등"},"typeID":"Label","x":"587","y":"3027","zOrder":"278"},{"ID":"279","measuredH":"32","measuredW":"177","properties":{"bold":"true","size":"24","text":"계속 탐색하세요"},"typeID":"Label","x":"777","y":"3805","zOrder":"279"},{"ID":"280","h":"7","measuredH":"6","measuredW":"199","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":199,"y":0},"p1":{"x":0.5395167379813743,"y":0.003397936068462093},"p2":{"x":0,"y":6},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"200","x":"309","y":"1945","zOrder":"280"},{"ID":"281","h":"23","measuredH":"22","measuredW":"195","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":195,"y":22},"p1":{"x":0.5395167379813742,"y":0.0033979360684621165},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"196","x":"308","y":"1915","zOrder":"281"},{"ID":"282","h":"52","measuredH":"51","measuredW":"181","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":181,"y":51},"p1":{"x":0.5395167379813742,"y":0.0033979360684621134},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"182","x":"308","y":"1876","zOrder":"282"},{"ID":"283","h":"89","measuredH":"88","measuredW":"200","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":200,"y":88},"p1":{"x":0.5395167379813742,"y":0.0033979360684621043},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"201","x":"313","y":"1840","zOrder":"283"},{"ID":"284","h":"111","measuredH":"109","measuredW":"182","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":182,"y":109},"p1":{"x":0.5479508196721311,"y":0.0024590163934426227},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"184","x":"320","y":"1808","zOrder":"284"},{"ID":"285","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"BEM"},"typeID":"TextInput","w":"162","x":"158","y":"1790","zOrder":"285"},{"ID":"286","measuredH":"32","measuredW":"74","properties":{"align":"center","color":"16770457","size":"18","text":"OOCSS"},"typeID":"TextInput","w":"162","x":"158","y":"1827","zOrder":"286"},{"ID":"287","h":"105","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"584","x":"480","y":"1775","zOrder":"287"},{"ID":"288","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"494","y":"1801","zOrder":"288"},{"ID":"289","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"10"},"typeID":"Label","w":"16","x":"499","y":"1803","zOrder":"289"},{"ID":"290","measuredH":"26","measuredW":"128","properties":{"bold":"true","size":"18","text":"CSS 프레임워크"},"typeID":"Label","w":"293","x":"525","y":"1800","zOrder":"290"},{"ID":"291","measuredH":"25","measuredW":"518","properties":{"size":"17","text":"정말 아무것도 배울 필요는 없지만 그래도 가지고 있는 것은 좋아요."},"typeID":"Label","x":"526","y":"1828","zOrder":"291"},{"ID":"292","measuredH":"32","measuredW":"94","properties":{"align":"center","color":"16776960","size":"18","text":"Bootstrap"},"typeID":"TextInput","w":"149","x":"1071","y":"1775","zOrder":"292"},{"ID":"293","measuredH":"32","measuredW":"138","properties":{"align":"center","color":"16770457","size":"18","text":"Materialize CSS"},"typeID":"TextInput","w":"149","x":"1071","y":"1812","zOrder":"293"},{"ID":"294","measuredH":"32","measuredW":"65","properties":{"align":"center","color":"16770457","size":"18","text":"Bulma"},"typeID":"TextInput","w":"150","x":"1070","y":"1848","zOrder":"294"},{"ID":"295","h":"105","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"480","y":"1885","zOrder":"295"},{"ID":"296","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"494","y":"1900","zOrder":"296"},{"ID":"297","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"11"},"typeID":"Label","w":"16","x":"499","y":"1902","zOrder":"297"},{"ID":"298","measuredH":"26","measuredW":"110","properties":{"bold":"true","size":"18","text":"CSS 아키텍쳐"},"typeID":"Label","w":"293","x":"525","y":"1899","zOrder":"298"},{"ID":"299","measuredH":"25","measuredW":"469","properties":{"size":"17","text":"CSS를 더 잘 구조화하고 유지 관리하기 위한 여러가지 방법과"},"typeID":"Label","x":"526","y":"1927","zOrder":"299"},{"ID":"300","measuredH":"25","measuredW":"505","properties":{"size":"17","text":"차이점를 알아야 합니다 – 개인적으로 BEM을 더 많이 사용합니다."},"typeID":"Label","x":"527","y":"1952","zOrder":"300"},{"ID":"301","measuredH":"32","measuredW":"84","properties":{"align":"center","color":"16770457","size":"18","text":"SMACSS"},"typeID":"TextInput","w":"162","x":"158","y":"1864","zOrder":"301"},{"ID":"302","measuredH":"32","measuredW":"83","properties":{"align":"center","color":"16770457","size":"18","text":"SUITCSS"},"typeID":"TextInput","w":"162","x":"158","y":"1901","zOrder":"302"},{"ID":"303","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16770457","size":"18","text":"Atomic"},"typeID":"TextInput","w":"162","x":"159","y":"1937","zOrder":"303"},{"ID":"304","h":"87","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"544","y":"3623","zOrder":"304"},{"ID":"305","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3637","zOrder":"305"},{"ID":"306","measuredH":"22","measuredW":"16","properties":{"bold":"true","color":"16777215","size":"14","text":"20"},"typeID":"Label","w":"16","x":"563","y":"3639","zOrder":"306"},{"ID":"307","measuredH":"26","measuredW":"259","properties":{"bold":"true","size":"18","text":"위에서 언급되지 않은 모든 것들"},"typeID":"Label","w":"391","x":"589","y":"3636","zOrder":"307"},{"ID":"308","measuredH":"25","measuredW":"632","properties":{"size":"17","text":"캔버스, HTML-5 APIs, SVG, sourcemaps, 함수형 프로그래밍, TC39 등. 이해가 안돼!"},"typeID":"Label","x":"590","y":"3663","zOrder":"308"},{"ID":"309","measuredH":"25","measuredW":"395","properties":{"bold":"true","size":"17","text":"중요 - 과대 광고에 속지 말고 비교하고 이해하세요!"},"typeID":"Label","w":"512","x":"885","y":"2632","zOrder":"309"},{"ID":"310","measuredH":"25","measuredW":"443","properties":{"size":"17","text":"그것들은 정말로 여러분들에게 초능력을 선사할 것입니다."},"typeID":"Label","x":"589","y":"3443","zOrder":"310"},{"ID":"311","measuredH":"25","measuredW":"204","properties":{"size":"17","text":"NPM Scripts를 선택합니다"},"typeID":"Label","x":"171","y":"2106","zOrder":"311"},{"ID":"312","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"github","size":"medium"}},"typeID":"Icon","x":"920","y":"41","zOrder":"312"},{"ID":"313","measuredH":"25","measuredW":"316","properties":{"bold":"true","color":"10027263","size":"17","text":"한글 번역: devjang/developer-roadmap"},"typeID":"Label","x":"956","y":"45","zOrder":"313"}]},"measuredH":"3837","measuredW":"1414","mockupH":"3796","mockupW":"1335","version":"1.0"}} \ No newline at end of file diff --git a/project-files/intro-map.json b/project/intro-map.json similarity index 100% rename from project-files/intro-map.json rename to project/intro-map.json diff --git a/README.md b/readme.md similarity index 77% rename from README.md rename to readme.md index fe7e3eecd..5f34cf22f 100644 --- a/README.md +++ b/readme.md @@ -6,29 +6,30 @@ 이 로드맵을 개선할 수 있다고 생각한다면 제안을 해주세요. -*** - -<p align="center"><b> 이 가이드가 마음에 들고 비슷한 내용을 더 원하십니까? </b><br><a href="http://hugobots.com">Hugobots</a>을 구독하거나 <a href="http://twitter.com/kamranahmedse">트위터</a>를 팔로우하세요!</p> - -*** +<br> +<p align="center"> + <img src="./images/disclaimer.png" width="750"> +</p> +<br> +<sub>저의 [블로그](http://kamranahmed.info)를 확인하고 [트위터](https://twitter.com/kamranahmedse)에 "안녕"이라고 말해주세요.</sub> ## 🚀 소개 - + ## 🎨 프론트엔드 로드맵 - + ## 👽 백엔드 로드맵 백엔드의 경우 개인적으로 Node.js와 PHP7을 선호합니다. 최근에는 Go를 사용해봤고 아주 맘에 들었습니다. 이 외에도 다른 것을 고려해야 한다면 Ruby로 갈 것입니다. 그러나 이것은 단지 제 개인 취향입니다. 여러분은 표시된 언어 중 어떤 것이든 선택할 수 있고 여러분은 잘할 것입니다. - + ## 👷 데브옵스 로드맵 - + <br> @@ -48,9 +49,9 @@ 프로젝트 파일은 `/project-files` 디렉토리에 있습니다. 로드맵을 수정하려면 발사믹을 열고 **Project > Import > Mockup JSON** 클릭하여 로드맵을 열고 수정한 후 이미지를 readme에 업로드한 후 `Pull Request`를 작성합니다. - 개선사항은 pull request -- 논의는 issues -- 퍼트리세요 -- 어떠한 의견이든 내밀어주세요 [](https://twitter.com/kamranahmedse) +- 논의사항은 issues +- 널리 알려주세요 +- 어떠한 의견이든 제시해주세요 [](https://twitter.com/kamranahmedse) ## 스폰서 @@ -59,4 +60,5 @@ ## 라이센스 -[](https://creativecommons.org/licenses/by/4.0/) + +[](https://creativecommons.org/licenses/by/4.0/)