├── .gitignore ├── .idea ├── .gitignore ├── misc.xml ├── modules.xml └── vcs.xml ├── GitAssociated ├── .idea │ ├── .gitignore │ ├── misc.xml │ ├── modules.xml │ ├── uiDesigner.xml │ └── vcs.xml ├── GitAssociated.iml └── src │ ├── Eighteenth │ ├── FirstThreadTest.java │ ├── SecondThreadTest.java │ └── ThirdThreadTest.java │ ├── Eighth │ ├── Exercise1.java │ ├── Exercise2.java │ ├── Exercise2Clue.java │ ├── Exercise3.java │ ├── Homework1.java │ ├── Homework10.java │ ├── Homework11.java │ ├── Homework2.java │ ├── Homework3.java │ ├── Homework4.java │ ├── Homework5.java │ ├── Homework6.java │ ├── Homework7.java │ ├── Homework8.java │ ├── Homework9.java │ ├── MySeries.java │ └── RandomAlloc.java │ ├── Eleventh │ ├── Homework1.java │ ├── InheritanceTest.java │ └── NonInheritanceTest.java │ ├── Fifteenth │ ├── SocketClientTest.java │ └── SocketServerTest.java │ ├── Fifth │ └── RandomPick.java │ ├── Fourteenth │ ├── AllocTeamHomework.java │ ├── CreateTeam.java │ ├── GetLocalHost.java │ ├── RandomTeamSelection.java │ ├── SocketClient.java │ ├── SocketClientTest.java │ └── Test.java │ ├── Nineteenth │ ├── FailedBank.java │ ├── ItemEnhanceThreadTest.java │ ├── PerfSyncBank.java │ ├── PerfSyncBankTest.java │ ├── SynchronizedBank.java │ ├── SynchronizedBankTest.java │ └── WhyThreadMutex.java │ ├── Ninth │ ├── AllocRandom.java │ ├── Homework1.java │ ├── Homework10.java │ ├── Homework11.java │ ├── Homework12.java │ ├── Homework2.java │ ├── Homework3.java │ ├── Homework4.java │ ├── Homework5.java │ ├── Homework6.java │ ├── Homework7.java │ ├── Homework8.java │ ├── Homework9.java │ ├── MyDice.java │ ├── RockPaperScissors.java │ └── ScoreCalculator.java │ ├── Seventeenth │ ├── ClientSocketManager.java │ ├── MainClient.java │ ├── MainServer.java │ ├── ServerSocketManager.java │ ├── SocketManager.java │ ├── TCPClient.java │ └── TCPServer.java │ ├── Seventh │ ├── ClassBasic.java │ ├── Homework1.java │ ├── Homework2.java │ ├── Homework3.java │ ├── Homework4.java │ ├── Homework5.java │ ├── Homework6.java │ ├── Question1.java │ ├── Question2.java │ ├── Question3.java │ ├── Quiz1.java │ ├── Quiz2.java │ ├── Quiz3_1.java │ ├── Quiz3_2.java │ ├── Quiz3_3.java │ ├── Quiz4.java │ ├── Quiz5.java │ ├── ScoreAverage.java │ └── SmartScoreAverage.java │ ├── Sixteenth │ ├── ClientSocketManager.java │ ├── MainClient.java │ ├── MainServer.java │ ├── RockScissorPaper.java │ ├── ServerSocketManager.java │ └── SocketManager.java │ ├── Sixth │ ├── ArrayAllocNonNew.java │ ├── ArrayFibonacci.java │ ├── FirstArrayTest.java │ └── InputArrayFibonacci.java │ ├── Tenth │ ├── DoubleArrayTest.java │ ├── Exercise1.java │ ├── FirstPrivate.java │ ├── Matrix.java │ ├── MySeries.java │ └── PrintSimpleNumberTest.java │ ├── Thirteenth │ ├── Adventurer.java │ ├── ArryaListTest.java │ ├── Assassin.java │ ├── GameTest.java │ ├── HashSetTest.java │ ├── IteratorTest.java │ ├── Mage.java │ ├── Question.java │ ├── SkillTree.java │ ├── Test.java │ ├── Theif.java │ ├── Ticketing.java │ ├── TicketingTest.java │ ├── WarLoad.java │ ├── Warrior.java │ └── Wizard.java │ ├── Twelveth │ ├── Comparable.java │ ├── MatrixTest.java │ ├── MyStrcmp.java │ ├── StrcmpInterfaceTest.java │ ├── StrcmpTest.java │ └── Utility.java │ ├── Twentieth │ ├── AccelThread.java │ ├── ComprehensiveExercise.java │ ├── FinalPerformanceTest.java │ ├── OperationAccelerator.java │ ├── PerformanceTest.java │ ├── PerformanceTest2.java │ ├── PerformanceTest3.java │ └── PerformanceUtil.java │ └── Twentyoneth │ ├── ClientHandler.java │ ├── ThreadChatClient.java │ └── ThreadChatServer.java ├── JavaScriptLecture ├── js_array │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_array.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── apply-math │ │ └── ApplyMathTest.js │ │ ├── array-test │ │ ├── ArraySortTest.js │ │ └── ArraySortTest2.js │ │ ├── custom-lib │ │ ├── CustomMathTest.js │ │ ├── SubOrderTest.js │ │ └── SubOrderTest2.js │ │ ├── index-test │ │ └── IndexTest.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── repeat-test │ │ ├── ArrayRepeatTest.js │ │ ├── RepeatEveryTest.js │ │ ├── RepeatFilterTest.js │ │ ├── RepeatFindTest.js │ │ ├── RepeatMapTest.js │ │ ├── RepeatReduceTest.js │ │ └── RepeatSomeTest.js │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_arrow │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_arrow.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── arrow-test │ │ ├── ArrowFunctionTest.js │ │ ├── ArrowFunctionTest2.js │ │ ├── ArrowFunctionTest3.js │ │ └── ArrowFunctionTest4.js │ │ ├── exercise │ │ └── Prob.js │ │ ├── func-test │ │ ├── DefaultParam.js │ │ └── FuncTest.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_datatype │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_datatype.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── data_type │ │ ├── ArrayDataType.js │ │ ├── BoolDataType.js │ │ ├── ConstTest.js │ │ ├── DataType.js │ │ ├── DataTypeBasic.js │ │ ├── ExpDataType.js │ │ ├── ForTest.js │ │ ├── IfTest.js │ │ ├── JsonDataType.js │ │ ├── LetVar.js │ │ ├── LetVar2.js │ │ ├── LetVar3.js │ │ ├── LetVar4.js │ │ ├── RealDataType.js │ │ ├── StringDataType.js │ │ ├── SymbolTest.js │ │ └── TypeOf.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_expression │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_expression.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── array │ │ ├── SpreadTest.js │ │ ├── SpreadTest2.js │ │ ├── SpreadTest3.js │ │ ├── SpreadTest4.js │ │ ├── SpreadTest5.js │ │ ├── SpreadTest6.js │ │ └── SpreadTest7.js │ │ ├── coincidence │ │ ├── CICDTest2.js │ │ ├── CICDTest3.js │ │ ├── CICDTest4.js │ │ ├── CICDTest5.js │ │ ├── CICDTest6.js │ │ └── FinalEqCicdTest.js │ │ ├── equals │ │ ├── EQTest.js │ │ ├── EQTest2.js │ │ ├── EQTest3.js │ │ ├── EQTest4.js │ │ ├── EQTest5.js │ │ └── EQTest6.js │ │ ├── exercise │ │ └── RandomTeam.js │ │ ├── function │ │ ├── EmptyObjectTest.js │ │ ├── FunctionObjectTest.js │ │ └── FunctionObjectTest2.js │ │ ├── homework │ │ ├── Homework1.js │ │ ├── Homework2.js │ │ ├── Homework3.js │ │ └── Homework4.js │ │ ├── index.css │ │ ├── index.js │ │ ├── literal │ │ └── LiteralTest.js │ │ ├── logo.svg │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_generator │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_generator.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── generator-test │ │ └── GeneratorTest.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── promise-asynchronous │ │ ├── NonPromiseTest.js │ │ ├── NonPromiseTest2.js │ │ ├── PromiseParallelTest.js │ │ ├── PromiseTest.js │ │ ├── PromiseTest2.js │ │ ├── PromiseTest3.js │ │ ├── PromiseTest4.js │ │ ├── PromiseTest5.js │ │ ├── PromiseTest6.js │ │ ├── PromiseTest7.js │ │ └── PromiseTest8.js │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_object │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_object.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── array-test │ │ ├── ArrayConcatTest.js │ │ ├── ArrayJoinTest.js │ │ ├── ArrayPopTest.js │ │ ├── ArrayPushTest.js │ │ ├── ArrayShiftTest.js │ │ ├── ArraySliceTest.js │ │ ├── ArraySpliceTest.js │ │ └── ArrayUnshiftTest.js │ │ ├── class-extends-test │ │ ├── ClassExtends.js │ │ └── ClassExtends2.js │ │ ├── class-test │ │ ├── ClassObject.js │ │ ├── ClassObject2.js │ │ ├── ClassObject3.js │ │ └── ClassObject4.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── object-test │ │ ├── ObjectTest.js │ │ └── ObjectTest2.js │ │ ├── reportWebVitals.js │ │ ├── setupTests.js │ │ └── sort │ │ └── SortTest.js ├── js_parallel │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_parallel.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── promise-parallel │ │ ├── PromiseParallelTest.js │ │ ├── PromiseParallelTest2.js │ │ ├── PromiseParallelTest3.js │ │ ├── PromiseParallelTest4.js │ │ ├── PromiseParallelTest5.js │ │ ├── PromiseParallelTest6.js │ │ ├── PromiseParallelTest7.js │ │ ├── Test.js │ │ └── TestPromiseVersion.js │ │ ├── reportWebVitals.js │ │ └── setupTests.js ├── js_prob │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ │ ├── .gitignore │ │ ├── inspectionProfiles │ │ │ └── Project_Default.xml │ │ ├── js_prob.iml │ │ ├── misc.xml │ │ ├── modules.xml │ │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── exercise │ │ └── Prob.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── reportWebVitals.js │ │ └── setupTests.js └── js_set │ ├── .eslintcache │ ├── .gitignore │ ├── .idea │ ├── .gitignore │ ├── inspectionProfiles │ │ └── Project_Default.xml │ ├── js_set.iml │ ├── misc.xml │ ├── modules.xml │ └── vcs.xml │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt │ └── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── for-test │ └── ForWithSetMap.js │ ├── index.css │ ├── index.js │ ├── iterator-test │ ├── IteratorTest.js │ ├── IteratorTest2.js │ └── IteratorTest3.js │ ├── logo.svg │ ├── map-test │ ├── MapDeleteTest.js │ ├── MapIterationTest.js │ ├── MapSetTest.js │ ├── NewMapInitTest.js │ └── NewMapTest.js │ ├── reportWebVitals.js │ ├── set-test │ ├── AddSetTest.js │ ├── ForEachWithSet.js │ ├── NewSetInitTest.js │ ├── NewSetTest.js │ ├── SetEntryIterationTest.js │ └── SetKeyIterationTest.js │ └── setupTests.js ├── LICENSE ├── LectureContents.iml ├── README.md ├── SpringFrameworkLecture ├── board │ ├── .gitignore │ ├── build.gradle │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── settings.gradle │ └── src │ │ ├── frontend │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package-lock.json │ │ ├── package.json │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── index.html │ │ ├── src │ │ │ ├── App.vue │ │ │ ├── assets │ │ │ │ ├── logo.png │ │ │ │ └── logo.svg │ │ │ ├── components │ │ │ │ ├── BoardList.vue │ │ │ │ ├── BoardModifyForm.vue │ │ │ │ ├── BoardRead.vue │ │ │ │ ├── BoardRegisterForm.vue │ │ │ │ ├── GlobalComponent.vue │ │ │ │ ├── LocalComponent.vue │ │ │ │ └── vuetify │ │ │ │ │ └── VuetifyBoardListPageForm.vue │ │ │ ├── main.js │ │ │ ├── plugins │ │ │ │ └── vuetify.js │ │ │ ├── router │ │ │ │ └── index.js │ │ │ ├── store │ │ │ │ ├── actions.js │ │ │ │ ├── getters.js │ │ │ │ ├── index.js │ │ │ │ ├── mutation-types.js │ │ │ │ ├── mutations.js │ │ │ │ └── states.js │ │ │ └── views │ │ │ │ ├── About.vue │ │ │ │ ├── BoardListPage.vue │ │ │ │ ├── BoardModifyPage.vue │ │ │ │ ├── BoardReadPage.vue │ │ │ │ ├── BoardRegisterPage.vue │ │ │ │ ├── Home.vue │ │ │ │ ├── Test.vue │ │ │ │ ├── common │ │ │ │ └── Layout.vue │ │ │ │ ├── crawl │ │ │ │ └── CrawlCategoryPage.vue │ │ │ │ └── vuetifyPage │ │ │ │ ├── VuetifyBoardListPage.vue │ │ │ │ └── VuetifyBoardListPaginationPage.vue │ │ └── vue.config.js │ │ ├── main │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── board │ │ │ │ ├── BoardApplication.java │ │ │ │ ├── config │ │ │ │ └── DBConfig.java │ │ │ │ ├── controller │ │ │ │ ├── board │ │ │ │ │ └── VueBoardController.java │ │ │ │ ├── crawl │ │ │ │ │ └── CrawlController.java │ │ │ │ └── random │ │ │ │ │ └── RandomController.java │ │ │ │ ├── entity │ │ │ │ ├── board │ │ │ │ │ └── VueBoard.java │ │ │ │ ├── crawl │ │ │ │ │ ├── HomeNews.java │ │ │ │ │ └── News.java │ │ │ │ └── random │ │ │ │ │ └── RandomNumber.java │ │ │ │ ├── repository │ │ │ │ ├── board │ │ │ │ │ └── VueBoardRepository.java │ │ │ │ ├── crawl │ │ │ │ │ ├── HomeNewsRepository.java │ │ │ │ │ └── NewsRepository.java │ │ │ │ └── random │ │ │ │ │ └── RandomNumberRepository.java │ │ │ │ └── service │ │ │ │ ├── board │ │ │ │ ├── VueBoardService.java │ │ │ │ └── VueBoardServiceImpl.java │ │ │ │ ├── crawl │ │ │ │ ├── NewsCrawlService.java │ │ │ │ └── NewsCrawlServiceImpl.java │ │ │ │ └── random │ │ │ │ ├── RandomNumberService.java │ │ │ │ └── RandomNumberServiceImpl.java │ │ └── resources │ │ │ └── application.yaml │ │ └── test │ │ └── java │ │ └── com │ │ └── example │ │ └── board │ │ └── BoardApplicationTests.java └── demo │ ├── .gitignore │ ├── build.gradle │ ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── settings.gradle │ └── src │ ├── frontend │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── logo.png │ │ │ └── logo.svg │ │ ├── components │ │ │ ├── BoardList.vue │ │ │ ├── BoardModifyForm.vue │ │ │ ├── BoardRead.vue │ │ │ ├── BoardRegisterForm.vue │ │ │ └── HelloWorld.vue │ │ ├── main.js │ │ ├── plugins │ │ │ └── vuetify.js │ │ ├── router │ │ │ └── index.js │ │ ├── store │ │ │ ├── actions.js │ │ │ ├── index.js │ │ │ ├── mutation-types.js │ │ │ ├── mutations.js │ │ │ └── states.js │ │ └── views │ │ │ ├── About.vue │ │ │ ├── BoardListPage.vue │ │ │ ├── BoardModifyPage.vue │ │ │ ├── BoardReadPage.vue │ │ │ ├── BoardRegisterPage.vue │ │ │ ├── Home.vue │ │ │ └── Test.vue │ └── vue.config.js │ ├── hello │ └── c │ │ └── hello.c │ ├── main │ ├── java │ │ └── com │ │ │ └── example │ │ │ └── demo │ │ │ ├── DemoApplication.java │ │ │ ├── config │ │ │ └── DBConfig.java │ │ │ ├── controller │ │ │ ├── board │ │ │ │ └── BoardController.java │ │ │ ├── data │ │ │ │ └── ModelTestController.java │ │ │ ├── exercise │ │ │ │ └── ExerciseController.java │ │ │ ├── home │ │ │ │ └── HomeController.java │ │ │ ├── html_css │ │ │ │ └── Html5Css3PageController.java │ │ │ ├── http_method │ │ │ │ ├── HttpMethodMainController.java │ │ │ │ └── HttpMethodTestController.java │ │ │ ├── member │ │ │ │ └── MemberController.java │ │ │ ├── nativeinterface │ │ │ │ └── NativeController.java │ │ │ ├── parameter │ │ │ │ └── ParameterTestController.java │ │ │ ├── path │ │ │ │ └── PathVariableTestController.java │ │ │ ├── request │ │ │ │ └── RequestTestController.java │ │ │ ├── response │ │ │ │ ├── ResponseTestController.java │ │ │ │ └── ResponseTestRestController.java │ │ │ ├── thymeleaf │ │ │ │ └── ThymeLeafTestController.java │ │ │ └── vue │ │ │ │ ├── VueBoardController.java │ │ │ │ └── VueTestController.java │ │ │ ├── entity │ │ │ ├── Board.java │ │ │ ├── Member.java │ │ │ ├── TestMember.java │ │ │ └── vue │ │ │ │ └── VueBoard.java │ │ │ ├── game │ │ │ └── DiceGame.java │ │ │ ├── nativeinterface │ │ │ └── HelloSpring.java │ │ │ ├── repository │ │ │ ├── BoardRepository.java │ │ │ ├── MemberRepository.java │ │ │ └── vue │ │ │ │ └── VueBoardRepository.java │ │ │ └── service │ │ │ ├── BoardService.java │ │ │ ├── BoardServiceImpl.java │ │ │ ├── MemberService.java │ │ │ ├── MemberServiceImpl.java │ │ │ └── vue │ │ │ ├── VueBoardService.java │ │ │ └── VueBoardServiceImpl.java │ ├── resources │ │ ├── application.yaml │ │ ├── static │ │ │ ├── css │ │ │ │ ├── avoidsheet.css │ │ │ │ ├── border │ │ │ │ │ ├── border.css │ │ │ │ │ ├── border2.css │ │ │ │ │ ├── border3.css │ │ │ │ │ ├── border4.css │ │ │ │ │ ├── border5.css │ │ │ │ │ ├── border6.css │ │ │ │ │ └── border7.css │ │ │ │ ├── bordersheet.css │ │ │ │ ├── box │ │ │ │ │ ├── box.css │ │ │ │ │ ├── box10.css │ │ │ │ │ ├── box11.css │ │ │ │ │ ├── box12.css │ │ │ │ │ ├── box13.css │ │ │ │ │ ├── box14.css │ │ │ │ │ ├── box15.css │ │ │ │ │ ├── box16.css │ │ │ │ │ ├── box17.css │ │ │ │ │ ├── box2.css │ │ │ │ │ ├── box3.css │ │ │ │ │ ├── box4.css │ │ │ │ │ ├── box5.css │ │ │ │ │ ├── box6.css │ │ │ │ │ ├── box7.css │ │ │ │ │ ├── box8.css │ │ │ │ │ └── box9.css │ │ │ │ ├── column-rule │ │ │ │ │ └── column-rule.css │ │ │ │ ├── listImg.css │ │ │ │ ├── menubar │ │ │ │ │ └── menubar.css │ │ │ │ ├── overflow.css │ │ │ │ ├── rotateTransform.css │ │ │ │ ├── selector │ │ │ │ │ ├── selector.css │ │ │ │ │ ├── selector2.css │ │ │ │ │ ├── selector3.css │ │ │ │ │ ├── selector4.css │ │ │ │ │ ├── selector5.css │ │ │ │ │ ├── selector6.css │ │ │ │ │ ├── selector7.css │ │ │ │ │ └── selector8.css │ │ │ │ ├── style.css │ │ │ │ ├── textborder.css │ │ │ │ ├── variousFont.css │ │ │ │ └── vue │ │ │ │ │ └── trans.css │ │ │ ├── img │ │ │ │ ├── cat.jpg │ │ │ │ ├── circle.png │ │ │ │ ├── circle_resize.png │ │ │ │ ├── golang.png │ │ │ │ ├── images.jpeg │ │ │ │ ├── product.jpeg │ │ │ │ ├── rust.jpg │ │ │ │ ├── start_button.png │ │ │ │ └── testImg.png │ │ │ └── package.json │ │ └── templates │ │ │ ├── html_css │ │ │ ├── border │ │ │ │ ├── webCustomTableBorderTest.html │ │ │ │ ├── webCustomTableBorderTest2.html │ │ │ │ ├── webCustomTableBorderTest3.html │ │ │ │ ├── webCustomTableBorderTest4.html │ │ │ │ ├── webCustomTableBorderTest5.html │ │ │ │ ├── webCustomTableBorderTest6.html │ │ │ │ ├── webCustomTableBorderTest7.html │ │ │ │ └── webTextBorderTest.html │ │ │ ├── box │ │ │ │ ├── webBlockInlineTest.html │ │ │ │ ├── webBoxBorderStyleTest.html │ │ │ │ ├── webBoxBorderStyleTest2.html │ │ │ │ ├── webBoxEllipseTest.html │ │ │ │ ├── webBoxLayoutTest.html │ │ │ │ ├── webBoxLayoutTest2.html │ │ │ │ ├── webBoxMarginTest.html │ │ │ │ ├── webBoxOutlineTest.html │ │ │ │ ├── webBoxPaddingTest.html │ │ │ │ ├── webBoxPositionRelativeTest.html │ │ │ │ ├── webBoxRoundTest.html │ │ │ │ ├── webBoxSizingTest.html │ │ │ │ ├── webBoxSubRoundTest2.html │ │ │ │ ├── webBoxTest.html │ │ │ │ ├── webInlineBlockTest.html │ │ │ │ ├── webNavUlLiBoxTest.html │ │ │ │ └── webNavUlLiBoxTest2.html │ │ │ ├── column-rule │ │ │ │ └── webColumnRuleTest.html │ │ │ ├── css3basic │ │ │ │ ├── webBorderStyleTest.html │ │ │ │ ├── webCSS3SectionTest.html │ │ │ │ ├── webCSS3StyleSheetTest.html │ │ │ │ ├── webCSS3Test.html │ │ │ │ ├── webFontTest.html │ │ │ │ ├── webHow2AvoidTest.html │ │ │ │ └── webRotationTransformTest.html │ │ │ ├── custom │ │ │ │ └── webCustomUlTest.html │ │ │ ├── form │ │ │ │ ├── formTest.html │ │ │ │ ├── loginFormTest.html │ │ │ │ ├── webFormLegacy.html │ │ │ │ ├── webFormOptGroup.html │ │ │ │ ├── webFormTest.html │ │ │ │ ├── webFormTest2.html │ │ │ │ ├── webFormTest3.html │ │ │ │ ├── webFormTest4.html │ │ │ │ ├── webFormTest5.html │ │ │ │ ├── webFormTest6.html │ │ │ │ ├── webFormTest7.html │ │ │ │ └── webFormWithSelect.html │ │ │ ├── image │ │ │ │ ├── iFrameTest.html │ │ │ │ ├── imgAltTest.html │ │ │ │ ├── imgCompanyProfileTest.html │ │ │ │ ├── imgFigcaptionTest.html │ │ │ │ ├── imgSizeTest.html │ │ │ │ ├── img_test.html │ │ │ │ └── roiATagTest.html │ │ │ ├── menubar │ │ │ │ └── webMenuDropDownTest.html │ │ │ ├── multimedia │ │ │ │ ├── webPlayMP3Test.html │ │ │ │ └── webPlayVideoTest.html │ │ │ ├── overflow │ │ │ │ └── webOverflowTest.html │ │ │ ├── progbar │ │ │ │ ├── webProgressBarTest.html │ │ │ │ └── webProgressBarTest2.html │ │ │ ├── selector │ │ │ │ ├── webSelectTest.html │ │ │ │ ├── webSelectTest2.html │ │ │ │ ├── webSelectTest3.html │ │ │ │ ├── webSelectTest4.html │ │ │ │ ├── webSelectTest5.html │ │ │ │ ├── webSelectTest6.html │ │ │ │ ├── webSelectTest7.html │ │ │ │ └── webSelectTest8.html │ │ │ ├── success.html │ │ │ ├── table │ │ │ │ ├── mat3by3Test.html │ │ │ │ ├── tableTest.html │ │ │ │ ├── tableTest2.html │ │ │ │ ├── tableTest3.html │ │ │ │ ├── tableTest4.html │ │ │ │ └── tableTest5.html │ │ │ └── text │ │ │ │ ├── aTagStyleTest.html │ │ │ │ ├── aTagTest.html │ │ │ │ ├── blockquote_test.html │ │ │ │ ├── captionTest.html │ │ │ │ ├── idCheckTest.html │ │ │ │ ├── mark_test.html │ │ │ │ ├── ol_li.html │ │ │ │ ├── p_options_test.html │ │ │ │ ├── p_test.html │ │ │ │ ├── pre_test.html │ │ │ │ ├── span_color_test.html │ │ │ │ ├── style_page_test.html │ │ │ │ ├── ul_li.html │ │ │ │ ├── ul_ol_li_test.html │ │ │ │ ├── ul_ul_li_test.html │ │ │ │ └── visitedTest.html │ │ │ ├── package.json │ │ │ ├── spring │ │ │ ├── board │ │ │ │ ├── list.html │ │ │ │ ├── modify.html │ │ │ │ ├── read.html │ │ │ │ ├── register.html │ │ │ │ └── remove.html │ │ │ ├── exercise │ │ │ │ └── main.html │ │ │ ├── home.html │ │ │ ├── http_method │ │ │ │ └── main.html │ │ │ ├── member │ │ │ │ ├── register.html │ │ │ │ └── success.html │ │ │ ├── model │ │ │ │ └── modelDate.html │ │ │ ├── package.json │ │ │ ├── parameter │ │ │ │ ├── list.html │ │ │ │ ├── modify.html │ │ │ │ ├── read.html │ │ │ │ ├── register.html │ │ │ │ └── remove.html │ │ │ ├── real_board │ │ │ │ ├── list.html │ │ │ │ ├── modify.html │ │ │ │ ├── read.html │ │ │ │ ├── register.html │ │ │ │ └── success.html │ │ │ ├── request │ │ │ │ └── registerForm.html │ │ │ └── thyme │ │ │ │ ├── hobbyForm.html │ │ │ │ ├── introductionForm.html │ │ │ │ ├── registerForm.html │ │ │ │ └── result.html │ │ │ └── vue │ │ │ ├── game.html │ │ │ ├── gameStart.html │ │ │ ├── main.html │ │ │ └── multiCheckBox.html │ └── sql │ │ ├── board.sql │ │ └── member.sql │ ├── sql │ └── board.sql │ └── test │ └── java │ └── com │ └── example │ └── demo │ └── DemoApplicationTests.java ├── binary └── server └── notes ├── Java ├── 10회차.txt ├── 15회차네트워크.txt ├── 16회차.txt ├── 18회차스레드관련.txt ├── 19회차크리티컬섹션.txt ├── 20일차ContextSwitching.txt ├── 2회차.txt ├── 3회차.txt ├── 4회차.txt ├── 5회차.txt ├── 6회차.txt ├── 7회차.txt ├── 8회차.txt └── test.txt ├── JavaScript └── 2021-01-27.txt ├── MySQL └── 34회차.txt ├── Spring ├── 27회차Spring설정.txt ├── 31회차.txt ├── 32회차.txt └── 36회차.txt └── vue └── 39회차.txt /.gitignore: -------------------------------------------------------------------------------- 1 | # Compiled class file 2 | *.class 3 | 4 | # Log file 5 | *.log 6 | 7 | # BlueJ files 8 | *.ctxt 9 | 10 | # Mobile Tools for Java (J2ME) 11 | .mtj.tmp/ 12 | 13 | # Package Files # 14 | *.jar 15 | *.war 16 | *.nar 17 | *.ear 18 | *.zip 19 | *.tar.gz 20 | *.rar 21 | 22 | # virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml 23 | hs_err_pid* 24 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /GitAssociated/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /GitAssociated/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /GitAssociated/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /GitAssociated/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /GitAssociated/GitAssociated.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework1.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework1 { 4 | public static void main(String[] args) { 5 | // 1) 1 ~ 10 까지 출력하는 클래스내의 매서드를 만들어보자! 6 | MySeries ms = new MySeries(); 7 | ms.printValue(1, 10); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework10.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework10 { 4 | public static void main(String[] args) { 5 | // 10) 랜덤한 개수의 배열을 만든다. (범위는 적당히 알아서 지정하자) 6 | RandomAlloc ra = new RandomAlloc(); 7 | 8 | ra.prepareArray(); 9 | ra.setRandomArray(); 10 | ra.printEmployee(); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework11.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework11 { 4 | public static void main(String[] args) { 5 | // 11) 이 배열에서 짝수가 몇 개 나왔는지 체크하는 매서드를 만든다. 6 | RandomAlloc ra = new RandomAlloc(); 7 | 8 | ra.prepareArray(); 9 | ra.setRandomArray(); 10 | ra.printEmployee(); 11 | 12 | System.out.println(""); 13 | System.out.println( 14 | "짝수의 개수는 = " + ra.getArrayEvenNumberCount()); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework2.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework2 { 4 | public static void main(String[] args) { 5 | // 2) 1 ~ 10 까지의 숫자를 더한 결과를 출력하도록 매서드를 만들어보자! 6 | MySeries ms = new MySeries(); 7 | 8 | System.out.println( 9 | "1 ~ 10 까지의 합 = " + ms.valueSum(1, 10)); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework3.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework3 { 4 | public static void main(String[] args) { 5 | // 1 ~ 20 까지의 숫자중 2 의 배수를 출력하도록 매서드를 만들어보자! 6 | MySeries ms = new MySeries(); 7 | 8 | ms.printValue(1, 20, 2); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework4.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework4 { 4 | public static void main(String[] args) { 5 | // 4) 1 ~ 20 까지의 숫자중 2 의 배수이고 3 의 배수인 수를 출력해보자! 6 | MySeries ms = new MySeries(); 7 | 8 | ms.printTwiceOrder(1, 20, 9 | 2, 3, ms.AND); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework5.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework5 { 4 | public static void main(String[] args) { 5 | // 5) 3 ~ 33 까지의 숫자중 2 의 배수 또는 3 의 배수인 수를 출력해보자! 6 | MySeries ms = new MySeries(); 7 | 8 | ms.printTwiceOrder(3, 33, 9 | 2, 3, ms.OR); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework6.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework6 { 4 | public static void main(String[] args) { 5 | // 6) 피보나치 수열을 배열 없이 만들어서 출력해보도록 만든다. 6 | MySeries ms = new MySeries(); 7 | 8 | ms.fibnacciSeries(15); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework7.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework7 { 4 | public static void main(String[] args) { 5 | // 7) 총 20명의 사원이 있다고 가정한다. 6 | // 20명 모두에게 랜덤한 번호가 할당되도록 만든다(중복 허용) 7 | RandomAlloc ra = new RandomAlloc(); 8 | 9 | ra.prepareEmployee(20); 10 | ra.setRandomNumber(ra.DUPLICATE); 11 | ra.printEmployee(); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework8.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework8 { 4 | public static void main(String[] args) { 5 | // 8) 7번 문제를 중복이 허용되지 않도록 만든다. 6 | RandomAlloc ra = new RandomAlloc(); 7 | 8 | ra.prepareEmployee(20); 9 | ra.setRandomNumber(ra.NONDUPLICATE); 10 | ra.printEmployee(); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /GitAssociated/src/Eighth/Homework9.java: -------------------------------------------------------------------------------- 1 | package Eighth; 2 | 3 | public class Homework9 { 4 | public static void main(String[] args) { 5 | // 9) 8번 문제에서 번호별로 상금과 꽝이 존재하도록 하여 6 | // 당첨되면 '상금을 xxx 받았습니다.' 7 | // 꽝이면 '아쉽네요 ~ 다음에 재도전을!' 이 출력되도록 만든다. 8 | // 규칙: 꽝 - 짝수 9 | // 7의 배수 - 1000만원 10 | // 3의 배수 - 100만원 11 | RandomAlloc ra = new RandomAlloc(); 12 | 13 | ra.prepareEmployee(20); 14 | ra.setRandomNumber(ra.NONDUPLICATE); 15 | ra.printEmployee(); 16 | 17 | ra.printPrice(); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Fourteenth/GetLocalHost.java: -------------------------------------------------------------------------------- 1 | package Fourteenth; 2 | 3 | import java.net.InetAddress; 4 | import java.net.UnknownHostException; 5 | 6 | public class GetLocalHost { 7 | public InetAddress getLocalHostInfo() throws UnknownHostException { 8 | InetAddress inetAddress = InetAddress.getLocalHost(); 9 | 10 | System.out.println("IP Address: " + inetAddress.getHostAddress()); 11 | System.out.println("Host Name: " + inetAddress.getHostName()); 12 | 13 | return inetAddress; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /GitAssociated/src/Fourteenth/SocketClientTest.java: -------------------------------------------------------------------------------- 1 | package Fourteenth; 2 | 3 | import java.net.InetAddress; 4 | import java.net.UnknownHostException; 5 | 6 | import static java.lang.Thread.sleep; 7 | 8 | public class SocketClientTest { 9 | public static void main(String[] args) 10 | throws UnknownHostException, InterruptedException { 11 | 12 | SocketClient sc; 13 | GetLocalHost glh = new GetLocalHost(); 14 | 15 | InetAddress ia = glh.getLocalHostInfo(); 16 | 17 | sc = new SocketClient(ia.getHostAddress(), 33333); 18 | 19 | sleep(20000); 20 | 21 | sc.closeSocket(); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /GitAssociated/src/Fourteenth/Test.java: -------------------------------------------------------------------------------- 1 | package Fourteenth; 2 | 3 | public class Test { 4 | public static void main(String[] args) { 5 | RandomTeamSelection rt = new RandomTeamSelection(17); 6 | 7 | rt.allocArrTeamMemberZeroValue(); 8 | System.out.println("------------------"); 9 | rt.allocArrTeamChoice(); 10 | System.out.println("------------------"); 11 | rt.printRandomTeamArr(); 12 | System.out.println("------------------"); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework1.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | import Eighth.MySeries; 4 | 5 | public class Homework1 { 6 | public static void main(String[] args) { 7 | MySeries ms = new MySeries(); 8 | 9 | ms.printValue(1, 10); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework2.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | import Eighth.MySeries; 4 | 5 | public class Homework2 { 6 | public static void main(String[] args) { 7 | MySeries ms = new MySeries(); 8 | 9 | ms.printValue(3, 33); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework3.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | import Eighth.MySeries; 4 | 5 | public class Homework3 { 6 | public static void main(String[] args) { 7 | MySeries ms = new MySeries(); 8 | 9 | ms.printValue(5, 55, 7); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework4.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | public class Homework4 { 4 | public static void main(String[] args) { 5 | MyDice md = new MyDice(5, 3, 6); 6 | 7 | md.playGame(); 8 | md.printSumOfDice(); 9 | 10 | System.out.printf("\n정렬 후!\n\n"); 11 | 12 | md.insertSort(); 13 | md.printSumOfDice(); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework5.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | public class Homework5 { 4 | public static void main(String[] args) { 5 | // 5) 컴퓨터와 가위 바위 보 게임을 할 수 있도록 프로그램을 만들어보자! 6 | // (무승부로 끝날 수도 있다) 7 | RockPaperScissors rps = new RockPaperScissors(); 8 | 9 | rps.playGame(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework7.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | import Eighth.MySeries; 4 | 5 | public class Homework7 { 6 | public static void main(String[] args) { 7 | MySeries ms = new MySeries(); 8 | 9 | System.out.println("3 ~ 33 까지의 합 = " + ms.valueSum(3, 33)); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /GitAssociated/src/Ninth/Homework8.java: -------------------------------------------------------------------------------- 1 | package Ninth; 2 | 3 | public class Homework8 { 4 | public static void main(String[] args) { 5 | RockPaperScissors rps = new RockPaperScissors(true); 6 | 7 | rps.playGame(); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventeenth/ClientSocketManager.java: -------------------------------------------------------------------------------- 1 | package Seventeenth; 2 | 3 | import java.io.IOException; 4 | import java.net.Socket; 5 | 6 | public class ClientSocketManager extends SocketManager { 7 | private Socket clntSock; 8 | 9 | public ClientSocketManager(String hostIp, int portNum) 10 | throws IOException { 11 | 12 | super(); 13 | clntSock = new Socket(hostIp, portNum); 14 | } 15 | 16 | public Socket getClntSock() { 17 | return clntSock; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Homework1.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Homework1 { 4 | public static void main(String[] args) { 5 | final int ARRSIZE = 7; 6 | // 1) 7개 짜리 int 형 배열을 만들어보자! 7 | // int[] arr = new int[7]; 8 | int[] arr = new int[ARRSIZE]; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Homework2.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Homework2 { 4 | public static void main(String[] args) { 5 | final int ARRSIZE = 7; 6 | // 2) 1번 문제에서 만든 배열에 랜덤 값을 할당해보자! 7 | 8 | int[] arr = new int[ARRSIZE]; 9 | 10 | for(int i = 0; i < ARRSIZE; i++) { 11 | arr[i] = (int)(Math.random() * 5) + 3; 12 | System.out.printf("arr[%d] = %d\n", i, arr[i]); 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Homework4.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | import java.util.Random; 4 | 5 | public class Homework4 { 6 | public static void main(String[] args) { 7 | // 4) float 형 배열에 랜덤 값 3 개를 입력해보자! 8 | final int ARRSIZE = 3; 9 | 10 | float[] arr = new float[ARRSIZE]; 11 | 12 | Random rand = new Random(); 13 | 14 | for(int i = 0; i < ARRSIZE; i++) { 15 | // nextFloat은 실수를 뽑으며 범위는 0.0 ~ 1.0 16 | arr[i] = rand.nextFloat() * 10; 17 | // %d 는 정수형, %f 는 실수형 18 | System.out.printf("arr[%d] = %f\n", i, arr[i]); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Homework5.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Homework5 { 4 | public static void main(String[] args) { 5 | int cnt = 1; 6 | // 5) 1 ~ 100 까지 숫자중 3 의 배수만 출력해보자! 7 | for(int i = 1; i < 100; i++) { 8 | if(i % 3 == 0) { 9 | System.out.printf("%3d", i); 10 | 11 | if(cnt % 11 == 0) { 12 | System.out.println(""); 13 | } 14 | 15 | cnt++; 16 | } 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Homework6.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Homework6 { 4 | public static void main(String[] args) { 5 | // 6) 5번 문제에서 출력한 값들을 출력하지 않고 6 | // 배열에 저장하고 출력하도록 한다. 7 | int cnt = 0; 8 | int[] arr = new int[100]; 9 | 10 | for(int i = 1; i < 100; i++) { 11 | if(i % 3 == 0) { 12 | arr[cnt] = i; 13 | // printf 내부에서 여러 변수를 사용한다면 14 | // 맨 뒤쪽에서 ++을 해야 가장 마지막에 적용된다. 15 | System.out.printf("arr[%d] = %d\n", cnt, arr[cnt++]); 16 | } 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Question1.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Question1 { 4 | public static void main(String[] args) { 5 | final int FIXVALUE = 3; 6 | 7 | double[] testArr = new double[FIXVALUE]; 8 | float[] testArr2 = new float[FIXVALUE]; 9 | 10 | for(int i = 0; i < FIXVALUE; i++) { 11 | testArr[i] = Math.random(); 12 | } 13 | 14 | for(int i = 0; i < FIXVALUE; i++) { 15 | testArr2[i] = (float)(Math.random()); 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Question3.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Question3 { 4 | public static void main(String[] args) { 5 | System.out.println("2^2 = " + 2 * 2); 6 | System.out.println("2^2 = " + Math.pow(2, 2)); 7 | 8 | System.out.println("2^3 = " + 2 * 2 * 2); 9 | System.out.println("2^2 = " + Math.pow(2, 3)); 10 | 11 | System.out.println("2^10 = " + 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2); 12 | System.out.println("2^10 = " + Math.pow(2, 10)); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /GitAssociated/src/Seventh/Quiz3_2.java: -------------------------------------------------------------------------------- 1 | package Seventh; 2 | 3 | public class Quiz3_2 { 4 | public static void main(String[] args) { 5 | Triangle tri = new Triangle(); 6 | 7 | tri.setLine1(2); 8 | tri.setLine2(2); 9 | tri.setTheta(90.0f); 10 | 11 | System.out.println("삼각형의 넓이는 = " + tri.calcArea2()); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /GitAssociated/src/Sixteenth/ClientSocketManager.java: -------------------------------------------------------------------------------- 1 | package Sixteenth; 2 | 3 | import java.io.IOException; 4 | import java.net.Socket; 5 | 6 | public class ClientSocketManager extends SocketManager { 7 | private Socket clntSock; 8 | 9 | public ClientSocketManager(String hostIp, int portNum) 10 | throws IOException { 11 | 12 | super(); 13 | clntSock = new Socket(hostIp, portNum); 14 | } 15 | 16 | public Socket getClntSock() { 17 | return clntSock; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Sixteenth/RockScissorPaper.java: -------------------------------------------------------------------------------- 1 | package Sixteenth; 2 | 3 | public class RockScissorPaper { 4 | 5 | } 6 | -------------------------------------------------------------------------------- /GitAssociated/src/Tenth/Exercise1.java: -------------------------------------------------------------------------------- 1 | package Tenth; 2 | 3 | public class Exercise1 { 4 | public static void main(String[] args) { 5 | Matrix mat = new Matrix(3, 3); 6 | 7 | mat.allocRandomMatrix(); 8 | mat.printMatrix(); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /GitAssociated/src/Tenth/PrintSimpleNumberTest.java: -------------------------------------------------------------------------------- 1 | package Tenth; 2 | 3 | public class PrintSimpleNumberTest { 4 | public static void main(String[] args) { 5 | MySeries ms = new MySeries(1, 10); 6 | 7 | ms.printValue(); 8 | 9 | ms.changeRange(3, 33); 10 | ms.printValue(); 11 | 12 | ms.changeRange(5, 55); 13 | ms.printValue(7); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /GitAssociated/src/Thirteenth/SkillTree.java: -------------------------------------------------------------------------------- 1 | package Thirteenth; 2 | 3 | public interface SkillTree { 4 | public void skill1(); 5 | public void skill2(); 6 | } 7 | -------------------------------------------------------------------------------- /GitAssociated/src/Thirteenth/Test.java: -------------------------------------------------------------------------------- 1 | package Thirteenth; 2 | 3 | public class Test { 4 | public static void main(String[] args) { 5 | if(3 > 5) { 6 | System.out.println("3이 더 크다."); 7 | } 8 | 9 | // A, B 클래스 내부에 value 값이 가정 10 | // A, B를 비교하고 싶은것 11 | // if(A.getValue() > B.getValue()) 12 | // A, B -> C, D -> E, F -> value 13 | // A.getC().getTest().getValue() > B.getD().getF().getValue() 14 | // A.compareTo(B) 15 | // 핵심: 재활용 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /GitAssociated/src/Twelveth/Comparable.java: -------------------------------------------------------------------------------- 1 | package Twelveth; 2 | 3 | // 인터페이스 작성법 4 | // 1. public 을 적고 interface를 적는다. 5 | // 2. 인터페이스로 만들 이름을 적는다. 6 | // 3. 내부에 다형성을 가지게 만들 매서드 프로토타입을 작성한다. 7 | 8 | // 다형성 ? 9 | // 누가 이것을 구현하냐에 따라 결과가 달라진다. 10 | public interface Comparable { 11 | // 현재 이부분은 단순히 프로토타이핑만 한 것이다. 12 | // 프로토타이핑이 무엇이냐 ? 13 | // 매서드의 리턴타입, 매서드이름, 매서드 인자의 입력만 정의한 형태 14 | public int compareTo(Object other, int order); 15 | } 16 | -------------------------------------------------------------------------------- /GitAssociated/src/Twelveth/StrcmpTest.java: -------------------------------------------------------------------------------- 1 | package Twelveth; 2 | 3 | public class StrcmpTest { 4 | private double area; 5 | 6 | public StrcmpTest(double a) { 7 | area = a; 8 | } 9 | 10 | public double getArea() { 11 | return area; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /GitAssociated/src/Twelveth/Utility.java: -------------------------------------------------------------------------------- 1 | package Twelveth; 2 | 3 | public class Utility { 4 | public static final int MYSTRCMP = 1; 5 | public static final int STRCMPTEST = 2; 6 | } 7 | -------------------------------------------------------------------------------- /GitAssociated/src/Twentieth/OperationAccelerator.java: -------------------------------------------------------------------------------- 1 | package Twentieth; 2 | 3 | public class OperationAccelerator { 4 | final int ONE = 1; 5 | 6 | private int dataStart; 7 | private int dataEnd; 8 | private int numOfData; 9 | private int maxThreadNum; 10 | 11 | public OperationAccelerator(int start, int end, int maxThreadNum) { 12 | dataStart = start; 13 | dataEnd = end; 14 | 15 | numOfData = end - start + ONE; 16 | this.maxThreadNum = maxThreadNum; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /GitAssociated/src/Twentieth/PerformanceTest.java: -------------------------------------------------------------------------------- 1 | package Twentieth; 2 | 3 | public class PerformanceTest { 4 | public static void main(String[] args) { 5 | double sum = 0; 6 | 7 | PerformanceUtil.performanceCheckStart(); 8 | 9 | for(int i = 1; i <= 1000000000; i++) { 10 | sum += (i * (Math.pow(10, -15) * i)) * Math.sin(i * Math.PI / 180.0); 11 | } 12 | 13 | PerformanceUtil.performanceCheckEnd(); 14 | 15 | System.out.println("sum = " + sum); 16 | 17 | PerformanceUtil.printPerformance(); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /GitAssociated/src/Twentieth/PerformanceUtil.java: -------------------------------------------------------------------------------- 1 | package Twentieth; 2 | 3 | public class PerformanceUtil { 4 | public static long startTime; 5 | public static long estimatedTime; 6 | 7 | public static void performanceCheckStart() { 8 | startTime = System.currentTimeMillis(); 9 | } 10 | 11 | public static void performanceCheckEnd() { 12 | estimatedTime = System.currentTimeMillis() - startTime; 13 | } 14 | 15 | // 값을 가져오는 단위가 ms(1 / 1000 초) 16 | public static void printPerformance() { 17 | System.out.println( 18 | "걸린 시간: " + estimatedTime / 1000.0 + " s"); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/js_array.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_array/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_array/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_array/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | Edit src/App.js and save to reload. 11 |

