ํฐ์คํ ๋ฆฌ ๋ทฐ
Today I learned
๐ HTML, CSS
1์ฃผ์ฐจ ๋ฏธ๋ ํ๋ก์ ํธ์์ HTML, CSS์ ๋ํ ๊ธฐ์ด์ง์์ด ๋ถ์กฑํ๋ค๋ ๊ฑธ ์ฌ์คํ ๋๊ผ๋๋ฐ
ํญํด ์ปค๋ฆฌํ๋ผ์๋ง ์ง์คํ๋๋ผ ๊ฐ์ธ์ ์ผ๋ก ๋ถ์กฑํ ๋ถ๋ถ์ ๋ํ ๊ณต๋ถ๋ ๊ณ์ ๋ท์ ์ด์๋ค.
์ด ์ํ๋ก ํ๋ก์ ํธ๋ฅผ ์์ํ๋ฉด ์ ๋๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์ด์
์ค๋๋ถํฐ ๋งค์ผ ์ค์ ์ HTML, CSS, JS๋ฅผ ๊ณต๋ถํ๋ ๋ฐ ์ฐ๋ ค๊ณ ํ๋ค.
์ค๋์ MDN Docs๋ฅผ ์ดํด๋ณด์๋ค.
์ฐ์ ์ ์ฒด์ ์ธ ๋ด์ฉ์ ํ์ด๋ณธ ํ์ ์ฃผ์ ๋ฅผ ์ ํด์ ํ๋์ฉ ๊น๊ฒ ๊ณต๋ถํ๋ ค๊ณ ํ๋ค.
๐ ์ธํ๋ฐ Javascript ๋ฌธ๋ฒ ๊ฐ์ ์๊ฐ
๊ฐ์๊ฐ ๋๋ ๋ง์ง ์์์ ์ ๋ณผ๊น ํ๋ค๊ฐ ์๊ฐ๊น์ง ์ผ๋ง ๋จ์ง ์์์ ๊ทธ๋ฅ ๋ค ๋ณด๋ ค๊ณ ํ๋ค.
์ค๋์ ES5์์์ ๋ฐฐ์ด ์ค๋ธ์ ํธ์ ๋ํด์ ๋ฐฐ์ ๋ค.
์ฃผ๋ก Array์ ๋ด์ฅ ๋ฉ์๋์ ๋ํ ๋ด์ฉ์ด์๋๋ฐ, ๋ด๊ฐ ๋ชจ๋ฅด๊ณ ์๋ ๋ฉ์๋๋ค๋ ์์ด์
์์ธ๋ก ์ ์ตํ๋ค.
๐ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ๊ธฐ
ํ๋ก๊ทธ๋๋จธ์ค์ ๊ฐ์ ์ซ์๋ ์ซ์ด! ๋ฅผ ํ์๋ค.
์ฒ์์๋ map() ๋ฉ์๋๋ฅผ ์ฌ์ฉํด์ ํ๋ ค๊ณ ํ๋๋ฐ, ์ฝ๋ฐฑํจ์์ ๋ฃ์ ๋ด์ฉ์ด ์๊ฐ๋์ง ์์์
๊ฒฐ๊ตญ filter() ๋ฉ์๋๋ก ๋ฌธ์ ๋ฅผ ํ์๋ค.
๊ทธ๋ฐ๋ฐ ์๊ฐํด๋ณด๋ ๋ค์ด๊ฐ๋ ์ฝ๋ฐฑํจ์๋ ๋น์ทํ ํ ๋ฐ ์ map()์ผ๋ก ๋ชป ํ์์ง?
๋ฌธ์ ๋ฅผ ์ฝ๊ณ ์ค์ ๋ก ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ ๊น์ง ์๊ฐ์ด ๊ฝค ๊ฑธ๋ ธ๋๋ฐ,
๋ง์ ๋ฌธ์ ๋ฅผ ๋ค ํ์ด๋๊ณ ๋ณด๋ ์ฝ๋๊ฐ ๋๋ฌด ์งง์์ ์กฐ๊ธ ํ๋ฌดํ๋ค.
๐ React ๊ธฐ์ด 5-3 ๊น์ง ์๊ฐ
์คํ๋ถํฐ ๋ฐค๊น์ง๋ ๊ณ์ ๋ฆฌ์กํธ ๊ธฐ์ด ๊ฐ์๋ฅผ ๋ค์๋ค.
์ด์ 3์ฃผ์ฐจ ๊ฐ์๋ฅผ ๋ค์ด๋์ ์ค๋์ ๋ชฉํ์น์ ๊ทผ์ ํ๊ฒ ๊ฐ์๋ฅผ ๋ค์ ์ ์์๋ค.
๋ค๋ง...
5์ฃผ์ฐจ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ ๋ณต๋ณ์ ๋ง๋ฌ๋ค.
์ฃผ์ธ๊ณต์ ๋ฐ๋ก ์ ๋ช ๋์ 5-2 ๋ฆฌ๋์ค์์ FireStore ๋ฐ์ดํฐ ๊ฐ์ง๊ณ ๋๊ธฐ (2) ์ด๋ค.
๊ฐ์ ์ ๋ชฉ์ ๋ด๊ฐ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ๋ ธ๋ ๊ฒ ๊ฐ์๋ฐ
๋ง์น ๋ด๊ฐ ๋ฐ์ดํฐ์ ๋์๋ ๋๋์ด๋๊น..?
๋๋ฅผ ํฌํจํ์ฌ ๋ฆฌ์กํธ๋ฅผ ์ฒ์ ์ ํ๋ ์ฌ๋์๊ฒ๋ ์ํฌ์นผ๋ฆฝ์ค์ ์คํ๋ ๊ฐ์๊ฐ ์๋๊น ํ๋ ์๊ฐ์ด ๋ ๋ค.
์ค๋ ์ผ์์ ์ง์ ์ฌ์์ ๋ฐ๋ณตํ๋ฉด์ ์ฝ๋๋ฅผ ๋ฐ๋ผ์ ์์ฑํ๋ฉฐ ๋ค ๋ฃ๊ธฐ๋ ํ์ง๋ง
์ด ๊ฐ์๋ ๋ฆฌ๋์ค์ ๋ํ ์๋ฒฝํ ์ดํด๋ฅผ ์ํ๊ณ ์๊ธฐ ๋๋ฌธ์
๋ด์ผ ๋ฆฌ๋์ค๋ฅผ ๋ ๊ณต๋ถํ ๋ค์์ ๋ค์ ๊ฐ์๋ฅผ ๋ค์ ์๊ฐ์ด๋ค.
Tomorrow I Will
๐ HTML, CSS, JS
์ค๋๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ์ค์ ์๋ HTML, CSS, JS ๊ณต๋ถ๋ฅผ ํ๋ ค๊ณ ํ๋ค.
HTML๊ณผ CSS๋ MDN์์ ํ๊ทธ์ ์์ฑ์ ํ๋ ์์ผ๋ก ํ๋ ค๊ณ ํ๋ฉฐ,
JS๋ ์ธํ๋ฐ์ ๋จ์ ๊ฐ์๋ฅผ ๋ชจ๋ ์๊ฐํ ์์ ์ด๋ค.
๐ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ๊ธฐ
ํ๋ก๊ทธ๋๋จธ์ค์ ๋ ๊ฐ ๋ฝ์์ ๋ํ๊ธฐ ๋ฌธ์ ๋ฅผ ํ ์์ ์ด๋ค.
๐ React Redux & FireStore
์ค๋ ๋์ฌ์์ ๋ง๋ณด์๊ธฐ ๋๋ฌธ์..
๋ฆฌ๋์ค๋ฅผ ๋ ๊ผผ๊ผผํ ๊ณต๋ถํ๊ณ 5-2 ๊ฐ์๋ฅผ ๋ค์ ๋ค์ ์์ ์ด๋ค.
๐ React ๊ฐ์ธ ๊ณผ์ ์์
์ด๋ฒ ์ฃผ ๊ฐ์ธ ๊ณผ์ ๋ฅผ ์์ํด์ผ ํ๋ค.
์ฐ์ React ๊ฐ์ธ ๊ณผ์ ์ ๋ํ ์ค๋ช ์ ๋ดค๋๋ฐ ์ง๋ ์ฃผ์๋ ๋ค๋ฅด๊ฒ ๋๋ถ๋ถ ๊ฐ์ ๋ด์ฉ์ ์๋ ๊ฒ๋ค์ด์๋ค.
๋ชฉํ๋ 11/17 ์์์ผ๊น์ง ์ ์ถํ๋ ๊ฒ์ด๋ค.
'what i learned > TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[TIL] 2021/11/25 Thu - ์ ์ ์ฒด๋ฆฌ์ธ์. (2) | 2021.11.25 |
---|---|
[TIL] 2021/11/24 Wed - (0) | 2021.11.24 |
[TIL] 2021/11/23 Tue - (0) | 2021.11.23 |
[TIL] 2021/11/20 Sat - ๋ด ์ํ๊ฐ ๋ฉ๋ก (5) | 2021.11.20 |
[TIL] 2021/11/19 Fri - ํ๋ฅผ๊ฒ, ๋ง์๊ฒ, ์์๊ฒ (0) | 2021.11.19 |