๐ป (31) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ Could not find method testCompile() for arguments [{group=junit, name=junit, version=4.12}] ๋ฒ์ ๋ณ๊ฒฝ build.gradle plugins { id 'java' } group 'cleancode-study' version '1.0-SNAPSHOT' sourceCompatibility = 1.8 repositories { mavenCentral() } dependencies { testCompile group: 'junit', name: 'junit', version: '4.12' } dependencies { testCompile('org.junit.jupiter:junit-jupiter:5.4.2') testCompile('org.assertj:assertj-core:3.11.1') } test { useJUnitPlatform() } char to int / ASCII CODE Char > int char - '0'; ASCII CODE (int)char ์์ ํ์/DFS/BFS ์์ ํ์ (๋ธ๋ฃจํธ ํฌ์ค) ๊ฐ๋ฅํ ๋ชจ๋ ๊ฒฝ์ฐ์ ์๋ฅผ ๋ค ์๋ํด ๋ต์ ์ฐพ๋ ๋ฐฉ๋ฒ ์ ํํ๊ณ ํ์คํ๊ฒ ๋ต์ ์ฐพ์ ์๋ ์์ง๋ง, ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฐ๋ค. ๋ชจ๋ ๊ฒฝ์ฐ์ ์๋ฅผ ๊ตฌํ๋ ๋ฌธ์ ๊ฐ์ ๋ถ๋ถ์์ ๋ง์ด ์ฌ์ฉ๋๋ ์๊ณ ๋ฆฌ์ฆ - ์์ ํ์ ๊ธฐ๋ฒ ์ข ๋ฅ DFS(๊น์ด ์ฐ์ ํ์) : ๋ฃจํธ ๋ ธ๋์์ ์์ํด์ ๋ค์ ๋ถ๊ธฐ(branch)๋ก ๋์ด๊ฐ๊ธฐ ์ ์ ํด๋น ๋ถ๊ธฐ๋ฅผ ์๋ฒฝํ๊ฒ ํ์ํ๋ ๋ฐฉ๋ฒ ์ด๋ค ๋ ธ๋๋ฅผ ๋ฐฉ๋ฌธํ์๋์ง ์ฌ๋ถ๋ฅผ ๋ฐ๋์ ๊ฒ์ฌ 1. ์ํ ํธ์ถ ์ด์ฉ(์๊ธฐ ์์ ์ ํธ์ถํ๋์ํ ์๊ณ ๋ฆฌ์ฆ์ ํํ) 2. ๋ช ์์ ์ธ ์คํ ์ฌ์ฉ ๋ช ์์ ์ธ ์คํ์ ์ฌ์ฉํ์ฌ ๋ฐฉ๋ฌธํ ์ ์ ๋ค์ ์คํ์ ์ ์ฅํ์๋ค๊ฐ ๋ค์ ๊บผ๋ด์ด ์์ ํ๋ค. ์ฌ์ฉํ๋ ๊ฒฝ์ฐ: ๋ชจ๋ ๋ ธ๋๋ฅผ ๋ฐฉ๋ฌธ ํ๊ณ ์ ํ๋ ๊ฒฝ์ฐ์ ์ด ๋ฐฉ๋ฒ์ ์ ํํ๋ค. ๊น์ด ์ฐ์ ํ์(DFS)์ด ๋๋น ์ฐ์ ํ์(BFS)๋ณด๋ค.. Stack/Queue/Deque/PriorityQueue Stack Last-In, First-Out -> LIFO ๋์ค์ ๋ค์ด๊ฐ ๊ฒ์ด ๋จผ์ ๋์ค๋ ๊ตฌ์กฐ push: ๋ฐ์ดํฐ ์ฝ์ pop: ๋ฐ์ดํฐ ์กฐํ + ์ญ์ peek: ๋ฐ์ดํฐ ์กฐํ clear: ๋ฐ์ดํฐ ์ ์ฒด ์ญ์ size: stack ์ฌ์ด์ฆ empty: stack ๋น์ด์๋์ง ์ฌ๋ถ contains: ํน์ ๋ฐ์ดํฐ ํฌํจ ์ฌ๋ถ search: ํน์ ๋ฐ์ดํฐ ์์น ๋ฐํ Queue First-In, First-Out -> FIFO ๋จผ์ ๋ค์ด๊ฐ ๊ฒ์ด ๋จผ์ ๋์ค๋ ๊ตฌ์กฐ LinkedList๋ก ์์ฑ ex) Queue queue = new LinkedList(); add / offer: ๋ฐ์ดํฐ ์ฝ์ remove / poll: ๋ฐ์ดํฐ ์ญ์ peek: ๋ฐ์ดํฐ ์กฐํ clear: ๋ฐ์ดํฐ ์ ์ฒด ์ญ์ Deque queue์ ์์ชฝ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์ฝ์ .. React - State์ Props React๋? : ์ฌ์ฉ์ ์ ์ ํ๊ทธ (html ํ๊ทธ์ ๋ค๋ฅด๊ฒ ๋ฐ๋์ ๋๋ฌธ์๋ก ์์) === Component props: ์ฐ๋ฆฌ๊ฐ ๋ง๋ component์ html ํ๊ทธ๋ค์ฒ๋ผ ์์ฑ์ ๊ฐ๊ฒ ํ๋ ๊ฒ ์ฌ์ฉ์ ํ๊ทธ์ ์ ์ํ ์์ฑ๋ค์ ๋ชจ๋ ์ฌ์ฉ์ ์ปดํฌ๋ํธ์ ์ฒซ๋ฒ์งธ ์ธ์๋ก object๋ฅผ ๋๊ฒจ์ค. (์ฒซ๋ฒ์งธ์ด์ ์ ์ผํ ์ธ์, props) >> ์ฌ์ฌ์ฉ์ฑ state ๋ฆฌ์กํธ๋ฅผ ์ ๋์ ์ผ๋ก ๋ค๋ฃจ๊ธฐ ์ํด ์กด์ฌํ๋ ๊ฐ์ฒด useState() ๋ผ๋ ๋ฆฌ์กํธ ํจ์๋ฅผ ์ฌ์ฉํ์ฌ State๋ผ๋ ์ ์ฅ๊ณต๊ฐ์ ๋ด์ ์ฌ์ฉ setValue๋ ๊ฐ์ ๋ฐ๊ฟ ๋ ์ฌ์ฉ. ์ด๋ฅผ ํธ์ถํ๋ฉด value๊ฐ ๋ณ๊ฒฝ๋ ๊ฐ์ผ๋ก setting๋์ด App ์ปดํฌ๋ํธ๊ฐ reRender. ๋ ๊ฐ์ฒด ๋ชจ๋ ๋ ๋๋ง ๊ฒฐ๊ณผ๋ฌผ์ ์ํฅ์ ์ฃผ๋ ์ ๋ณด๋ฅผ ๊ฐ๊ณ ์์ง๋ง props(์ธ๋ถ์๋ฅผ ์ํ)๋ (ํจ์.. CSS - display: flex ๋ถ๋ชจ ์์์ธ Flex Container์ ์์ ์์์ธ Flex Item Flxe ๊ธฐ๋ฅ์ ์ํฅ์ ๋ฐ๋ ์ ์ฒด ๊ณต๊ฐ์ ๋ถ๋ชจ ์์์ธ Container ์ค์ ๋ Flex ์์ฑ์ ๋ฐ๋ผ Container ์ ์์ ์์์ธ Item๋ค์ด ์ฌ๋ฌ ํํ๋ก ๋ฐฐ์น * ๋ฐฐ์น ๋ฐฉํฅ ์์ฑ _ flex-direction .container { flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ } * ์ ๋ ฌ ์์ฑ ๋ฉ์ธ์ถ ๋ฐฉํฅ ์ค์ justify-content .container { justify-content: center; /* justify-content: flex-st.. HTML Form input์ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ์๋์ํค๊ธฐ ์ํด์๋ input์ด form์์ ์กด์ฌํด์ผ ํจ. input์ form์์ ์์น์์ผฐ์๋ ์ํฐ๋ฅผ ๋๋ฅผ๋๋ง๋ค form์ ์๋์ ์ผ๋ก submit form์์ button ๋๋ type์ด submit์ธ input์ ํด๋ฆญํ๊ฑฐ๋ enter๋ฅผ ๋๋ฅด๋ฉด ์์ฑํ form์ด "submit" submit์ ์ํฐ๋ฅผ ๋๋ฅด๊ฑฐ๋ ๋ฒํผ์ ํด๋ฆญํ ๋ ๋ฐ์ > ๊ธฐ๋ณธ ๋์์ธ ๋ธ๋ผ์ฐ์ ์๋ก๊ณ ์นจ > form submit ๊ธฐ๋ณธ ๋์์ ๋ง๋ ํจ์ preventDefault(); vanilla JS Challenges 2022/03/07~2022/03/21 ๊ฐ์ฒด ์์ ๋ฉ์๋ ์ ์ธํ๊ธฐ const object = { handleMousEnter: function(){ /// }, handleMouseLeave: function(){ /// } }; ์ฌ์ฉํ Event - mouseenter, mouserleave, resize, contextmenu h2.addEventListener("mouseenter", superEventHandler.handleEnter); h2.addEventListener("mouseleave", superEventHandler.handleLeave); window.addEventListener("resize", superEventHandler.handleResize); window.addEventListener("contextmen.. ์ด์ 1 2 3 4 ๋ค์