12 | 18 | Learn React 19 | 20 |
21 |
22 | ); 23 | } 24 | 25 | export default App; 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/array-test/ArraySortTest.js: -------------------------------------------------------------------------------- 1 | const ArraySortTest = () => { 2 | let arr = [1, 3, 8, 10, 5, 7, 11, 19, 77, 33] 3 | 4 | console.log("Before Reverse: " + arr) 5 | arr.reverse() 6 | console.log("After Reverse: " + arr) 7 | 8 | return ( 9 |
10 |

11 | array-test: ArraySortTest 12 |

13 |
14 | ) 15 | } 16 | 17 | export default ArraySortTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/array-test/ArraySortTest2.js: -------------------------------------------------------------------------------- 1 | const ArraySortTest2 = () => { 2 | let arr = [1, 3, 8, 10, 5, 7, 11, 19, 77, 33] 3 | 4 | console.log("Before Sort: " + arr) 5 | arr.sort(function (a, b) { 6 | return a - b 7 | }) 8 | console.log("After Sort: " + arr) 9 | console.log("Find Max = " + arr[arr.length - 1]) 10 | console.log("Find Min = " + arr[0]) 11 | 12 | return ( 13 |
14 |

15 | array-test: ArraySortTest2 16 |

17 |
18 | ) 19 | } 20 | 21 | export default ArraySortTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/repeat-test/RepeatMapTest.js: -------------------------------------------------------------------------------- 1 | const RepeatMapTest = () => { 2 | let seq = [1, 2, 3, 4, 5] 3 | let seqSquare = seq.map(squareFunc) 4 | // map은 보통 연산시 활용하는 녀석으로 5 | // seq 배열에 있는 모든 요소에 squareFunc()을 적용한다. 6 | 7 | function squareFunc(value) { 8 | return value * value 9 | } 10 | 11 | console.log("seq: " + seq) 12 | console.log("seqSquare: " + seqSquare) 13 | 14 | return ( 15 |
16 |

17 | repeat-test: RepeatMapTest 18 |

19 |
20 | ) 21 | } 22 | 23 | export default RepeatMapTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/repeat-test/RepeatSomeTest.js: -------------------------------------------------------------------------------- 1 | const RepeatSomeTest = () => { 2 | let seq = [1, 2, 3, 4, 5] 3 | let orTestSuccess = seq.some(orTestFunc) 4 | 5 | function orTestFunc(value) { 6 | return value > 3 7 | } 8 | 9 | console.log("After some(): " + orTestSuccess) 10 | 11 | return ( 12 |
13 |

14 | repeat-test: RepeatSomeTest 15 |

16 |
17 | ) 18 | } 19 | 20 | export default RepeatSomeTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_array/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/js_arrow.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_arrow/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_arrow/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_arrow/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | Edit src/App.js and save to reload. 11 |

