โป ์ฝ์ด ์๋ฐ์คํฌ๋ฆฝํธ์ฑ ์ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ๋ ๊ธ์ ๋๋ค.๊ธฐ๋ณธํ ๋ฐ์ดํฐ์ธ ์ซ์, ๋ฌธ์์ด, boolean, null, undefined, Symbol์ ๋ชจ๋ ๋ถ๋ณ๊ฐ์ด๋ค.(๋ถ๋ณ์ฑ ์ฌ๋ถ๋ฅผ ๊ตฌ๋ถํ ๋์ ๋์์ ๋ฐ์ดํฐ ์์ญ ๋ฉ๋ชจ๋ฆฌ์ด๋ค.)์ ๊ทธ๋ฐ์ง ์์๋ณด์.โ ๋ณ์ a์ ์ซ์ 5๋ฅผ ํ
โป ์ฝ์ด ์๋ฐ์คํฌ๋ฆฝํธ์ฑ ์ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ๋ ๊ธ์ ๋๋ค.๐ฏ ๋ชฉํใ ๊ธฐ๋ณธํ ํ์ ๊ณผ ์ฐธ์กฐํ ํ์ ์ด ์๋ก ๋ค๋ฅด๊ฒ ๋์ํ๋ ์ด์ ์ดํดํ๊ธฐ์๋ฐ ์คํฌ๋ฆฝํธ์์ ๋ฐ์ดํฐ ํ์ ์๋ ํฌ๊ฒ ๋ ๊ฐ์ง๊ฐ ์๋ค.๊ธฐ๋ณธํ ๊ณผ ์ฐธ์กฐํ ์ด๋ค.๊ธฐ๋ณธํ : ์ซ์(number), ๋ฌธ์์ด(string), ๋ถ๋ฆฌ์ธ(
some() ๋ฉ์๋๋ ๋ฐฐ์ด ์์ ์ด๋ค ์์๋ผ๋ ์ฃผ์ด์ง ํ๋ณ ํจ์๋ฅผ ํต๊ณผํ๋์ง ํ ์คํธ ํ๋ค.๐จ ๋น ๋ฐฐ์ด์์ ํธ์ถํ๋ฉด ๋ฌด์กฐ๊ฑด false๋ฅผ ๋ฐํํ๋ค.๐ป C O D E ๐ปcallback : ๊ฐ ์์๋ฅผ ์ํํ ํจ์๋ก, ๋ค์ ์ธ ๊ฐ์ง ์ธ์๋ฅผ ๋ฐ๋๋ค.โ currentValue
filter() ๋ฉ์๋๋ ์ฃผ์ด์ง ํจ์์ ํ ์คํธ๋ฅผ ํต๊ณผํ๋ ๋ชจ๋ ์์๋ฅผ ๋ชจ์ ์๋ก์ด ๋ฐฐ์ด๋ก ๋ฐํํ๋ค.๐ป C O D E ๐ปcallback : ๊ฐ ์์๋ฅผ ์ํํ ํจ์๋ก, true๋ฅผ ๋ฐํํ๋ฉด ์์๋ฅผ ์ ์งํ๊ณ , false๋ฅผ ๋ฐํํ๋ฉด ๋ฒ๋ฆฐ๋ค. ์๋์ ๊ฐ์ ์ธ ๊ฐ์ง ๋งค๊ฐ๋ณ์๋ฅผ
๋ฏธ๋์ด ์ฟผ๋ฆฌ(Media Query)๋ ๋ฐ์ํ ์น ๋์์ธ์ ํต์ฌ ๋ถ๋ถ์ด๋ค.๋ทฐํฌํธ์ ํฌ๊ธฐ์ ๋ฐ๋ผ ์๋ก ๋ค๋ฅธ ์กฐํ์ ์์ฑํ ์ ์๊ธฐ ๋๋ฌธ์ด๋ค.์๋ฅผ ๋ค์ด ๋ทฐ ํฌํธ๊ฐ 480px๋ณด๋ค ๋๋ค๋ผ๊ณ ๋ด๊ฐ ์ง์ ํ ๊ท์น์ ๋ธ๋ผ์ฐ์ ๋ฐ ์ฅ์น ํ๊ฒฝ์ด ์ผ์นํ๋ ๊ฒฝ์ฐ์๋ง ์ด๋ ํ CSS๋ฅผ ์ ์ฉํ ์
ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ ๋ํด ์์๋ณด์.์ฆ, ๊ฐ๋จํ ๋งํ๋ฉด ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋ ์๋ก ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ์์ ์น ํ์ด์ง๊ฐ ์๋ํ ๊ธฐ๋ฅ์ ๋๋ฑํ๊ฒ ์ํํ๋ฉฐ, ์ด๋ ํ ๋ธ๋ผ์ฐ์ ์ ์ต์ ํ๋์ด ์น์ฐ์น์ง ์๋๋ก ํ์ด์ง๋ฅผ ์ ์ํ๋ ๊ธฐ๋ฒ์ ๋งํ๋ค.ํฌ๊ฒ 4๊ฐ์ง์ ์ด์ ๊ฐ ์์์ ์์๋ณด์๋ค.๋ธ๋ผ์ฐ์ ๋ง
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ฉด ํ์ํ ๋ ์๋ฒ์ ๋คํธ์ํฌ ์์ฒญ์ ๋ณด๋ด๊ณ ์๋ก์ด ์ ๋ณด๋ฅผ ๋ฐ์์ค๋ ์ผ์ ํ ์ ์๋ค.ex) ์ฃผ๋ฌธ ์ ์ก, ์ฌ์ฉ์ ์ ๋ณด ์ฝ๊ธฐ ๋ฑ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์๋๋ฐ, ๊ฐ์ฅ ๋จผ์ Fetch()์ ๋ํด ์์๋ณด์.ใป url - ์ ๊ทผํ๊ณ ์ ํ๋ URLใป options -
โป ์ํ์ฝ๋ฉ Redux ์์ ์ ๋ค์ผ๋ฉด์ ์ ๋ฆฌํ๋ ๊ธ์ ๋๋ค.Redux๋ ์์ ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋ ์ดํ๋ฆฌ์ผ์ด์ ์ ์ํ ์์ธก๊ฐ๋ฅํ ์ํ ์ ์ฅ์ ์ด๋ผ๊ณ ์๊ฐํ๊ณ ์๋ค.๋ฆฌ๋์ค์ ํต์ฌ์ store์ผ๋ก, ์ ๋ณด๊ฐ ์ ์ฅ๋๋ ๊ณณ์ด๋ค.store์์๋ ์ค์ ์ ๋ณด๊ฐ state์ ์ ์ฅ๋๋ค.์ฐธ
๋ฌธ์์ด s์ ๋ํ๋๋ ๋ฌธ์๋ฅผ ํฐ๊ฒ๋ถํฐ ์์ ์์ผ๋ก ์ ๋ ฌํด ์๋ก์ด ๋ฌธ์์ด์ ๋ฆฌํดํ๋ ํจ์, solution์ ์์ฑํด์ฃผ์ธ์.s๋ ์๋ฌธ ๋์๋ฌธ์๋ก๋ง ๊ตฌ์ฑ๋์ด ์์ผ๋ฉฐ, ๋๋ฌธ์๋ ์๋ฌธ์๋ณด๋ค ์์ ๊ฒ์ผ๋ก ๊ฐ์ฃผํฉ๋๋ค.str์ ๊ธธ์ด 1 ์ด์์ธ ๋ฌธ์์ด์ ๋๋ค.์ฐ์ ๊ธ์๋ฅผ ํ๋์ฉ ์๋ฅธ ๋ค
Stringํ ๋ฐฐ์ด seoul์ element์ค Kim์ ์์น x๋ฅผ ์ฐพ์, ๊น์๋ฐฉ์ x์ ์๋ค๋ String์ ๋ฐํํ๋ ํจ์, solution์ ์์ฑํ์ธ์. seoul์ Kim์ ์ค์ง ํ ๋ฒ๋ง ๋ํ๋๋ฉฐ ์๋ชป๋ ๊ฐ์ด ์ ๋ ฅ๋๋ ๊ฒฝ์ฐ๋ ์์ต๋๋ค.seoul์ ๊ธธ์ด 1 ์ด์,
๋ฐฐ์ด arr๊ฐ ์ฃผ์ด์ง๋๋ค. ๋ฐฐ์ด arr์ ๊ฐ ์์๋ ์ซ์ 0๋ถํฐ 9๊น์ง๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. ์ด๋, ๋ฐฐ์ด arr์์ ์ฐ์์ ์ผ๋ก ๋ํ๋๋ ์ซ์๋ ํ๋๋ง ๋จ๊ธฐ๊ณ ์ ๋ถ ์ ๊ฑฐํ๋ ค๊ณ ํฉ๋๋ค. ๋จ, ์ ๊ฑฐ๋ ํ ๋จ์ ์๋ค์ ๋ฐํํ ๋๋ ๋ฐฐ์ด arr์ ์์๋ค์ ์์๋ฅผ ์ ์งํด์ผ ํฉ๋๋ค
๋จ์ด s์ ๊ฐ์ด๋ฐ ๊ธ์๋ฅผ ๋ฐํํ๋ ํจ์, solution์ ๋ง๋ค์ด ๋ณด์ธ์. ๋จ์ด์ ๊ธธ์ด๊ฐ ์ง์๋ผ๋ฉด ๊ฐ์ด๋ฐ ๋๊ธ์๋ฅผ ๋ฐํํ๋ฉด ๋ฉ๋๋ค.s๋ ๊ธธ์ด๊ฐ 1 ์ด์, 100์ดํ์ธ ์คํธ๋ง์ ๋๋ค.๊ฐ๋ค์ ํ๋ํ๋ ์๋ผ์ฃผ์ด ๋ฐฐ์ด์ ๋ฃ์ ํ, ๋ฐฐ์ด ๊ธธ์ด / 2 ํ ๊ฐ์ ์ธ๋ฑ์ค ๋ฒํธ์ ์์นํ
๋ ์ ์ a, b๊ฐ ์ฃผ์ด์ก์ ๋ a์ b ์ฌ์ด์ ์ํ ๋ชจ๋ ์ ์์ ํฉ์ ๋ฆฌํดํ๋ ํจ์, solution์ ์์ฑํ์ธ์.์๋ฅผ ๋ค์ด a = 3, b = 5์ธ ๊ฒฝ์ฐ, 3 + 4 + 5 = 12์ด๋ฏ๋ก 12๋ฅผ ๋ฆฌํดํฉ๋๋ค.a์ b๊ฐ ๊ฐ์ ๊ฒฝ์ฐ๋ ๋ ์ค ์๋ฌด ์๋ ๋ฆฌํดํ์ธ์.a์ b
์ด ๋ฌธ์ ์๋ ํ์ค ์ ๋ ฅ์ผ๋ก ๋ ๊ฐ์ ์ ์ n๊ณผ m์ด ์ฃผ์ด์ง๋๋ค.๋ณ(\*) ๋ฌธ์๋ฅผ ์ด์ฉํด ๊ฐ๋ก์ ๊ธธ์ด๊ฐ n, ์ธ๋ก์ ๊ธธ์ด๊ฐ m์ธ ์ง์ฌ๊ฐํ ํํ๋ฅผ ์ถ๋ ฅํด๋ณด์ธ์.n๊ณผ m์ ๊ฐ๊ฐ 1000 ์ดํ์ธ ์์ฐ์์ ๋๋ค.ํ ํ์ n๊ฐ ๋งํผ์ ๋ณ์ ์ฐ๋๋ฐ, ์ด mํ์ด ๋๊ฒํ๋ ค๊ณ ํ๋ค.๐ป
๋ธ๋ผ์ฐ์ ์ ์ฃผ์ ๊ธฐ๋ฅ์ ์ฌ์ฉ์๊ฐ ์ ํํ ์์์ ์๋ฒ์ ์์ฒญํ๊ณ ๋ธ๋ผ์ฐ์ ์ ํ์ํ๋ ๊ฒ์ด๋ค.์ด ์์์ ๋ณดํต HTML ๋ฌธ์์ง๋ง PDF๋ ์ด๋ฏธ์ง ๋๋ ๋ค๋ฅธ ํํ์ผ ์๋ ์๊ณ , ์ด๋ URI์ ์ํด ์ ํด์ง๋ค. ๋ธ๋ผ์ฐ์ ๋ HTML๊ณผ CSS ๋ช ์ธ์ ๋ฐ๋ผ HTML ํ์ผ์ ํด์ํด์ ํ
์๋ง์ ๋ง๋ผํค ์ ์๋ค์ด ๋ง๋ผํค์ ์ฐธ์ฌํ์์ต๋๋ค. ๋จ ํ ๋ช ์ ์ ์๋ฅผ ์ ์ธํ๊ณ ๋ ๋ชจ๋ ์ ์๊ฐ ๋ง๋ผํค์ ์์ฃผํ์์ต๋๋ค.๋ง๋ผํค์ ์ฐธ์ฌํ ์ ์๋ค์ ์ด๋ฆ์ด ๋ด๊ธด ๋ฐฐ์ด participant์ ์์ฃผํ ์ ์๋ค์ ์ด๋ฆ์ด ๋ด๊ธด ๋ฐฐ์ด completion์ด ์ฃผ์ด์ง ๋, ์์ฃผํ์ง ๋ชปํ ์ ์์
2์ฐจ ํ๋ก์ ํธ์๋ โจ ์ํฐ๋ ํด๋ก ํ๋ก์ ํธ โจ ํ๊ธฐ๋ฅผ ์จ๋ณด๋ ค๊ณ ํ๋ค.2020.10.05 - 2020.10.16์ฃผ์ : ์ํฐ๋ ํด๋ก FrontEnd : ๋ฐ๋จ์ค, ๊นํธ๊ท , ์ฅ์ฃผํฌ, ์ด์ฐ์ฑBackEnd : ํ์ฑ์, ๋ฌธ์ฑํธGithubTrelloHTML, CSSJavaScript
1์ฐจ ํ๋ก์ ํธ์๋ โจ ๋ผ์ธํ๋ ์ฆ ํด๋ก ํ๋ก์ ํธ โจ ํ๊ธฐ๋ฅผ ์จ๋ณด๋ ค๊ณ ํ๋ค. ๐ ํ๋ก์ ํธ ๊ธฐ๊ฐ ๐ 2020.09.14 - 2020.09.25 ๐จ ๋ด๊ฐ ํ ์์ ๐จ ๋ฉ์ธํ์ด์ง
์ฒซ ํ๋ก์ ํธ์๋ โจ Westagram ํด๋ก ํ๋ก์ ํธ โจ ํ๊ธฐ๋ฅผ ์จ๋ณด๋ ค๊ณ ํ๋ค. ๐ ํ๋ก์ ํธ ๊ธฐ๊ฐ ๐ 2020.09.03 - 2020.09.11 ๐จ ๋ด๊ฐ ํ ์์ ๐จ ๋ก๊ทธ์ธ ํ์ด์ง ๋ก๊ทธ์ธ ํ์ด์ง ๋ ์ด์์ id (@ ํฌํจ), pw (6๊ธ์ ์ด์)