๐Ÿ‘จโ€๐Ÿ’ป Seungineer's GitHub Contribution

๐Ÿ› ๏ธ Tool/FE 5

[PS] ์Šคํƒ ์ž๋ฃŒ ๊ตฌ์กฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒŒ ํšจ๊ณผ์ ์ธ ์ƒํ™ฉ

์˜ค๋Š˜ ๋ฐฑ์ค€ 17298 '์˜คํฐ์ˆ˜' ๋ฌธ์ œ๋ฅผ ํ’€๋ฉด์„œ ๋“œ๋””์–ด(..!) ์Šคํƒ ์ž๋ฃŒ ๊ตฌ์กฐ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ž„์„ ์•Œ ์ˆ˜ ์žˆ๋Š” ์ง๊ด€์„ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์žฌ๊ท€, dynamic programming์—์„œ ์ด๋Ÿฐ ์ง๊ด€์„ ์–ป๊ณ , PS ์—ญ๋Ÿ‰์ด ์•ฝ๊ฐ„ ์˜ฌ๋ผ๊ฐ”๋‹ค๊ณ  ์ฒด๊ฐํ–ˆ๋˜ ํ„ฐ๋ผ ๊ธฐ๋ถ„ ์ข‹์€ ๊นจ๋‹ฌ์Œ์ด์—ˆ๋‹ค.์Šคํƒ ์ž๋ฃŒ ๊ตฌ์กฐ๋Š” ์–‘ํŒŒ ๊ป์งˆ ๊ฐ™์€ ์ƒํ™ฉ์—์„œ ์“ฐ์ธ๋‹ค.์ •๊ธ€ ๊ณผ์ • ์ค‘ ์ฝ”์น˜๋‹˜๊ป˜์„œ ํ•˜์‹  ๋ง์”€์ด๋‹ค. ๊ทธ๋•Œ ๋‹น์‹œ์—๋Š” ๋ฐฑ์ค€ 9012 '๊ด„ํ˜ธ'์™€ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ํ’€๋ฉด์„œ ์–ด๋ ดํ’‹์ด '๋ฌธ์ œ๊ฐ€ ์–‘ํŒŒ ๊ฐ™๊ธด ํ•˜๋‹ค' ์ •๋„๋กœ ์ƒ๊ฐํ•˜๊ณ  ๋๋‚ฌ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์‚ฌ์‹ค์€ ๋” ํฐ ๋œป์ด ์žˆ์—ˆ๋‹ค.์–‘ํŒŒ '๊ป์งˆ'์ด๋ผ, ์–‘ํŒŒ ์•ˆ์€ ๊ด€์‹ฌ์ด ์—†๋‹ค!9012 '๊ด„ํ˜ธ' ๋ฌธ์ œ์™€ ๊ฐ™์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๊ด„ํ˜ธ๊ฐ€ ๋‹ซํ˜”๋Š”์ง€ ํ™•์ธํ•  ๋•Œ๋ฅผ ๊ฐ€์ •ํ•œ๋‹ค. (()(())) ์ด case์˜ ๊ฒฝ์šฐ ๊ฐ€์žฅ ๋งˆ์ง€๋ง‰์— ๋นจ๊ฐ„์ƒ‰ ')'์œผ๋กœ ๋‹ซํžˆ..

[LeetCode-JS 30 days] #3.Function Transformations - 1(#ํ•จ์ˆ˜๊ฐ์ฒด)

2024.08.06 - [๐Ÿ› ๏ธ Tool/FE] - [LeetCode-JS 30 days] #2. Array Transformation - 1(#์ˆœํšŒ) [LeetCode-JS 30 days] #2. Array Transformation - 1(#์ˆœํšŒ)2024.08.03 - [๐Ÿ› ๏ธ Tool/FE] - [LeetCode-JS 30 days] #1. Closures ๊ฐœ๋… - 1(#์€๋‹‰ #๋ณด์กด) [LeetCode-JS 30 days] #1. Closures ๊ฐœ๋… - 1(#์€๋‹‰ #๋ณด์กด)์•Œ๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ์˜€๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฒ€์ฆ๋œ ์„ค๋ช…์ด LeetCode Discuss์— ์˜ฌ๋ผ์˜คseungineer.tistory.com์•Œ๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ์˜€๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฒ€์ฆ๋œ ์„ค๋ช…์ด LeetCode Discuss์— ์˜ฌ๋ผ์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜๊ณ ,..

[LeetCode-JS 30 days] #2. Array Transformation - 1(#์ˆœํšŒ)

2024.08.03 - [๐Ÿ› ๏ธ Tool/FE] - [LeetCode-JS 30 days] #1. Closures ๊ฐœ๋… - 1(#์€๋‹‰ #๋ณด์กด) [LeetCode-JS 30 days] #1. Closures ๊ฐœ๋… - 1(#์€๋‹‰ #๋ณด์กด)์•Œ๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ์˜€๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฒ€์ฆ๋œ ์„ค๋ช…์ด LeetCode Discuss์— ์˜ฌ๋ผ์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜๊ณ , JS Basic ๊ณต๋ถ€์— ์ด๋ฅผ ํ™œ์šฉํ•ด๋ณด๊ณ ์ž ํ•˜์˜€๋‹ค. LeetCode PS์ฒ˜๋Ÿผ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ฉฐ JS์˜ basic skill์„ ์ตํž ์ˆ˜ ์žˆ๋„seungineer.tistory.com ์•Œ๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ์˜€๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฒ€์ฆ๋œ ์„ค๋ช…์ด LeetCode Discuss์— ์˜ฌ๋ผ์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜๊ณ , JS Basic ๊ณต๋ถ€์— ์ด๋ฅผ ํ™œ์šฉํ•ด๋ณด๊ณ ์ž ํ•˜์˜€๋‹ค. LeetCode PS์ฒ˜๋Ÿผ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ฉฐ J..