12 | 18 | Learn React 19 | 20 |
21 |
22 | ); 23 | } 24 | 25 | export default App; 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/arrow-test/ArrowFunctionTest.js: -------------------------------------------------------------------------------- 1 | const ArrowFunctionTest = () => { 2 | let f = function() { return "33" } 3 | console.log("ArrowFunctionTest: " + f()) 4 | 5 | let fArrow = () => { return "33" } 6 | console.log("ArrowFunctionTest: " + fArrow()) 7 | 8 | return ( 9 |
10 |

11 | ArrowFunctionTest 12 |

13 |
14 | ) 15 | } 16 | 17 | export default ArrowFunctionTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/arrow-test/ArrowFunctionTest2.js: -------------------------------------------------------------------------------- 1 | const ArrowFunctionTest2 = () => { 2 | let add333 = function(val) { return 333 + val } 3 | console.log("ArrowFunctionTest: " + add333(77)) 4 | 5 | let add333Arrow = (val) => { return 333 + val } 6 | console.log("ArrowFunctionTest: " + add333Arrow(77)) 7 | 8 | return ( 9 |
10 |

11 | ArrowFunctionTest2 12 |

13 |
14 | ) 15 | } 16 | 17 | export default ArrowFunctionTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/arrow-test/ArrowFunctionTest3.js: -------------------------------------------------------------------------------- 1 | const ArrowFunctionTest3 = () => { 2 | let addTwoParam = function(a, b) { return a + b } 3 | console.log("ArrowFunctionTest: " + addTwoParam(3, 7)) 4 | 5 | let addTwoParamArrow = (a, b) => { return a + b } 6 | console.log("ArrowFunctionTest: " + addTwoParamArrow(3, 7)) 7 | 8 | return ( 9 |
10 |

11 | ArrowFunctionTest3 12 |

13 |
14 | ) 15 | } 16 | 17 | export default ArrowFunctionTest3 -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/func-test/FuncTest.js: -------------------------------------------------------------------------------- 1 | const FuncTest = () => { 2 | const add = (first, second, ... args) => { 3 | console.log("first = " + first + ", second = " + 4 | second + ", args = " + args) 5 | 6 | let sum = first + second 7 | 8 | for(let i = 0; i < args.length; i++) { 9 | sum += args[i] 10 | } 11 | 12 | return sum 13 | } 14 | 15 | let sum = add(1, 2, 3, 4, 5, 6, 7, 8, 9, 10) 16 | 17 | console.log(sum) 18 | 19 | return ( 20 |
21 |

FuncTest

22 |
23 | ) 24 | } 25 | 26 | export default FuncTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_arrow/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/js_datatype.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_datatype/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_datatype/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_datatype/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/ArrayDataType.js: -------------------------------------------------------------------------------- 1 | function ArrayDataType() { 2 | var cars = ["BMW", "Volvo", "Audi", "Toyota", "Tesla"] 3 | 4 | console.log("ArrayDataType: " + cars) 5 | 6 | return ( 7 |
8 |

9 | {cars[0]}, {cars[1]}, {cars[2]}, {cars[3]}, {cars[4]} 10 |

11 |
12 | ) 13 | } 14 | 15 | export default ArrayDataType -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/DataType.js: -------------------------------------------------------------------------------- 1 | function DataType() { 2 | // 숫자 + 문자열은 숫자를 강제로 문자열로 바꿈 3 | var test1 = 7 + "Test" 4 | var test2 = "7" + "test" 5 | // 숫자 + 숫자는 숫자로 계산하고 6 | // 이후에 숫자 + 문자열로 인해 숫자를 문자열로 바꿈 7 | var numTest = 3 + 7 + "Test" 8 | 9 | console.log("DataType: " + test1) 10 | console.log("DataType: " + test2) 11 | console.log("DataType: " + numTest) 12 | 13 | return ( 14 |
15 |

16 | {test1}, {test2}, {numTest}. 17 |

18 |
19 | ) 20 | } 21 | 22 | export default DataType -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/ExpDataType.js: -------------------------------------------------------------------------------- 1 | function ExpDataType() { 2 | // 123 x 10^5 3 | var expNum1 = 123e5 4 | // 123 x 10^-5 5 | var expNum2 = 123e-5 6 | 7 | console.log("ExpDataType: " + expNum1) 8 | console.log("ExpDataType: " + expNum2) 9 | 10 | return ( 11 |
12 |

13 | {expNum1}, {expNum2} 14 |

15 |
16 | ) 17 | } 18 | 19 | export default ExpDataType -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/ForTest.js: -------------------------------------------------------------------------------- 1 | function ForTest() { 2 | for(var i = 0; i < 3; i++) { 3 | console.log("ForTest: " + i) 4 | } 5 | 6 | return ( 7 |
8 |

9 | ForTest Works Fine! 10 |

11 |
12 | ) 13 | } 14 | 15 | export default ForTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/IfTest.js: -------------------------------------------------------------------------------- 1 | function IfTest() { 2 | var num1 = 3, num2 = 10 3 | 4 | if (num1 !== 10) { 5 | console.log("IfTest: num1 !== 10") 6 | } else if(num2 !== 10) { 7 | console.log("IfTest: num2 !== 10") 8 | } else { 9 | console.log("IfTest: works fine!") 10 | } 11 | 12 | return ( 13 |
14 |

15 | IfTest Works Fine! 16 |

17 |
18 | ) 19 | } 20 | 21 | export default IfTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/JsonDataType.js: -------------------------------------------------------------------------------- 1 | function JsonDataType() { 2 | var person = { 3 | name: "Sanghoon", 4 | major: "Electronics", 5 | minor: "Computer Science", 6 | numOfRepo: 200 7 | } 8 | 9 | console.log("JsonDataType: " + person) 10 | 11 | return ( 12 |
13 |

14 | {person.name}, {person.major}
15 | {person.minor}, {person.numOfRepo}
16 |

17 |
18 | ) 19 | } 20 | 21 | export default JsonDataType -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/LetVar2.js: -------------------------------------------------------------------------------- 1 | function LetVar2() { 2 | let num = 77 3 | 4 | console.log("let test: " + num) 5 | 6 | num = "뭐야 ?" 7 | 8 | return ( 9 |
10 |

11 | let {num}
12 |

13 |
14 | ) 15 | } 16 | 17 | export default LetVar2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/LetVar3.js: -------------------------------------------------------------------------------- 1 | function LetVar3() { 2 | var varNum = 33 3 | 4 | console.log("var test: " + varNum) 5 | 6 | var varNum = "뭐야 ?" 7 | 8 | console.log("var test: " + varNum) 9 | 10 | return ( 11 |
12 |

13 | var {varNum}
14 |

15 |
16 | ) 17 | } 18 | 19 | export default LetVar3 -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/data_type/TypeOf.js: -------------------------------------------------------------------------------- 1 | function TypeOf() { 2 | return ( 3 |
4 |

5 | TypeOf Works Fine! 6 |

7 |

8 | {typeof ""}, {typeof "test"}, {typeof 0}, {typeof 3.14},
9 | {typeof true}, {typeof undef}, {typeof undefined}, {typeof null},
10 | {typeof {name: 'Test', major: 'EE'}}, {typeof [1, 2, 3, 4]}, 11 | {typeof function test(){}}
12 |

13 |
14 | ) 15 | } 16 | 17 | export default TypeOf -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_datatype/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/js_expression.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_expression/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_expression/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_expression/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/array/SpreadTest.js: -------------------------------------------------------------------------------- 1 | const SpreadTest = () => { 2 | let arrColor = ["red", "green", "blue"] 3 | // ...arrColor는 뭐다 ? 4 | // 현재 위치에 arrColor를 배치하고 뒤쪽에 purple을 배치한다. 5 | let newArrColor = [...arrColor, "purple"] 6 | 7 | console.log("SpreadTest: " + arrColor) 8 | console.log("SpreadTest: " + newArrColor) 9 | 10 | return ( 11 |
12 |

13 | Spread Test 14 |

15 |
16 | ) 17 | } 18 | 19 | export default SpreadTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/array/SpreadTest2.js: -------------------------------------------------------------------------------- 1 | const SpreadTest2 = () => { 2 | let arrNum = [2, 3, 4] 3 | // 1이 먼저고 뒤쪽에 arrNum이 오고 맨 뒤에 5가 온다. 4 | // ...은 어떤 특정한 객체에 들어있는 내용을 나열한다. 5 | let newArrNum = [1, ...arrNum, 5] 6 | 7 | console.log("SpreadTest2: " + arrNum) 8 | console.log("SpreadTest2: " + newArrNum) 9 | 10 | return ( 11 |
12 |

13 | Spread Test 2 14 |

15 |
16 | ) 17 | } 18 | 19 | export default SpreadTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/array/SpreadTest4.js: -------------------------------------------------------------------------------- 1 | const SpreadTest4 = () => { 2 | let arrStr = [..."xyz"] 3 | 4 | console.log("SpreadTest4: " + arrStr) 5 | 6 | function spreadArrPrint(a, b, c) { 7 | console.log("spreadArrPrint: " + a) 8 | console.log("spreadArrPrint: " + b) 9 | console.log("spreadArrPrint: " + c) 10 | } 11 | 12 | spreadArrPrint(...arrStr) 13 | 14 | return ( 15 |
16 |

17 | Spread Test 4 18 |

19 |
20 | ) 21 | } 22 | 23 | export default SpreadTest4 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/array/SpreadTest5.js: -------------------------------------------------------------------------------- 1 | const SpreadTest5 = () => { 2 | let arr = ["a", "b", "c"] 3 | 4 | // 현재 arr가 있고 그 뒤로 아래 보이는 배열을 붙여주세요 ~ 5 | arr.push(...["d", "e", "ff"]) 6 | arr.push(...arr) 7 | 8 | console.log("SpreadTest5: " + arr) 9 | 10 | return ( 11 |
12 |

13 | Spread Test 5 14 |

15 |
16 | ) 17 | } 18 | 19 | export default SpreadTest5 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/array/SpreadTest6.js: -------------------------------------------------------------------------------- 1 | const SpreadTest6 = () => { 2 | let arr = [10, 20, 70, 50, 60, 90] 3 | 4 | // ... 이 Spread(흩뿌리기) 5 | console.log("SpreadTest6: " + Math.max(...arr)) 6 | // 얘는 흩뿌리기가 안되므로 NaN(Not a Number) 7 | console.log("SpreadTest6: " + Math.max(arr)) 8 | 9 | return ( 10 |
11 |

12 | Spread Test 6 13 |

14 |
15 | ) 16 | } 17 | 18 | export default SpreadTest6 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/coincidence/CICDTest2.js: -------------------------------------------------------------------------------- 1 | const CICDTest2 = () => { 2 | let name = "test" 3 | 4 | if(name === "test") { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Coincidence Test 2 14 |

15 |
16 | ) 17 | } 18 | 19 | export default CICDTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/coincidence/CICDTest3.js: -------------------------------------------------------------------------------- 1 | const CICDTest3 = () => { 2 | let name = "test" 3 | 4 | if(name === "go") { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Coincidence Test 3 14 |

15 |
16 | ) 17 | } 18 | 19 | export default CICDTest3 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/coincidence/CICDTest4.js: -------------------------------------------------------------------------------- 1 | const CICDTest4 = () => { 2 | let name = "test" 3 | 4 | if(name === null) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Coincidence Test 4 14 |

15 |
16 | ) 17 | } 18 | 19 | export default CICDTest4 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/coincidence/CICDTest5.js: -------------------------------------------------------------------------------- 1 | const CICDTest5 = () => { 2 | let name = "test" 3 | 4 | if(name === true) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Coincidence Test 5 14 |

15 |
16 | ) 17 | } 18 | 19 | export default CICDTest5 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/coincidence/CICDTest6.js: -------------------------------------------------------------------------------- 1 | const CICDTest6 = () => { 2 | let name = "test" 3 | 4 | if(name === undefined) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Coincidence Test 6 14 |

15 |
16 | ) 17 | } 18 | 19 | export default CICDTest6 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest.js: -------------------------------------------------------------------------------- 1 | const EQTest = () => { 2 | let name = "test" 3 | 4 | // 값이 뭔가 있으면 ??? true 5 | if(name) { 6 | console.log("ture") 7 | } else { 8 | console.log("false") 9 | } 10 | 11 | if(!name) { 12 | console.log("(not)ture") 13 | } else { 14 | console.log("(not)false") 15 | } 16 | 17 | return ( 18 |
19 |

20 | Equals Test 21 |

22 |
23 | ) 24 | } 25 | 26 | export default EQTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest2.js: -------------------------------------------------------------------------------- 1 | const EQTest2 = () => { 2 | let name = "test" 3 | 4 | if(name == "test") { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Equals Test 2 14 |

15 |
16 | ) 17 | } 18 | 19 | export default EQTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest3.js: -------------------------------------------------------------------------------- 1 | const EQTest3 = () => { 2 | let name = "test" 3 | 4 | if(name == "go") { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Equals Test 3 14 |

15 |
16 | ) 17 | } 18 | 19 | export default EQTest3 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest4.js: -------------------------------------------------------------------------------- 1 | const EQTest4 = () => { 2 | let name = "test" 3 | 4 | if(name == null) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Equals Test 4 14 |

15 |
16 | ) 17 | } 18 | 19 | export default EQTest4 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest5.js: -------------------------------------------------------------------------------- 1 | const EQTest5 = () => { 2 | let name = "test" 3 | 4 | if(name == true) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Equals Test 5 14 |

15 |
16 | ) 17 | } 18 | 19 | export default EQTest5 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/equals/EQTest6.js: -------------------------------------------------------------------------------- 1 | const EQTest6 = () => { 2 | let name = "test" 3 | 4 | if(name == undefined) { 5 | console.log("equal") 6 | } else { 7 | console.log("not equal") 8 | } 9 | 10 | return ( 11 |
12 |

13 | Equals Test 6 14 |

15 |
16 | ) 17 | } 18 | 19 | export default EQTest6 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/function/EmptyObjectTest.js: -------------------------------------------------------------------------------- 1 | const EmptyObjectTest = () => { 2 | let emptyObj = {} 3 | 4 | // 주의사항: 객체는 빈 객체더라도 if문에서 true로 처리된다. 5 | // 객체가 비어 있더라도 객체 자체가 존재하기 때문에 6 | // 존재 자체를 true로 인식하는 것이다. 7 | if(emptyObj) { 8 | console.log("EmptyObjectTest: true") 9 | } else { 10 | console.log("EmptyObjectTest: false") 11 | } 12 | 13 | return ( 14 |
15 |

16 | Empty Object Test 17 |

18 |
19 | ) 20 | } 21 | 22 | export default EmptyObjectTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/function/FunctionObjectTest.js: -------------------------------------------------------------------------------- 1 | const FunctionObjectTest = () => { 2 | let add = function (a, b) { 3 | return a + b 4 | } 5 | 6 | console.log("FunctionObjectTest: " + add) 7 | 8 | if(add) { 9 | console.log("FunctionObjectTest: true") 10 | } else { 11 | console.log("FunctionObjectTest: false") 12 | } 13 | 14 | return ( 15 |
16 |

17 | Function Object Test 18 |

19 |
20 | ) 21 | } 22 | 23 | export default FunctionObjectTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/homework/Homework1.js: -------------------------------------------------------------------------------- 1 | const Homework1 = () => { 2 | const START = 1 3 | const END = 10 4 | 5 | for(var i = START; i <= END; i++) { 6 | console.log("Homework1: " + i) 7 | } 8 | 9 | return ( 10 |
11 |

12 | Homework 1 13 |

14 |
15 | ) 16 | } 17 | 18 | export default Homework1 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/homework/Homework2.js: -------------------------------------------------------------------------------- 1 | const Homework2 = () => { 2 | const START = 1 3 | const END = 20 4 | 5 | for(var i = START; i <= END; i++) { 6 | if(!(i % 2)) { 7 | console.log("Homework2: " + i) 8 | } 9 | } 10 | 11 | return ( 12 |
13 |

14 | Homework 2 15 |

16 |
17 | ) 18 | } 19 | 20 | export default Homework2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/homework/Homework3.js: -------------------------------------------------------------------------------- 1 | const Homework3 = () => { 2 | const INIT = 1 3 | 4 | const START = 0 5 | const END = 15 6 | 7 | const CRITERIA = 10 8 | 9 | var emp = [] 10 | 11 | for(var i = START; i < END; i++) { 12 | emp[i] = (Math.random() * CRITERIA) + INIT 13 | console.log("Homework3: %d - %d", i, emp[i]) 14 | } 15 | 16 | return ( 17 |
18 |

19 | Homework 3 20 |

21 |
22 | ) 23 | } 24 | 25 | export default Homework3 -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_expression/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/js_generator.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_generator/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_generator/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_generator/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import reportWebVitals from './reportWebVitals'; 5 | import GeneratorTest from "./generator-test/GeneratorTest"; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | , 11 | document.getElementById('root') 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/promise-asynchronous/NonPromiseTest.js: -------------------------------------------------------------------------------- 1 | const NonPromiseTest = () => { 2 | function hello() { 3 | setTimeout(function () { 4 | console.log("Hello ") 5 | }, 2000) 6 | } 7 | 8 | function world() { 9 | setTimeout(function () { 10 | console.log("World!!!") 11 | }, 1000) 12 | } 13 | 14 | hello() 15 | world() 16 | 17 | return ( 18 |
19 |

NonPromiseTest

20 |
21 | ) 22 | } 23 | 24 | export default NonPromiseTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/promise-asynchronous/NonPromiseTest2.js: -------------------------------------------------------------------------------- 1 | const NonPromiseTest2 = () => { 2 | function helloWorld() { 3 | setTimeout(function () { 4 | console.log("Hello ") 5 | 6 | setTimeout(function () { 7 | console.log("World ~~!!~!") 8 | }, 1000) 9 | }, 2000) 10 | } 11 | 12 | helloWorld() 13 | 14 | return ( 15 |
16 |

NonPromiseTest2

17 |
18 | ) 19 | } 20 | 21 | export default NonPromiseTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/promise-asynchronous/PromiseTest2.js: -------------------------------------------------------------------------------- 1 | const promise = new Promise( 2 | function (resolve, reject) { 3 | setTimeout(function () { 4 | console.log("Hello ") 5 | resolve("World!!!"); 6 | }, 2000) 7 | } 8 | ) 9 | 10 | promise.then(function (response) { 11 | console.log(response) 12 | }) 13 | 14 | const PromiseTest2 = () => { 15 | console.log("PromiseTest2 Start") 16 | 17 | console.log("PromiseTest2 Fin") 18 | 19 | return ( 20 |
21 |

PromiseTest2

22 |
23 | ) 24 | } 25 | 26 | export default PromiseTest2 -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_generator/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/js_object.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_object/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_object/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_object/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | Edit src/App.js and save to reload. 11 |

