์๋ฏธ์๋ ํด๋์ค๋ช ์ผ๋ก ๋ณ๊ฒฝํด์ฃผ์๋ค.์คํ์ผ ์์ฑ์ ์ถ๊ฐํ์๋ค. (์ธ๋ผ์ธ)๋ฆฌ์กํธ์ ์ฅ์ ์ JS์ HTML๋ฅผ ์๋ก ์์ด์ฐ๋ JSX๋ฅผ ์ฌ์ฉํ๊ณ , ๊ทธ ์์์ ํจ์ ๋ฑ ์ด๊ฒ์ ๊ฒ ๋ง๋ค ์ ์์๋ค.ํจ์๋ก ๋ง๋ค์ด๋ณด์์ฅ? ๋น์ฐํ๋ค . props๋ฅผ { } ์์ ๋ฃ์๊ธฐ ๋๋ฌธ์ด๋ค. ( { }
๐ค์๊ฐํด๋ณด๊ธฐ๐ฑโ๐ค๋ชจ๋ฒ๋ต์
๐ค์๊ฐํด๋ณด๊ธฐ๐ฑโ๐ค๋ชจ๋ฒ๋ต์
๐ค์๊ฐํด๋ณด๊ธฐ๐ฑโ๐ค๋ชจ๋ฒ๋ต์
https://programmers.co.kr/learn/courses/30/lessons/12977 ๐ฑโ๐ค๋ชจ๋ฒ๋ต์
https://programmers.co.kr/learn/courses/30/lessons/12982 ๐ค์๊ฐํด๋ณด๊ธฐ์กฐ๊ฑด :๋ฐฐ์ด d ๋ด value๋ฅผ ์กฐํฉํด์ ํฉ์ด budget ์ดํ์ ๋ง์กฑํ๋ ๊ฒฝ์ฐ์ ์(count).๋ฐ๋๋ก budget์์ i๋งํผ ๋นผ์ค๋ค. ์ค๋ฆ์ฐจ์
https://programmers.co.kr/learn/courses/30/lessons/42862๐ฑโ๐ค๋ชจ๋ฒ๋ต์๋งํฌํ ์คํธ
์ด๋ฒคํธ ํธ๋ค๋ฌ๋ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ฒคํธ๋ฅผ ๋์ผํ๊ฒ ์ฒ๋ฆฌํ๊ธฐ ์ํ ์ด๋ฒคํธ ๋ํผย SyntheticEventย ๊ฐ์ฒด๋ฅผ ์ ๋ฌ๋ฐ์ต๋๋ค\[https://ko.reactjs.org/docs/events.htmlReact๋ ์ด๋ฒคํธ๋ค์ ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ์์๋ ๊ฐ์ ์์ฑ์ ๊ฐ์ง๋๋ก
ํจ์ํ ์ปดํฌ๋ํธ์์ ํด๋์คํ ์ปดํฌ๋ํธ์ ์๋ช ์ฃผ๊ธฐ๋ฅผ ๋ชจ๋ ํํํ ์ ์๋ค.ErrorBoundary ๋ง ํน์ดํ๊ฒ ํด๋์คํ ์ปดํฌ๋ํธ๋ก๋ง ์ฌ์ฉํ๋ค.์ปดํฌ๋ํธ ๋ด์ ์ํ โ ์์ ์ ์ถ๋ ฅ ๊ฐ์ ๋ณ๊ฒฝ (์์ํจ์ ๋ณ๊ฒฝX / State๋ฅผ ๋ณ๊ฒฝ)Class Component โ State
\[https://ko.reactjs.org/docs/components-and-props.html์ปดํฌ๋ํธ๋ฅผ ํตํด ์ฃผ์ ํด์ค ๊ฐ , ํ๋กํผํฐ (์์ฑ)์ด ์์์์๋ ๋ค์๊ณผ ๊ฐ์ ์ผ๋ค์ด ์ผ์ด๋ฉ๋๋ค.<Welcome name="Sara" />ย ์๋ฆฌ๋จผํธ๋กย React
๐ค์๊ฐํด๋ณด๊ธฐ๐ฑโ๐ค๋ชจ๋ฒ๋ต์์๊ฐ ์๋๋ผ๋ฉด์ด๋ฐ๋๋์ผ๋ก..
๐ค์๊ฐํด๋ณด๊ธฐ1) 3์ง๋ฒ์ผ๋ก ๋ณํํ๋ค.2) ์ญ์์ผ๋ก ๋ณํํ๊ฑฐ๋, ์คํ ์๋ฃ๊ตฌ์กฐ ๋ฐฉ๋ฒ์ผ๋ก ๊ฑฐ๊พธ๋ก ๊ฐ์ ๋ฃ๋๋ค ?3) 10์ง๋ฒ์ผ๋ก ๋ณํํ๋ค.๐ฑโ๐ค๋ชจ๋ฒ๋ต์๋ป๋๋ก ์ ํ๋ฆฌ์ง ์์๋๊ฒ ๊ฐ๋ค. ์ฐ์ 3์ง๋ฒ์ ๊ณ์ฐํ๋๊ฒ์ ๋งจ๋ ์ ๊ตฌ๊ธ๋งํ์ง ์๊ณ ๋ ๋ชป์ฐพ๊ฒ ์๋ค.๊ฒฐ๊ตญ ๋๊ตฐ๊ฐ ๊ตฌํํด๋
๐ค์๊ฐํด๋ณด๊ธฐ1) numbers๋ฅผ ํ๋ฒ ํ์ด์ค๋ค.2) ํ์ด์ฃผ๋ฉด์ i + j๋ฅผ ํ๋ค.3) ์ ๋ ฌ์ ํด์ค๋ค. (sort or sorted)4) ์ค๋ณต์ ์ ๊ฑฐํด์ค๋ค. (set( ))5) ๋ฆฌ์คํธ๋ก ๋ฐํํ๋ค. (list( ))range. ์ฆ ๋ฒ์๋ฅผ ์ด๋ป๊ฒ ์ฃผ์์๋ ๋ต์ด๋์ค๋์ง ์๋ชฐ
๐ค์๊ฐํด๋ณด๊ธฐ1) ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์จ๋ณผ๊น..?2) strftime ์ ๊ฐ์ ๋ฃ๊ณ ๋๋ฌธ์๋ก ์ถ๋ ฅํ๋ค.<Date ๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ>๋งํฌํ ์คํธ๐ฑโ๐ค๋ชจ๋ฒ๋ต์
๐ค์๊ฐํด๋ณด๊ธฐ1) arr1 ์ ๋ฐ๋ณตํ๋ค.2) arr1i ์ arr2i๋ฅผ ๋ํ๋ค.3) ์ ๋ฐฐ์ด์ ์ถ๊ฐํ๊ณ ์ถ๋ ฅํ๋ค.
๐ค์๊ฐํด๋ณด๊ธฐ์ ๋ ฅ๋ฐ์ ํ๋ผ๋ฏธํฐ๋ฅผ ๋ฐ๋ณต๋ฌธ์ ๋๋ฆฐ๋ค.๋ฐ๋ณต๋ฌธ์์ ์ซ์๋ฅผ ๋ณ์์ ๋ฃ๋๋ค๋ค์ ๋ฐ๋ณต์์ ๋ํ๋๋ ๊ฒฝ์ฐ๋ง๋ค ๋ณ์๋ฅผ ๊ณ์ฐํ๋ค.๊ณ์ฐ๋ ๋ณ์๋ ๋ฐฐ์ด๋ก append ํ๊ณ ์ด๊ธฐํํ๋ค.์ต์ ์์์ ๊ณ์ฐ์ ๋ฐฐ์ด๋ก ์ฒ๋ฆฌํ๋ค.1์ฐจ ์๋ ํ, ์ฐธ๊ณ ํ ๋งํ ์์ ๋ฅผ ์ฐพ๊ณ ๋๋, ์์ผ ๋๋ฌด
๐ค์๊ฐํด๋ณด๊ธฐ1) price๋ฅผ count ๋ฒ ๋์ ํ๊ณ ,2) ๋์ ๋ ๊ฐ์ money์์ ์ฐจ๊ฐํ๊ณ ์ถ๋ ฅํ๋ค.3) ๋์ ๋ ๊ฐ์ด money ๋ณด๋ค ํฌ๋ค๋ฉด return 0๐ฑโ๐ค๋ชจ๋ฒ๋ต์
๐ค์๊ฐํด๋ณด๊ธฐ1) ๋ฐ์ผ๋ก ๋๋์2) ์ง์์ผ๋์ ํ์์ผ๋๋ฅผ ๊ตฌ๋ถํ์
๐ค์๊ฐํด๋ณด๊ธฐ1) ๋ฐฐ์ด์ ๋ง๋ ๋ค2) ๋ฐฐ์ด๋ผ๋ฆฌ ๋น๊ต ์ํจ๋ค.3) ์ด์ ๊ฒ๊ณผ ๋ค๋ฅธ๊ฒ๋ง ๋ฐฐ์ด์ ๋ฃ๋๋ค.
๐ค์๊ฐํด๋ณด๊ธฐ1) ๋๋์ด๋จ์ด์ง๋๊ฒ๋ง ํ ๋ฐฐ์ด์ ๋ชจ์๋๋ค.2) ์์ธ์ฒ๋ฆฌ๋ฅผ ํ๋ค.3) ์ ๋ ฌํ๋ค.