๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

Log/๐Ÿ’ป TIL (CodesStates)50

๐Ÿ’ป TIL 22์ผ์ฐจ - 21.07.17 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point My Wiki - Linux ๋ถ€๋ถ„ ์—…๋ฐ์ดํŠธ ๋ธ”๋กœ๊ทธ My Wiki ์˜ Linux ๋ถ€๋ถ„์„ ์—…๋ฐ์ดํŠธํ•˜์˜€๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv1 ์†Œ์ˆ˜ ๋งŒ๋“ค๊ธฐ ๋ฌธ์ œ ํ’€์ด function solution(nums) { nums.sort(); // nums ๋ฐฐ์—ด์„ ์˜ค๋ฆ„์ฐจ์ˆœ ์ •๋ ฌ์‹œํ‚จ๋‹ค. let sum = 0; let check = 2; let count = 0; for (let i = 0; i < nums.length; i ++){ for (let ii = i + 1; ii < nums.length; ii++){ for (let iii = ii + 1; iii < nums.length; iii++){ sum = nums[i] + nums[ii] + nums[iii]; while (check < .. 2021. 7. 18.
๐Ÿ’ป TIL 21์ผ์ฐจ - 21.07.12 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point React State & Props props๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์†์„ฑ์„ ์˜๋ฏธํ•˜๋ฉฐ ์„ฑ๋ณ„์ด๋‚˜ ์ด๋ฆ„์ฒ˜๋Ÿผ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ์™ธ๋ถ€๋กœ๋ถ€ํ„ฐ ์ „๋‹ฌ๋ฐ›์€ ๊ฐ’์œผ๋กœ, ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๊ฐ€์ง„ ์†์„ฑ์— ํ•ด๋‹นํ•œ๋‹ค. ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ(์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ)๋กœ๋ถ€ํ„ฐ ์ „๋‹ฌ๋ฐ›์€ ๊ฐ’์ด๋ฉฐ props๋ฅผ ํ•จ์ˆ˜์˜ ์ „๋‹ฌ์ธ์ž(arguments)์ฒ˜๋Ÿผ ์ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ™”๋ฉด์— ์–ด๋–ป๊ฒŒ ํ‘œ์‹œ๋˜๋Š”์ง€๋ฅผ ๊ธฐ์ˆ ํ•˜๋Š” React ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๊ฐ์ฒด ํ˜•ํƒœ์ด๋ฉฐ ์™ธ๋ถ€๋กœ๋ถ€ํ„ฐ ์ „๋‹ฌ๋ฐ›์•„ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๊ฐ’์ด๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ํ•จ๋ถ€๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋Š” ์ฝ๊ธฐ ์ „์šฉ ๊ฐ์ฒด๊ฐ€ ๋˜์—ˆ๋‹ค. State๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ '์ƒํƒœ'๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ Toggle Switch๋‚˜ Counter์ฒ˜๋Ÿผ ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ๋ณ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’์ด๋‹ค. ์‡ผํ•‘๋ชฐ ์žฅ๋ฐ”๊ตฌ๋‹ˆ๋ฅผ ์˜ˆ๋กœ ๋“ค์–ด๋ณธ๋‹ค๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๊ตฌ๋งค.. 2021. 7. 12.
๐Ÿ’ป TIL 20์ผ์ฐจ - 21.07.09 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point React SPA, Router React Router๋ฅผ ์ด์šฉํ•ด React SPA ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ–ˆ๋‹ค. SPA๋Š” Single Page Application์˜ ์•ฝ์ž๋กœ์จ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ ์œ„ํ•ด ๋ฐ์ดํ„ฐ๋งŒ ์„œ๋ฒ„์—์„œ ์ „๋‹ฌ๋ฐ›์•„ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งํ•œ๋‹ค. SPA ๋ฐฉ์‹์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ๋Œ€ํ‘œ์ ์ธ ์„œ๋น„์Šค๋กœ๋Š” Youtube, Facebook, Airbnb ๋“ฑ์ด ์žˆ๋‹ค. ๐Ÿ’ก ์˜ค๋Š˜ ๋А๋‚€ ์  ์˜ค๋Š˜์˜ ํŽ˜์–ดํ”„๋กœ๊ทธ๋ž˜๋ฐ๋„ ๋‚ด๊ฐ€ ์ฃผ๋„ํ•˜๋ฉด์„œ ์ง„ํ–‰ํ•˜์ง„ ๋ชปํ–ˆ์ง€๋งŒ ์–ด์ œ๋ณด๋‹ค ์กฐ๊ธˆ์€ ๋งค๋„๋Ÿฌ์› ๋‹ค. ์•„์ง๋„ ์ดํ•ด๊ฐ€ ์•ˆ๋˜์„œ ์™ธ๊ณ„์–ด ๊ฐ™์€ ๋А๋‚Œ์ด ์žˆ๋Š”๋ฐ ๋‹ค์Œ ์ฃผ์— ์žˆ์„ H/A ์‹œํ—˜์— ํ•ฉ๊ฒฉํ•˜๊ธฐ ์œ„.. 2021. 7. 9.
๐Ÿ’ป TIL 19์ผ์ฐจ - 21.07.08 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point React ๋ฆฌ์•กํŠธ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ JavaScript ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ์„ ์–ธํ˜•, ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜, ๋‹ค์–‘ํ•œ ๊ณณ์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ํŠน์ง•์ด ์žˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ํ•œ ํŽ˜์ด์ง€๋ฅผ ์œ„ํ•ด HTML / CSS / JS ๋กœ ๋‚˜๋ˆ ์„œ ์ ๊ธฐ๋ณด๋‹ค๋Š” ํ•˜๋‚˜์˜ ํŒŒ์ผ์— ๋ช…์‹œ์ ์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ JSX๋ฅผ ํ™œ์šฉํ•œ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ง€ํ–ฅํ•œ๋‹ค. ๋˜ํ•œ ํ•˜๋‚˜์˜ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์œ„ํ•ด ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ์ฝ”๋“œ๋ฅผ ๋ฌถ์–ด๋‘” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ฐœ๋ฐœํ•œ๋‹ค. ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฆฌํ•จใ„ด์„œ๋กœ ๋…๋ฆฝ์ ์ด๊ณ  ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ๋Šฅ ์ž์ฒด์— ์ง‘์ค‘ํ•˜์—ฌ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” JavaScipt ํ”„๋กœ์ ํŠธ ์–ด๋””์—๋“  ์œ ์—ฐํ•˜๊ฒŒ ์ ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค. Facebook์—์„œ ๊ด€๋ฆฌ๋˜์–ด ์•ˆ์ •์ ์ด๊ณ  ๊ฐ€์žฅ ์œ ๋ช…ํ•˜๋ฉฐ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ๋„ .. 2021. 7. 8.