12 | 18 | Learn React 19 | 20 |
21 |
22 | ); 23 | } 24 | 25 | export default App; 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/array-test/ArrayJoinTest.js: -------------------------------------------------------------------------------- 1 | const ArrayJoinTest = () => { 2 | var arr = ["one", "two", "three"] 3 | 4 | console.log(arr.toString()) 5 | console.log(arr.join("*")) 6 | 7 | console.log(arr.join("+")) 8 | 9 | return ( 10 |
11 |

12 | Array Join Test 13 |

14 |
15 | ) 16 | } 17 | 18 | export default ArrayJoinTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/array-test/ArrayPopTest.js: -------------------------------------------------------------------------------- 1 | const ArrayPopTest = () => { 2 | var arr = ["one", "two", "three"] 3 | 4 | console.log("Before Pop = " + arr) 5 | 6 | let elem = arr.pop(); 7 | 8 | console.log("After Pop = " + arr) 9 | console.log("Pop Element = " + elem) 10 | 11 | return ( 12 |
13 |

14 | Array Pop Test 15 |

16 |
17 | ) 18 | } 19 | 20 | export default ArrayPopTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/array-test/ArrayPushTest.js: -------------------------------------------------------------------------------- 1 | const ArrayPushTest = () => { 2 | var arr = ["one", "two", "three"] 3 | 4 | console.log("Before Push = " + arr) 5 | 6 | let len = arr.push("seven"); 7 | 8 | console.log("After Push = " + arr) 9 | console.log("Arr Length = " + len) 10 | 11 | return ( 12 |
13 |

14 | Array Push Test 15 |

16 |
17 | ) 18 | } 19 | 20 | export default ArrayPushTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/array-test/ArrayShiftTest.js: -------------------------------------------------------------------------------- 1 | const ArrayShiftTest = () => { 2 | let arr = ["one", "two", "three"] 3 | 4 | console.log("Before Shift = " + arr) 5 | 6 | // Queue(큐) 형태의 값 빼기 방식이라고 봐도 무방하다. 7 | // Stack은 후입선출, Queue는 선입선출이다. 8 | let elem = arr.shift() 9 | 10 | console.log("After Shift = " + arr) 11 | console.log("Shift Value = " + elem) 12 | 13 | return ( 14 |
15 |

16 | Array Shift Test 17 |

18 |
19 | ) 20 | } 21 | 22 | export default ArrayShiftTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/array-test/ArrayUnshiftTest.js: -------------------------------------------------------------------------------- 1 | const ArrayUnshiftTest = () => { 2 | let arr = ["one", "two", "three"] 3 | 4 | console.log("Before Unshift = " + arr) 5 | 6 | let len = arr.unshift("333") 7 | 8 | console.log("After Unshift = " + arr) 9 | console.log("Array Length = " + len) 10 | 11 | return ( 12 |
13 |

14 | Array Unshift Test 15 |

16 |
17 | ) 18 | } 19 | 20 | export default ArrayUnshiftTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/class-test/ClassObject.js: -------------------------------------------------------------------------------- 1 | function ClassObject() { 2 | class Obj { 3 | // 생성자를 constructor()로 사용해야 한다. 4 | constructor() { 5 | this.name = "test" 6 | this.major = "electronics" 7 | } 8 | } 9 | 10 | let obj = new Obj() 11 | 12 | console.log("ClassObject: " + obj.name) 13 | console.log("ClassObject: " + obj.major) 14 | 15 | return ( 16 |
17 |

18 | Class Object 19 |

20 |
21 | ) 22 | } 23 | 24 | export default ClassObject -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_object/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/js_parallel.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_parallel/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_parallel/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_parallel/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import TestPromiseVersion from './promise-parallel/TestPromiseVersion'; 5 | import reportWebVitals from './reportWebVitals'; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | , 11 | document.getElementById('root') 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_parallel/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/js_prob.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_prob/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_prob/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_prob/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | Edit src/App.js and save to reload. 11 |