[LeetCode-JS 30 days] #1. Closures ๊ฐœ๋… - 1(#์€๋‹‰ #๋ณด์กด)

์•Œ๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ์˜€๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฒ€์ฆ๋œ ์„ค๋ช…์ด LeetCode Discuss์— ์˜ฌ๋ผ์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜๊ณ , JS Basic ๊ณต๋ถ€์— ์ด๋ฅผ ํ™œ์šฉํ•ด๋ณด๊ณ ์ž ํ•˜์˜€๋‹ค. LeetCode PS์ฒ˜๋Ÿผ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ฉฐ JS์˜ basic skill์„ ์ตํž ์ˆ˜ ์žˆ๋„๋ก ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค.ClosuresBasic Array TransformationsFunction TransformationsPromises and TimeJSONClasses์ด 6๊ฐœ์˜ Part๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ ๋ณธ ํฌ์ŠคํŠธ์—์„œ๋Š” Closures(ํด๋กœ์ ธ)์— ๋Œ€ํ•ด ๋‹ค๋ฃฌ๋‹ค.Create Hello World Function๋ฌธ์ œ๋ฅผ ํ‘ธ๋Š” ๊ฒƒ๋ณด๋‹ค ํ•ด๋‹น ๋ฌธ์ œ์˜ Discuss๋ฅผ ๋ณด๋Š” ๊ฒŒ ๋” ์ค‘์š”ํ•˜๋‹ค!์š”์•ฝLexical environment๋Š” closure๊ฐ€ ์ƒ์„ฑ๋  ๋‹น์‹œ scope ๋‚ด์˜ ๋ชจ๋“  ๋ณ€์ˆ˜..

HTML ์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์ˆœ์„œ์˜ ์ค‘์š”์„ฑ(#ํ‹ฐ์Šคํ† ๋ฆฌ HTML์— script ์ ์šฉ์ด ์•ˆ ๋  ๋•Œ)

์ •๊ธ€ ๋™๊ธฐ๋“ค์˜ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•„์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ์ˆ˜์ •ํ•˜๊ณ ์ž HTML ํŽธ์ง‘์„ ํ•ด๋ณด์•˜๋‹ค. ๊ธฐ์กด์—๋Š” ์‚ฌ์ด๋“œ๋ฐ” HTML ๋ฐ•์Šค์— ์žˆ๋˜ github contribution graph๋ฅผ ๋ธ”๋กœ๊ทธ ์ƒ๋‹จ์œผ๋กœ ์˜ฌ๋ฆฌ๋Š” ๊ฒŒ ๋ชฉ์ !์‚ฌ์ด๋“œ๋ฐ”์˜ ์š”์†Œ๋ฅผ ๋‹จ์ˆœํžˆ ๋ธ”๋กœ๊ทธ ์ƒ๋‹จ์˜ Header Div์— ์œ„์น˜์‹œํ‚ค๋ฉด ๋˜๊ฒ ๊ฑฐ๋‹ˆ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ƒ๊ฐํ–ˆ๋Š”๋ฐ, ์ œ๋Œ€๋กœ ๋˜์ง€ ์•Š์•˜๋‹ค.๋ฒ„๊ทธ์‚ฌ์ด๋“œ๋ฐ”์— ์žˆ๋˜ ๋ฅผ ๊ทธ๋Œ€๋กœ ๊ฐ€์ ธ์™€์„œ ๋‚ด ์œ„์น˜์‹œ์ผฐ์œผ๋‚˜ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜๋‹ค. ์œ„ ์ด๋ฏธ์ง€์ฒ˜๋Ÿผ ์š”์†Œ์— ๊ธฐ๋ณธ ๋ฌธ๊ตฌ๋กœ ๋„ฃ์–ด๋‘” 'Loading data...'๋งŒ ํ‘œ์‹œ๋˜์—ˆ๊ณ , script๊ฐ€ ์ž‘๋™๋˜์–ด ์š”์†Œ๋ฅผ ์•Œ๋งž์€ ํ˜•ํƒœ๋กœ ์ˆ˜์ •ํ•ด์ค˜์•ผ ํ•˜๋Š”๋ฐ ๊ทธ๋Ÿฌ์ง€ ๋ชป ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค.๋””๋ฒ„๊ทธ์ด ๋ฌธ์ œ์˜ ์›์ธ์€ ์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์ˆœ์„œ์˜ ๋ฌธ์ œ์˜€๋‹ค.HTML ๋ฌธ์„œ๋Š” ๋ธŒ๋ผ์šฐ์ €์— ์˜ํ•ด์„œ ํŒŒ์‹ฑ๋˜์–ด DOMํŠธ๋ฆฌ๋กœ ๋ณ€ํ™˜๋œ๋‹ค. HTML..