12 | 18 | Learn React 19 | 20 |
21 |
22 | ); 23 | } 24 | 25 | export default App; 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import reportWebVitals from './reportWebVitals'; 5 | import Prob from "./exercise/Prob"; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | , 11 | document.getElementById('root') 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_prob/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Datasource local storage ignored files 5 | /dataSources/ 6 | /dataSources.local.xml 7 | # Editor-based HTTP Client requests 8 | /httpRequests/ 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/js_set.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_set/public/favicon.ico -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_set/public/logo192.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/JavaScriptLecture/js_set/public/logo512.png -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/App.js: -------------------------------------------------------------------------------- 1 | import logo from './logo.svg'; 2 | import './App.css'; 3 | 4 | function App() { 5 | return ( 6 |
7 |
8 | logo 9 |

10 | Edit src/App.js and save to reload. 11 |

12 | 18 | Learn React 19 | 20 |
21 |
22 | ); 23 | } 24 | 25 | export default App; 26 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/map-test/MapDeleteTest.js: -------------------------------------------------------------------------------- 1 | const MapDeleteTest = () => { 2 | let mapData = new Map( 3 | [ 4 | ["apple", "red"], ["grape", "purple"] 5 | ] 6 | ) 7 | 8 | console.log(mapData) 9 | 10 | mapData.delete("apple") 11 | 12 | console.log(mapData) 13 | 14 | mapData.clear() 15 | 16 | console.log(mapData) 17 | 18 | return ( 19 |
20 |

MapDeleteTest

21 |
22 | ) 23 | } 24 | 25 | export default MapDeleteTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/map-test/NewMapInitTest.js: -------------------------------------------------------------------------------- 1 | const NewMapInitTest = () => { 2 | let mapData = new Map( 3 | [ 4 | ["apple", "red"], ["grape", "purple"] 5 | ] 6 | ) 7 | 8 | console.log(mapData) 9 | console.log("Size: " + mapData.size) 10 | 11 | return ( 12 |
13 |

NewMapInitTest

14 |
15 | ) 16 | } 17 | 18 | export default NewMapInitTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/map-test/NewMapTest.js: -------------------------------------------------------------------------------- 1 | const NewMapTest = () => { 2 | let mapData = new Map() 3 | 4 | console.log(mapData) 5 | 6 | return ( 7 |
8 |

NewMapTest

9 |
10 | ) 11 | } 12 | 13 | export default NewMapTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/set-test/AddSetTest.js: -------------------------------------------------------------------------------- 1 | const AddSetTest = () => { 2 | let setData = new Set() 3 | 4 | setData.add("Cherry") 5 | setData.add("strawberry") 6 | setData.add("apple") 7 | 8 | console.log(setData) 9 | console.log("AddSetTest: " + setData.has("apple")) 10 | console.log("AddSetTest: " + setData.has("grape")) 11 | 12 | return ( 13 |
14 |

AddSetTest

15 |
16 | ) 17 | } 18 | 19 | export default AddSetTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/set-test/ForEachWithSet.js: -------------------------------------------------------------------------------- 1 | const ForEachWithSet = () => { 2 | let setData = new Set() 3 | 4 | setData.add("Cherry") 5 | setData.add("strawberry") 6 | setData.add("apple") 7 | 8 | console.log(setData) 9 | 10 | setData.forEach(function(val1, val2) { 11 | console.log(val1 + " : " + val2) 12 | }) 13 | 14 | setData.forEach((val1, val2) => 15 | console.log("arrow - " + val1 + " : " + val2) 16 | ) 17 | 18 | return ( 19 |
20 |

ForEachWithSet

21 |
22 | ) 23 | } 24 | 25 | export default ForEachWithSet -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/set-test/NewSetInitTest.js: -------------------------------------------------------------------------------- 1 | const NewSetInitTest = () => { 2 | let setData = new Set(["Banana", "Watermelon"]) 3 | 4 | console.log("NewSetInitTest: " + setData) 5 | console.log("NewSetInitTest: " + setData.size) 6 | 7 | return ( 8 |
9 |

NewSetInitTest

10 |
11 | ) 12 | } 13 | 14 | export default NewSetInitTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/set-test/NewSetTest.js: -------------------------------------------------------------------------------- 1 | const NewSetTest = () => { 2 | let setData = new Set() 3 | 4 | console.log(setData) 5 | 6 | return ( 7 |
8 |

NewSetTest

9 |
10 | ) 11 | } 12 | 13 | export default NewSetTest -------------------------------------------------------------------------------- /JavaScriptLecture/js_set/src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /LectureContents.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # LectureContents 2 | It's for Lecture Contents 3 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/.gitignore: -------------------------------------------------------------------------------- 1 | HELP.md 2 | .gradle 3 | build/ 4 | !gradle/wrapper/gradle-wrapper.jar 5 | !**/src/main/**/build/ 6 | !**/src/test/**/build/ 7 | 8 | ### STS ### 9 | .apt_generated 10 | .classpath 11 | .factorypath 12 | .project 13 | .settings 14 | .springBeans 15 | .sts4-cache 16 | bin/ 17 | !**/src/main/**/bin/ 18 | !**/src/test/**/bin/ 19 | 20 | ### IntelliJ IDEA ### 21 | .idea 22 | *.iws 23 | *.iml 24 | *.ipr 25 | out/ 26 | !**/src/main/**/out/ 27 | !**/src/test/**/out/ 28 | 29 | ### NetBeans ### 30 | /nbproject/private/ 31 | /nbbuild/ 32 | /dist/ 33 | /nbdist/ 34 | /.nb-gradle/ 35 | 36 | ### VS Code ### 37 | .vscode/ 38 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/board/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.8.2-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'board' 2 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/README.md: -------------------------------------------------------------------------------- 1 | # frontend 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Lints and fixes files 19 | ``` 20 | npm run lint 21 | ``` 22 | 23 | ### Customize configuration 24 | See [Configuration Reference](https://cli.vuejs.org/config/). 25 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/board/src/frontend/public/favicon.ico -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/board/src/frontend/src/assets/logo.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/assets/logo.svg: -------------------------------------------------------------------------------- 1 | Artboard 46 2 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/components/GlobalComponent.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 22 | 23 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/components/LocalComponent.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | import vuetify from './plugins/vuetify' 6 | 7 | Vue.config.productionTip = false 8 | 9 | new Vue({ 10 | router, 11 | store, 12 | vuetify, 13 | render: h => h(App) 14 | }).$mount('#app') 15 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/plugins/vuetify.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import Vuetify from 'vuetify/lib/framework'; 3 | 4 | Vue.use(Vuetify); 5 | 6 | export default new Vuetify({ 7 | }); 8 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/store/getters.js: -------------------------------------------------------------------------------- 1 | export default { 2 | countSquare (state) { 3 | return Math.pow(state.count, 2) 4 | }, 5 | countWeightSquare (state, getters) { 6 | return Math.pow(state.count, getters.getWeight) 7 | }, 8 | getWeight (state) { 9 | return state.weight; 10 | }, 11 | getRandom (state) { 12 | return state.random; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | // import axios from 'axios' 4 | 5 | import state from './states' 6 | import actions from './actions' 7 | import mutations from './mutations' 8 | import getters from './getters' 9 | 10 | Vue.use(Vuex) 11 | 12 | export default new Vuex.Store({ 13 | state, 14 | actions, 15 | mutations, 16 | getters 17 | }) 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/store/mutation-types.js: -------------------------------------------------------------------------------- 1 | export const FETCH_BOARD_LIST = 'FETCH_BOARD_LIST' 2 | export const FETCH_BOARD = 'FETCH_BOARD' 3 | 4 | // For Crawling 5 | //export const CRAWL_LISTS = 'CRAWL_LISTS' 6 | export const CRAWL_START = 'CRAWL_START' 7 | export const FIND_ONE = 'FIND_ONE' 8 | //export const FIND_HOME = 'FIND_HOME' 9 | //export const BOOLEAN = 'BOOLEAN' -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/store/states.js: -------------------------------------------------------------------------------- 1 | export default { 2 | // Vue Board 3 | boards: [], 4 | board: null, 5 | 6 | // For Test 7 | count: 0, 8 | weight: 3, 9 | random: 0, 10 | 11 | // For Crawling 12 | lists: [], 13 | news: [], 14 | homeNews: [] 15 | } 16 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/views/About.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/src/views/vuetifyPage/VuetifyBoardListPaginationPage.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/frontend/vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | transpileDependencies: [ 3 | 'vuetify' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/BoardApplication.java: -------------------------------------------------------------------------------- 1 | package com.example.board; 2 | 3 | import org.springframework.boot.SpringApplication; 4 | import org.springframework.boot.autoconfigure.SpringBootApplication; 5 | 6 | @SpringBootApplication 7 | public class BoardApplication { 8 | 9 | public static void main(String[] args) { 10 | SpringApplication.run(BoardApplication.class, args); 11 | } 12 | 13 | } 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/entity/board/VueBoard.java: -------------------------------------------------------------------------------- 1 | package com.example.board.entity.board; 2 | 3 | import lombok.Getter; 4 | import lombok.Setter; 5 | import lombok.ToString; 6 | 7 | import java.util.Date; 8 | 9 | @Getter 10 | @Setter 11 | @ToString 12 | public class VueBoard { 13 | private long boardNo; 14 | private String title; 15 | private String content; 16 | private String writer; 17 | private Date regDate; 18 | } 19 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/entity/random/RandomNumber.java: -------------------------------------------------------------------------------- 1 | package com.example.board.entity.random; 2 | 3 | import lombok.Getter; 4 | 5 | import java.util.Random; 6 | 7 | @Getter 8 | public class RandomNumber { 9 | private Integer randNumber = new Random().nextInt(32) + 1; 10 | } 11 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/repository/crawl/HomeNewsRepository.java: -------------------------------------------------------------------------------- 1 | package com.example.board.repository.crawl; 2 | 3 | import com.example.board.entity.crawl.HomeNews; 4 | import org.springframework.data.jpa.repository.JpaRepository; 5 | 6 | public interface HomeNewsRepository extends JpaRepository { 7 | } 8 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/repository/crawl/NewsRepository.java: -------------------------------------------------------------------------------- 1 | package com.example.board.repository.crawl; 2 | 3 | import com.example.board.entity.crawl.News; 4 | import org.springframework.data.jpa.repository.JpaRepository; 5 | 6 | public interface NewsRepository extends JpaRepository { 7 | public News findByNewsNo(String newsNo); 8 | } 9 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/repository/random/RandomNumberRepository.java: -------------------------------------------------------------------------------- 1 | package com.example.board.repository.random; 2 | 3 | import com.example.board.entity.random.RandomNumber; 4 | import org.springframework.stereotype.Repository; 5 | 6 | @Repository 7 | public class RandomNumberRepository { 8 | 9 | public RandomNumber getRandom() { 10 | return new RandomNumber(); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/service/board/VueBoardService.java: -------------------------------------------------------------------------------- 1 | package com.example.board.service.board; 2 | 3 | import com.example.board.entity.board.VueBoard; 4 | 5 | import java.util.List; 6 | 7 | public interface VueBoardService { 8 | public void register(VueBoard board) throws Exception; 9 | public VueBoard read(Long boardNo) throws Exception; 10 | public void modify(VueBoard board) throws Exception; 11 | public void remove(Long boardNo) throws Exception; 12 | public List list() throws Exception; 13 | } 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/java/com/example/board/service/random/RandomNumberService.java: -------------------------------------------------------------------------------- 1 | package com.example.board.service.random; 2 | 3 | import com.example.board.entity.random.RandomNumber; 4 | 5 | public interface RandomNumberService { 6 | public RandomNumber getRandom(); 7 | } 8 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/main/resources/application.yaml: -------------------------------------------------------------------------------- 1 | server: 2 | port: 7777 3 | 4 | spring: 5 | datasource: 6 | url: jdbc:mysql://localhost/vue_board?serverTimezone=UTC&useSSL=false 7 | username: bitweb 8 | password: dkdlxl123 9 | driverClassName: com.mysql.cj.jdbc.Driver -------------------------------------------------------------------------------- /SpringFrameworkLecture/board/src/test/java/com/example/board/BoardApplicationTests.java: -------------------------------------------------------------------------------- 1 | package com.example.board; 2 | 3 | import org.junit.jupiter.api.Test; 4 | import org.springframework.boot.test.context.SpringBootTest; 5 | 6 | @SpringBootTest 7 | class BoardApplicationTests { 8 | 9 | @Test 10 | void contextLoads() { 11 | } 12 | 13 | } 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/.gitignore: -------------------------------------------------------------------------------- 1 | HELP.md 2 | .gradle 3 | build/ 4 | !gradle/wrapper/gradle-wrapper.jar 5 | !**/src/main/**/build/ 6 | !**/src/test/**/build/ 7 | 8 | ### STS ### 9 | .apt_generated 10 | .classpath 11 | .factorypath 12 | .project 13 | .settings 14 | .springBeans 15 | .sts4-cache 16 | bin/ 17 | !**/src/main/**/bin/ 18 | !**/src/test/**/bin/ 19 | 20 | ### IntelliJ IDEA ### 21 | .idea 22 | *.iws 23 | *.iml 24 | *.ipr 25 | out/ 26 | !**/src/main/**/out/ 27 | !**/src/test/**/out/ 28 | 29 | ### NetBeans ### 30 | /nbproject/private/ 31 | /nbbuild/ 32 | /dist/ 33 | /nbdist/ 34 | /.nb-gradle/ 35 | 36 | ### VS Code ### 37 | .vscode/ 38 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.7.1-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'demo' 2 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/README.md: -------------------------------------------------------------------------------- 1 | # frontend 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Lints and fixes files 19 | ``` 20 | npm run lint 21 | ``` 22 | 23 | ### Customize configuration 24 | See [Configuration Reference](https://cli.vuejs.org/config/). 25 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/frontend/public/favicon.ico -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/App.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/frontend/src/assets/logo.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/assets/logo.svg: -------------------------------------------------------------------------------- 1 | Artboard 46 2 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | import vuetify from './plugins/vuetify'; 6 | import cookies from "vue-cookies"; 7 | 8 | Vue.config.productionTip = false 9 | Vue.use(cookies) 10 | 11 | new Vue({ 12 | router, 13 | store, 14 | vuetify, 15 | cookies, 16 | render: h => h(App) 17 | }).$mount('#app') 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/plugins/vuetify.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import Vuetify from 'vuetify/lib/framework'; 3 | 4 | Vue.use(Vuetify); 5 | 6 | export default new Vuetify({ 7 | }); 8 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | import states from "@/store/states"; 5 | import actions from "@/store/actions"; 6 | import mutations from "@/store/mutations"; 7 | 8 | Vue.use(Vuex) 9 | 10 | export default new Vuex.Store({ 11 | states, 12 | mutations, 13 | actions, 14 | //getters 15 | }) 16 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/store/mutation-types.js: -------------------------------------------------------------------------------- 1 | export const FETCH_BOARD_LIST = 'FETCH_BOARD_LIST' 2 | export const FETCH_BOARD = 'FETCH_BOARD' -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/store/mutations.js: -------------------------------------------------------------------------------- 1 | import { 2 | FETCH_BOARD_LIST, 3 | FETCH_BOARD 4 | } from './mutation-types' 5 | 6 | export default { 7 | [FETCH_BOARD_LIST] (state, boards) { 8 | state.boards = boards 9 | }, 10 | [FETCH_BOARD] (state, board) { 11 | state.board = board 12 | } 13 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/store/states.js: -------------------------------------------------------------------------------- 1 | export default { 2 | boards: [], 3 | board: null 4 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/views/About.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/src/views/Test.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/frontend/vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | transpileDependencies: [ 3 | 'vuetify' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/hello/c/hello.c: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | JNIEXPORT jstring JNICALL 5 | Java_com_example_demo_nativeinterface_HelloSpring_print 6 | (JNIEnv *env, jobject obj) 7 | { 8 | char msg[64] = "Hello Spring~~!!~! I'm from C"; 9 | jstring result; 10 | 11 | // C Style 2 Java Style(문자 포맷 변환) 12 | result = (*env)->NewStringUTF(env, msg); 13 | return result; 14 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/DemoApplication.java: -------------------------------------------------------------------------------- 1 | package com.example.demo; 2 | 3 | import org.springframework.boot.SpringApplication; 4 | import org.springframework.boot.autoconfigure.SpringBootApplication; 5 | 6 | @SpringBootApplication 7 | public class DemoApplication { 8 | 9 | // ??? 여기서는 뭐 하는것도 없는데 10 | // 왜 Controller가 지 멋대로 돌아가지 ??? 11 | public static void main(String[] args) { 12 | SpringApplication.run(DemoApplication.class, args); 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/controller/home/HomeController.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.controller.home; 2 | 3 | import org.slf4j.Logger; 4 | import org.slf4j.LoggerFactory; 5 | import org.springframework.stereotype.Controller; 6 | import org.springframework.web.bind.annotation.GetMapping; 7 | 8 | @Controller 9 | public class HomeController { 10 | private static final Logger log = 11 | LoggerFactory.getLogger(HomeController.class); 12 | 13 | @GetMapping("/") 14 | public String getHome() { 15 | return "spring/home"; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/entity/Board.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.entity; 2 | 3 | import lombok.Getter; 4 | import lombok.Setter; 5 | 6 | import java.util.Date; 7 | 8 | @Setter 9 | @Getter 10 | public class Board { 11 | private int boardNo; 12 | private String title; 13 | private String content; 14 | private String writer; 15 | private Date regDate; 16 | } 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/entity/Member.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.entity; 2 | 3 | import lombok.Getter; 4 | import lombok.Setter; 5 | 6 | @Setter 7 | @Getter 8 | public class Member { 9 | private String userId; 10 | private String pw; 11 | } 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/entity/TestMember.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.entity; 2 | 3 | import lombok.Getter; 4 | import lombok.Setter; 5 | 6 | import java.util.List; 7 | 8 | /* Lombok을 사용하면 9 | Setter, Getter 적지 않아도 알아서 만들어줌 */ 10 | @Getter 11 | @Setter 12 | public class TestMember { 13 | private String userName = "bitweb"; 14 | private String password = "456123"; 15 | private String introduction; 16 | private List hobbyList; 17 | } 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/entity/vue/VueBoard.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.entity.vue; 2 | 3 | import lombok.Getter; 4 | import lombok.Setter; 5 | import lombok.ToString; 6 | 7 | import java.util.Date; 8 | 9 | @Getter 10 | @Setter 11 | @ToString 12 | public class VueBoard { 13 | private long boardNo; 14 | private String title; 15 | private String content; 16 | private String writer; 17 | private Date regDate; 18 | } 19 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/nativeinterface/HelloSpring.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.nativeinterface; 2 | 3 | public class HelloSpring { 4 | public native String print(); 5 | 6 | static { 7 | System.loadLibrary("hello"); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/service/BoardService.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.service; 2 | 3 | import com.example.demo.entity.Board; 4 | 5 | import java.util.List; 6 | 7 | public interface BoardService { 8 | public List list() throws Exception; 9 | 10 | public void register(Board board) throws Exception; 11 | 12 | public Board read(Integer boardNo) throws Exception; 13 | 14 | public void remove(Integer boardNo) throws Exception; 15 | 16 | public void modify(Board board) throws Exception; 17 | } 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/service/MemberService.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.service; 2 | 3 | import com.example.demo.entity.Member; 4 | 5 | public interface MemberService { 6 | public void register(Member member) throws Exception; 7 | } 8 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/service/MemberServiceImpl.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.service; 2 | 3 | import com.example.demo.entity.Member; 4 | import com.example.demo.repository.MemberRepository; 5 | import org.springframework.beans.factory.annotation.Autowired; 6 | import org.springframework.stereotype.Service; 7 | 8 | @Service 9 | public class MemberServiceImpl implements MemberService { 10 | 11 | @Autowired 12 | private MemberRepository memberRepo; 13 | 14 | @Override 15 | public void register(Member member) throws Exception { 16 | memberRepo.create(member); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/java/com/example/demo/service/vue/VueBoardService.java: -------------------------------------------------------------------------------- 1 | package com.example.demo.service.vue; 2 | 3 | import com.example.demo.entity.vue.VueBoard; 4 | 5 | import java.util.List; 6 | 7 | public interface VueBoardService { 8 | public void register(VueBoard board) throws Exception; 9 | public VueBoard read(Long boardNo) throws Exception; 10 | public void modify(VueBoard board) throws Exception; 11 | public void remove(Long boardNo) throws Exception; 12 | public List list() throws Exception; 13 | } 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/application.yaml: -------------------------------------------------------------------------------- 1 | server: 2 | port: 7777 3 | 4 | spring: 5 | datasource: 6 | url: jdbc:mysql://localhost/vue_board?serverTimezone=UTC&useSSL=false 7 | username: bitweb 8 | password: dkdlxl123 9 | driverClassName: com.mysql.cj.jdbc.Driver -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/avoidsheet.css: -------------------------------------------------------------------------------- 1 | * { 2 | /* 모든 요소를 화면 중앙에 배치 */ 3 | margin: 20px auto; 4 | } 5 | body { 6 | color: blue; 7 | } 8 | #container { 9 | width: 600px; 10 | padding: 12px; 11 | border: 1px dotted gray; 12 | } 13 | h2 { 14 | color: brown !important; 15 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border.css: -------------------------------------------------------------------------------- 1 | .table1 { 2 | border: 1px solid black; 3 | } 4 | .table1 td { 5 | border: 1px dotted #7777ff; 6 | padding: 10px; 7 | text-align: center; 8 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border2.css: -------------------------------------------------------------------------------- 1 | .table1 { 2 | border: 1px solid black; 3 | border-collapse: collapse; 4 | } 5 | .table1 td { 6 | border: 1px dotted #7777ff; 7 | padding: 10px; 8 | text-align: center; 9 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border3.css: -------------------------------------------------------------------------------- 1 | table { 2 | margin-bottom: 50px; 3 | } 4 | .table1 { 5 | border: 1px solid black; 6 | border-collapse: separate; 7 | border-spacing: 20px 10px; 8 | } 9 | .table2 { 10 | border-collapse: separate; 11 | border-spacing: 20px 10px; 12 | } 13 | td { 14 | border: 1px solid black; 15 | padding: 10px; 16 | text-align: center; 17 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border4.css: -------------------------------------------------------------------------------- 1 | .schedule { 2 | border-collapse: separate; 3 | margin: 20px; 4 | } 5 | td { 6 | border: 1px solid black; 7 | padding: 10px; 8 | text-align: center; 9 | } 10 | #tb1 td { 11 | empty-cells: show; 12 | } 13 | #tb2 td { 14 | empty-cells: hide; 15 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border5.css: -------------------------------------------------------------------------------- 1 | table { 2 | border-collapse: collapse; 3 | width: 300px; 4 | } 5 | td { 6 | padding: 10px; 7 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border6.css: -------------------------------------------------------------------------------- 1 | table, td { 2 | border: 1px solid #cccccc; 3 | } 4 | .table1 { 5 | border-collapse: collapse; 6 | width: 600px; 7 | /* 내용물에 맞게 셀 너비 지정 */ 8 | table-layout: fixed; 9 | /* 셀 너비보다 긴 내용을 셀 내부에 표시 */ 10 | word-break: break-all; 11 | height: auto; 12 | } 13 | .table1 td { 14 | border: 1px solid black; 15 | padding: 5px; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/border/border7.css: -------------------------------------------------------------------------------- 1 | table, td { 2 | border: 1px solid #cccccc; 3 | } 4 | td { 5 | height: 100px; 6 | padding: 20px; 7 | } 8 | .va1 { vertical-align: top; } 9 | .va2 { vertical-align: bottom; } 10 | .va3 { vertical-align: middle; } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/bordersheet.css: -------------------------------------------------------------------------------- 1 | * { 2 | /* css에서 '*'은 전체를 의미하므로 결국 모든 요소에 적용 */ 3 | margin: 20px auto; 4 | } 5 | #container { 6 | width: 600px; 7 | padding: 10px; 8 | /* 테두리 스타일이 solid -> dotted 로 변경된 부분에 집중 */ 9 | border: 1px dotted gray; 10 | } 11 | p { 12 | font-size: 0.9em; 13 | line-height: 2.0; 14 | } 15 | .bluetext { 16 | color: blue; 17 | } 18 | h2.accent { 19 | background-color: #202020; 20 | color: #ffffff; 21 | padding: 5px; 22 | } 23 | .browntext { 24 | color: brown; 25 | } 26 | .boldtext { 27 | font-weight: bold; 28 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box.css: -------------------------------------------------------------------------------- 1 | .box1 { 2 | /* 고정값 */ 3 | width: 400px; 4 | height: 100px; 5 | background: #ff6a00; 6 | } 7 | .box2 { 8 | /* 가변 너비 - 창 너비의 50% */ 9 | width: 50%; 10 | height: 100px; 11 | background: #0094ff; 12 | } 13 | div { 14 | /* div들 간의 여백 */ 15 | margin: 10px; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box10.css: -------------------------------------------------------------------------------- 1 | div { 2 | width: 200px; 3 | height: 100px; 4 | display: inline-block; 5 | margin: 10px; 6 | border: 2px solid black; 7 | background: #00d8d8; 8 | } 9 | .round1 { 10 | border-top-left-radius: 100px 50px; 11 | } 12 | .round2 { 13 | border-bottom-right-radius: 50% 30%; 14 | } 15 | .round3 { 16 | border-top-right-radius: 50px; 17 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box11.css: -------------------------------------------------------------------------------- 1 | .box { 2 | width: 200px; 3 | height: 300px; 4 | background: #ff6a00; 5 | /* 0 auto 0 auto */ 6 | /* 결국 auto auto로 반땅 나눠먹음 */ 7 | margin: 0 auto; 8 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box12.css: -------------------------------------------------------------------------------- 1 | div { 2 | width: 200px; 3 | height: auto; 4 | background: #0094ff; 5 | display: inline-block; 6 | margin: 15px; 7 | color: white; 8 | } 9 | .box1 { 10 | padding: 10px 30px 10px 30px; 11 | } 12 | .box2 { 13 | padding: 10px 30px; 14 | } 15 | .box3 { 16 | padding: 10px; 17 | } 18 | .box4 { 19 | padding: 10px 30px 10px; 20 | } 21 | .box5 { 22 | padding: 10px 20px; 23 | } 24 | .box6 { 25 | padding: 0px 10px; 26 | } 27 | .box7 { 28 | padding: 0px 0px; 29 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box13.css: -------------------------------------------------------------------------------- 1 | div { 2 | float: left; 3 | margin-right: 20px; 4 | } 5 | .box1 { 6 | /* 내용물 영역 기준 */ 7 | box-sizing: content-box; 8 | width: 200px; 9 | height: 100px; 10 | margin: 10px; 11 | padding: 30px; 12 | border: 2px solid red; 13 | } 14 | .box2 { 15 | /* 테두리(박스 전체) 기준 */ 16 | box-sizing: border-box; 17 | width: 200px; 18 | height: 100px; 19 | margin: 10px; 20 | padding: 30px; 21 | border: 2px solid blue; 22 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box14.css: -------------------------------------------------------------------------------- 1 | .box1 { 2 | padding: 20px; 3 | margin-right: 10px; 4 | background: #ffd800; 5 | float: left; 6 | } 7 | .box2 { 8 | padding: 20px; 9 | margin-right: 10px; 10 | background: #0094ff; 11 | float: left; 12 | } 13 | .box3 { 14 | padding: 20px; 15 | background: #00ff21; 16 | float: left; 17 | } 18 | .box4 { 19 | padding: 20px; 20 | background: #ffffff; 21 | float: right; 22 | border: 1px solid black; 23 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box15.css: -------------------------------------------------------------------------------- 1 | .box1 { 2 | padding: 20px; 3 | margin-right: 10px; 4 | background: #ffd800; 5 | float: left; 6 | } 7 | .box2 { 8 | padding: 20px; 9 | margin-right: 10px; 10 | background: #0094ff; 11 | float: left; 12 | } 13 | .box3 { 14 | padding: 20px; 15 | margin-right: 10px; 16 | background: #00ff21; 17 | } 18 | .box4 { 19 | padding: 20px; 20 | background: #ffffff; 21 | border: 1px solid black; 22 | clear: both; 23 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box16.css: -------------------------------------------------------------------------------- 1 | div { 2 | border: 1px solid #cccccc; 3 | } 4 | #container { 5 | /* 전체 너비 */ 6 | width: 600px; 7 | padding: 20px; 8 | /* 화면 중앙 배치 */ 9 | margin: 0 auto; 10 | } 11 | #header { 12 | padding: 20px; 13 | /* 아래 요소들과의 간격 */ 14 | margin-bottom: 20px; 15 | } 16 | #contents { 17 | width: 380px; 18 | padding: 20px; 19 | float: left; 20 | margin-bottom: 20px; 21 | } 22 | #sidebar { 23 | width: 130px; 24 | padding: 20px; 25 | float: right; 26 | margin-bottom: 20px; 27 | } 28 | #footer { 29 | clear: both; 30 | padding: 20px; 31 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box17.css: -------------------------------------------------------------------------------- 1 | .box1 { 2 | float: left; 3 | width: 100px; 4 | background: #ffdd88; 5 | margin-right: 10px; 6 | padding: 20px; 7 | } 8 | .box2 { 9 | position: relative; 10 | left: -50px; 11 | top: 30px; 12 | width: 300px; 13 | background: #1199ff; 14 | float: left; 15 | padding: 20px; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box2.css: -------------------------------------------------------------------------------- 1 | div { 2 | margin: 20px; 3 | border: 1px solid #cccccc; 4 | border-radius: 5px; 5 | } 6 | #inline img { 7 | margin: 10px; 8 | } 9 | #block img { 10 | display: block; 11 | margin: 10px; 12 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box3.css: -------------------------------------------------------------------------------- 1 | nav ul { 2 | list-style-type: none; 3 | } 4 | nav ul li { 5 | display: inline; 6 | padding: 10px 15px; 7 | margin-right: 20px; 8 | border-top: 3px solid #222222 9 | } 10 | nav ul li:hover { 11 | background-color: rgb(77, 216, 206); 12 | } 13 | nav ul li a { 14 | color: black; 15 | text-decoration: none; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box4.css: -------------------------------------------------------------------------------- 1 | nav { 2 | width: 100%; 3 | height: 60px; 4 | background-color: #009999; 5 | } 6 | nav ul { 7 | list-style-type: none; 8 | } 9 | nav ul li { 10 | display: inline-block; 11 | margin: 20px; 12 | } 13 | nav ul li:hover { 14 | background-color: rgb(77, 216, 206); 15 | } 16 | nav ul li a { 17 | color: white; 18 | text-decoration: none; 19 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box5.css: -------------------------------------------------------------------------------- 1 | #box-container > div, #box-container > span { 2 | border: 2px solid #0099cc; 3 | margin: 3px 0; 4 | padding: 5px; 5 | } 6 | .none { 7 | display: none; 8 | } 9 | .block1 { 10 | display: block; 11 | } 12 | .block2 { 13 | display: block; 14 | width: 300px; 15 | height: 60px; 16 | } 17 | .inline { 18 | display: inline; 19 | width: 200px; 20 | height: 60px; 21 | } 22 | .inline-block { 23 | display: inline-block; 24 | width: 200px; 25 | height: 60px; 26 | } 27 | .default-inline, .default-block { 28 | width: 200px; 29 | height: 60px; 30 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box6.css: -------------------------------------------------------------------------------- 1 | div { 2 | width: 200px; 3 | height: 100px; 4 | display: inline-block; 5 | margin: 10px; 6 | border-width: 4px; 7 | } 8 | .box1 { 9 | border-style: solid; 10 | } 11 | .box2 { 12 | border-style: dotted; 13 | } 14 | .box3 { 15 | border-style: groove; 16 | border-color: #0fdce8; 17 | } 18 | .box4 { 19 | border-style: dashed; 20 | border-color: #7777ff; 21 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box7.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | padding-bottom: 5px; 3 | /* 아래쪽 테두리 */ 4 | border-bottom: 3px solid #cccccc; 5 | } 6 | p { 7 | padding: 10px; 8 | /* 전 구간 */ 9 | border: 3px dotted black; 10 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box8.css: -------------------------------------------------------------------------------- 1 | div { 2 | width: 250px; 3 | height: 200px; 4 | /* 영역간 마진 */ 5 | margin: 20px; 6 | display: inline-block; 7 | } 8 | .round { 9 | border: 2px solid red; 10 | /* 라운딩 값 20 */ 11 | border-radius: 20px; 12 | } 13 | #bg { 14 | background:url(../../img/cat.jpg) no-repeat; 15 | background-size: cover; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/box/box9.css: -------------------------------------------------------------------------------- 1 | div { 2 | width: 350px; 3 | height: 300px; 4 | margin: 20px; 5 | display: inline-block; 6 | border: 2px solid; 7 | border-radius: 170px/130px; 8 | } 9 | .bgEllipse { 10 | background: url(../../img/cat.jpg) no-repeat; 11 | background-size: cover; 12 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/listImg.css: -------------------------------------------------------------------------------- 1 | ul { 2 | list-style-image: url(../img/circle_resize.png); 3 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/overflow.css: -------------------------------------------------------------------------------- 1 | .content { 2 | /* 테두리 속성 */ 3 | border: 1px solid #cccccc; 4 | /* 너비 */ 5 | width: 300px; 6 | /* 줄바꿈 없음 */ 7 | white-space: nowrap; 8 | /* 넘치는 부분 감추기 */ 9 | overflow: hidden; 10 | /* 밑줄임표 */ 11 | text-overflow: ellipsis; 12 | } 13 | .content:hover { 14 | /* 넘치는 부분을 보여줌 */ 15 | overflow: visible; 16 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/rotateTransform.css: -------------------------------------------------------------------------------- 1 | .box { 2 | position: absolute; 3 | left: 50px; 4 | top: 70px; 5 | width: 100px; 6 | height: 60px; 7 | background: #ffffff; 8 | border: 2px solid green; 9 | text-align: center; 10 | line-height: 60px; 11 | } 12 | .box:hover { 13 | /* webkit: 크롬, 사파리 */ 14 | -webkit-transform: rotate(15deg); 15 | /* moz: 파이어폭스 */ 16 | -moz-transform: rotate(15deg); 17 | /* 엣지 */ 18 | -ms-transform: rotate(15deg); 19 | transform: rotate(15deg); 20 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector.css: -------------------------------------------------------------------------------- 1 | #container ul { 2 | /* #container 요소의 모든 하위 ul 요소에 파란 1px 점선 */ 3 | border: 1px dotted blue; 4 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector2.css: -------------------------------------------------------------------------------- 1 | /* parent > child 2 | section > p { color: blue; } 3 | 해당 사항이 child에만 적용되고 그 하위의 손자 등등에게 적용되지 않음 */ 4 | #container > ul { 5 | /* #container 요소의 모든 하위 ul 요소에 파란 1px 점선 */ 6 | border: 1px dotted blue; 7 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector3.css: -------------------------------------------------------------------------------- 1 | /* h1 다음에 있는 p */ 2 | h1 + p { 3 | color: blue; 4 | font-weight: bold; 5 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector4.css: -------------------------------------------------------------------------------- 1 | h1 ~ p { 2 | color: blue; 3 | font-width: bold; 4 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector5.css: -------------------------------------------------------------------------------- 1 | ul { 2 | list-style: none; 3 | } 4 | li { 5 | width: 120px; 6 | display: inline-block; 7 | margin: 10px; 8 | } 9 | li a { 10 | padding: 5px 20px; 11 | font-size: 14px; 12 | color: blue; 13 | text-decoration: none; 14 | } 15 | /* a href만 찾아서 노란색을 적용하겠음을 의미함 */ 16 | a[href] { 17 | background: yellow; 18 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector6.css: -------------------------------------------------------------------------------- 1 | ul { 2 | list-style: none; 3 | } 4 | li { 5 | display: inline-block; 6 | margin: 10px; 7 | } 8 | li a { 9 | padding: 5px 20px; 10 | font-size: 14px; 11 | color: blue; 12 | text-decoration: none; 13 | } 14 | .flat { 15 | background: blue; 16 | color: white; 17 | } 18 | /* class에 button이라는 단어가 존재한다면 */ 19 | [class ~= "button"] { 20 | border: 2px solid black; 21 | box-shadow: rgba(0, 0, 0, 0.4) 5px 5px; 22 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/selector/selector8.css: -------------------------------------------------------------------------------- 1 | #container { 2 | text-align: center; 3 | color: black; 4 | } 5 | table, tb, th { 6 | border: 1px solid #cccccc; 7 | } 8 | table { 9 | width: 200px; 10 | margin: 0 auto; 11 | border-collapse: collapse; 12 | } 13 | td { 14 | text-align: left; 15 | padding: 10px; 16 | padding-left: 20px; 17 | } 18 | /* 홀수 번째의 경우 */ 19 | table tr:nth-child(2n + 1) { 20 | background: #ddddff; 21 | color: black; 22 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/style.css: -------------------------------------------------------------------------------- 1 | h2 { 2 | color: blue; 3 | } 4 | p { 5 | /* 글자 크기 */ 6 | font-size: 0.9em; 7 | /* 줄 간격 */ 8 | line-height: 2.0; 9 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/css/vue/trans.css: -------------------------------------------------------------------------------- 1 | .v-enter-active, .v-leave-active { 2 | transition: opacity 2s; 3 | } 4 | /* 투명도를 2초가 걸려서 껏다 켰다 하며 페이드 인 & 페이드 아웃 */ 5 | .v-enter, .v-leave-to { 6 | opacity: 0; 7 | } -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/cat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/cat.jpg -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/circle.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/circle_resize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/circle_resize.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/golang.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/golang.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/images.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/images.jpeg -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/product.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/product.jpeg -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/rust.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/rust.jpg -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/start_button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/start_button.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/img/testImg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/SpringFrameworkLecture/demo/src/main/resources/static/img/testImg.png -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/static/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "static", 3 | "version": "1.0.0", 4 | "dependencies": { 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/border/webCustomTableBorderTest7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
수직 정렬 테스트
alignmentalignmentalignment
17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxBorderStyleTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxBorderStyleTest2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |

Box Model

10 |

Box Model: padding, border, margin

11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxEllipseTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 11 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxLayoutTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
Box 1
10 |
Box 2
11 |
Box 3
12 |
Box 4
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxLayoutTest2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
Box 1
10 |
Box 2
11 |
Box 3
12 |
Box 4
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxMarginTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 11 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxPaddingTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
Padding Test
10 |
Padding Test
11 |
Padding Test
12 |
Padding Test
13 |
Padding Test
14 |
Padding Test
15 |
Padding Test
16 |
Padding Test
17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxPositionRelativeTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
Box 1
10 |
Box 2
11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxRoundTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxSubRoundTest2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webBoxTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webNavUlLiBoxTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/box/webNavUlLiBoxTest2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/css3basic/webCSS3StyleSheetTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 |
11 |

Who am I ?

12 |

Go Go Go! Rock & Roll!

13 |
14 |
15 | 16 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/css3basic/webCSS3Test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 17 | 18 | 19 |

CSS3

20 |

Apply CSS3 Style

21 |

Division

22 |

Contents

23 | 24 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/css3basic/webRotationTransformTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
Mouse Over
10 | 11 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/form/webFormLegacy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | + 10 | = 11 | 12 |
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/form/webFormTest3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 |

Select Search Period

10 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/form/webFormTest6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 11 |
12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/form/webFormTest7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 | 11 |
12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/image/imgAltTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Image Alt Test

9 | 이미지가 나오지 않을때 나오는 설명문 10 | 11 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/image/imgSizeTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Image Size Test

9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/image/img_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic img tag 6 | 7 | 8 | 9 |

큰 글씨

10 | 11 |

고양이가 나온다.

12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/multimedia/webPlayMP3Test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/multimedia/webPlayVideoTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/overflow/webOverflowTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |

Overflow Test

10 |

글자가 넘친다. 넘치면 터진다. 수용할 수 없는 분량은 자른다. 자르면 안보인다. 갖다 대면 보인다.

11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/progbar/webProgressBarTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
    9 |
  • 10 | 11 | 12 |
    • 13 |
  • 14 | 15 | 16 |
    • 17 |
18 | 19 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/selector/webSelectTest5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/selector/webSelectTest6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/selector/webSelectTest7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title: Success 6 | 7 | 8 |
9 |

Success!!! 404가 아니다!

10 |
11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/aTagStyleTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 |

Text Link Creation

15 |

Golang Homepage

16 | 17 |

Image Link Creation

18 |

Golang Homepage

19 | 20 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/aTagTest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Text Link Creation

9 | 11 | Golang Homepage 12 | 13 |

Image Link Creation

14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/blockquote_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

게임 아이템을 설명합니다.

9 |

플라스틱 물통

10 |

이세계 모험왕이 가지고 왔다는 전설의 철퇴

11 | 12 |
13 | 14 |
15 | 어떤 기술로 만들었는지 알 수 없는 물이 담겨있는 통이다. 16 |
17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/mark_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Spring Framework with "HTML"

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/ol_li.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ul tag, li tag 6 | 7 | 8 |

Web 개발 기초

9 | 10 |
    11 |
  1. HTML5
    2. 12 |
  2. CSS3
    3. 13 |
  3. JavaScript
    4. 14 |
  4. Spring
    5. 15 |
16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/p_options_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |

Rust


10 |

C


11 |

Java


12 |

Lisp


13 |

Python

14 | 15 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/p_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | RPG Adventure 6 | 7 | 8 |

게임 아이템을 설명합니다.

9 |

야외 텐트

10 |

모험가가 정착한 후 민가로 활용된 텐트

11 |

독특한 문양이 매우 인상적이며
12 | 건축사의 한 페이지를 장식할만한 가치를 지닌다고 전문가들이 평가한다.

13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/pre_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

pre Tag Test:

9 | 
10 |         function savetheLocal() {
11 |             var second = document.getElementById("second")
12 |             ......
13 |             console.log("do it!")
14 |         }
15 | 
16 |         이런식으로 pre는 출력 형태를 원본 형태로 유지하여 출력이 가능하다.
17 |
18 | 19 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/span_color_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Machine Learning based on 9 | Statistics 10 |

11 | 12 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/style_page_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Language 6 | 12 | 13 | 14 |

Golang

15 |

Rust


16 |

C++


17 |

Verilog


18 |

Java


19 |

JavaScript

20 | 21 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/ul_li.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ul tag, li tag 6 | 7 | 8 |

Web 개발 기초

9 | 10 |
    11 |
  • HTML5
    • 12 |
  • CSS3
    • 13 |
  • JavaScript
    • 14 |
  • Spring
    • 15 |
16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/html_css/text/ul_ul_li_test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
    9 |
  • Golang 10 |
      11 |
    • Go Routine
      • 12 |
    • Go Pointer
      • 13 |
    • Go Receiver
      • 14 |
    15 |
    • 16 |
  • C 17 |
      18 |
    • Pointer
      • 19 |
    • Structure
      • 20 |
    • Pointer of Function
      • 21 |
    22 |
    • 23 |
24 | 25 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "templates", 3 | "version": "1.0.0", 4 | "dependencies": { 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/board/list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | List 6 | 7 | 8 |

List

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/board/modify.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Modify 6 | 7 | 8 |

Modify Form

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/board/read.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Read 6 | 7 | 8 |

Read

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/board/register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Register 6 | 7 | 8 |

Register Form

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/board/remove.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Remove 6 | 7 | 8 |

Remove

9 | 10 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/member/success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title: Success 6 | 7 | 8 |
9 |

${msg}

10 | Home 12 |
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/model/modelDate.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Model Test 6 | 7 | 8 |

Hello Spring Model Test ~~!!~!

9 | 11 |

Server Time: ${servTime}

12 | 13 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "spring", 3 | "version": "1.0.0", 4 | "dependencies": { 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/parameter/list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | List 6 | 7 | 8 |

List

9 | 10 | 11 | Register 12 | 13 | 14 | Read 15 | 16 | 17 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/parameter/modify.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Modify 6 | 7 | 8 |

Modify Form

9 | 10 |
11 | 12 |
13 | 14 | 15 | List 16 | 17 | 18 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/parameter/register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Register 6 | 7 | 8 |

Register Form

9 | 10 |
11 | 14 |
15 | 16 | 17 | List 18 | 19 | 20 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/parameter/remove.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Remove 6 | 7 | 8 |

Remove

9 | 10 |
11 | 14 |
15 | 16 | 17 | List 18 | 19 | 20 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/resources/templates/spring/real_board/success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title: Success 6 | 7 | 8 |
9 |

${msg}

10 | List 12 |
13 | 14 | -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/sql/board.sql: -------------------------------------------------------------------------------- 1 | create table board( 2 | board_no int not null auto_increment, 3 | title varchar(200) not null, 4 | content text null, 5 | writer varchar(50) not null, 6 | reg_date timestamp not null default now(), 7 | primary key(board_no) 8 | ); -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/main/sql/member.sql: -------------------------------------------------------------------------------- 1 | create table member( 2 | id integer auto_increment primary key not null, 3 | userId varchar(25) not null, 4 | pw varchar(25) not null 5 | ); -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/sql/board.sql: -------------------------------------------------------------------------------- 1 | create table board( 2 | board_no bigint not null auto_increment, 3 | content varchar(255), 4 | reg_date datetime, 5 | title varchar(255), 6 | writer varchar(255), 7 | primary key(board_no) 8 | ) engine=InnoDB; -------------------------------------------------------------------------------- /SpringFrameworkLecture/demo/src/test/java/com/example/demo/DemoApplicationTests.java: -------------------------------------------------------------------------------- 1 | package com.example.demo; 2 | 3 | import org.junit.jupiter.api.Test; 4 | import org.springframework.boot.test.context.SpringBootTest; 5 | 6 | @SpringBootTest 7 | class DemoApplicationTests { 8 | 9 | @Test 10 | void contextLoads() { 11 | } 12 | 13 | } 14 | -------------------------------------------------------------------------------- /binary/server: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BitWeb17/LectureContents/f28bb554847fa15ba462b29db1f728f1f924524e/binary/server -------------------------------------------------------------------------------- /notes/Java/7회차.txt: -------------------------------------------------------------------------------- 1 | 클래스 연습 문제 2 | 3 | 1) 노 클래스 버전으로 만들어보자! 4 | 스타트업 회사에 4명의 직원이 있다. 5 | 이 직원들의 급여는 최소 2400 이상이며 6 | 이들간의 차이는 최대 1200 정도라고 가정한다. 7 | 각각의 랜덤한 연봉을 출력해보도록 만들어보자! 8 | 9 | 2) 위의 1 번 문제를 이젠 클래스를 활용하여 만들어보자! 10 | 11 | 3) 클래스를 활용하여 삼각형의 넓이를 구하는 프로그램을 만들어보자! 12 | 3-1) 밑변 * 높이 * 0.5 13 | 3-2) 1/2 ab sin x 14 | 3-3) 외적 15 | 16 | 4) 사용자 입력으로 시작값을 받고 17 | 사용자 입력으로 끝값을 받는다. 18 | 그리고 또 다른 사용자 입력을 받는다. 19 | 마지막에 입력된 사용자 입력값으로 나눠 떨어지는 숫자들을 20 | 시작값과 끝값 사이에서 찾아서 출력하는 매서드를 만들어보자! 21 | 22 | 5) 피보나치 수열을 계산하는 문제를 23 | 클래스화 시켜서 매서드 사용 방식으로 풀어보자 24 | -------------------------------------------------------------------------------- /notes/Java/test.txt: -------------------------------------------------------------------------------- 1 | 수업 내용에 대한 업로드입니다. 2 | -------------------------------------------------------------------------------- /notes/JavaScript/2021-01-27.txt: -------------------------------------------------------------------------------- 1 | # JavaScript 환경 설정 2 | curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - 3 | sudo apt-get install nodejs 4 | node --version 5 | npm --version 6 | 7 | npx create-react-app js_test 8 | 9 | cd js_test 10 | npm start 11 | 12 | 13 | 14 | # VSCode 리눅스에 설치하기 15 | 16 | sudo sh -c 'curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > /etc/apt/trusted.gpg.d/microsoft.gpg' 17 | 18 | sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list' 19 | 20 | sudo apt-get update 21 | sudo apt-get install code 22 | code 23 | -------------------------------------------------------------------------------- /notes/Spring/31회차.txt: -------------------------------------------------------------------------------- 1 | 2 | 1) sudo apt-get update 3 | 2) sudo apt-get install ffmpeg 4 | 3) ffmpeg -version 5 | 4) ffmpeg -encoders 6 | 5) ffmpeg -decoders 7 | 6) sudo snap install youtube-dl 8 | 7) youtube-dl URL주소 9 | 8) mv 파일명 단순한파일명 10 | 9) ffmpeg -i 단순한파일명.mkv 단순한파일명.mp3 11 | 12 | sudo apt-get remove youtube-dl 13 | -------------------------------------------------------------------------------- /notes/vue/39회차.txt: -------------------------------------------------------------------------------- 1 | npm install --save-dev axios 2 | npm install --save-dev vue-cookies 3 | npm install --save-dev vue-router 4 | npm install --save-dev vuex 5 | vue add vuetify 6 | 7 | --------------------------------------------------------------------------------