์ด์ ์ ํ์ ๋ง๋ค์ด์ ์งํํ๋ ํ๋ก์ ํธ๋ฅผ
๋ค๋ฅธ ํ๋ก์ ํธ๋ค์ ํตํด ๋ง๋ค์ด์ง component๋ค์ ๊ฐ์ง๊ณ
๋ค์ ๊บผ๋ด์ ์งํํ๊ฒ ๋์๋ค.
๊ทธ ์ฒ์์ผ๋ก ์ ์ฒด์ ์ธ ๋ถ์๊ธฐ๋ฅผ ๋ฐ๊ฟ์ฃผ๊ธฐ๋ก ํ๋ค.
๋ฑ๋ฑํ๊ณ ์์ํ ๊ธฐ๋ณธ ์์ฒด์, ํํ๊ณ ์ฌ๋ฏธ์๋ ์์๋ค ๋๋ฌธ์
์ ๊ฒฝ์ฐ์๋ sidebar์,
๋๊ฐ ์ด component๋ค์ ๋ง๋ค์๋์ง
๋ณด์ฌ์ฃผ๊ณ ์ด ํ๋ก์ ํธ์ ๊ฐ์?๊ฐ ๋ฌด์์ธ์ง ์๋ ค์ฃผ๋ overview๋ฅผ ์์ !
- sidebar์ list tab๋ค์ ํ์ฑํ ๋์ด์๋ ํ์๋ฅผ ํด์ฃผ๊ธฐ ์ํด ์์ ๋ฃ๊ณ ,
'overview'๋ผ๋ ์ด๋ฆ์ ์ด ํ๋ก์ ํธ ํ์ ์ด๋ฆ์ธ
'twmc'๋ก ๋ฐ๊ฟ์ฃผ์๋ค.
- list ๋งจ ์๋์๋ ํด๋น ํ๋ก์ ํธ์ github ์ฃผ์๋ฅผ ์ฐ๊ฒฐํด์ฃผ์๋ค
-> ์ด ๋ถ๋ถ์์ ๋ด๊ฐ absolute์ ์์น๋ฅผ top์์ ๋ง 400px๊น์ง ์ก์์ ์กฐ์ ํ์๋๋ฐ, ์๋๋ฌธ์ bottom์ผ๋ก ์ก์ ์๊ฐ์ ๋ชปํ๋์ง ๋ชจ๋ฅด๊ฒ ๋ค...ใ
- ๊ตฌ๊ธํฐํธ์์ ์ ๋นํ ๋ง์๋๋ ๊ธ์จ์ฒด๋ฅผ ๊ฐ์ ธ์์ ๋๋ต์ ์ธ ์ค๋ช
๊ธ์ ์ฐ๊ณ ,
๋์ ํ๋กํ, ๋ธ๋ก๊ทธ์ฃผ์, github์ฃผ์๋ฅผ ์ฐ๊ฒฐํด์ฃผ์๋ค.
ํ์ํ ์ถ๊ฐ์์
๋๋ต์ ์ธ ํ์ ๋ค์ ์ก์์ฃผ์์ง๋ง
๊ณ์ ์์ ์ ์์ ์ ๊ฑฐ๋ญํด์ ์์ฑ์ ํด์ผ ํ ๊ฒ ๊ฐ๋ค.
- ํ๋กํ ์ฌ์ง ์ ๋๋ฉ์ด์
ํจ๊ณผ ์ถ๊ฐ
ํ๋กํ์ฌ์ง์ hover ํ์ ๋ ์ด๋ค ํจ๊ณผ๋ฅผ ์ฃผ๊ณ ์ถ๋ค๋ ์๊ฐ์ ํ์๋๋ฐ ๋ฐ๋ก ์์ด๋์ด๊ฐ ๋ ์ค๋ฅด์ง ์์์ ๋๊ฒผ์๋ค. ๊ทธ๋ฐ๋ฐ ๊ฝค๋ ๋ง์ ๋๋ ์์๋ฅผ ์ฐพ๊ฒ ๋์ด์ ๋ค์ ์์ ์ ํด๋ณผ๊น ํ๋ค
https://conf.reactjs.org/index.html
- ๋งก์ component ํ์
๊ฐ ์ฌ๋์ด ๊ธฐ์ฌํ component๋ค์ ๊ธฐ์
ํด์ฃผ๋๊ฒ ์ข์๊น-์ถ์ ์๊ฐ์ด ๋ ๋ค. ๋ด๊ฐ ์๋์ง ์์ ๋ถ๋ถ๋ ์๊ธฐ์,,,, ์ถ๊ฐ์ ์ผ๋ก ๋ด๊ฐ ๋ง๋ค์ง ์์ ์ฝ๋๋ค์ ๋ค์ ์ดํด๋ณด๋ฉด์ ๋ฆฌ๋ทฐํด๋ณด๋ ๊ฒ๋ ์ข์ ๊ฒ ๊ฐ๋ค.
- ์ถ๊ฐ์ ์ธ component ์์
์ถ๊ฐ์ ์ผ๋ก component๋ค์ ์์
ํด์ผ ํ๋ค. ๋ด๊ฐ ์ฐ์ ๋ค์์ผ๋ก ์์
ํ component๋ tooltip.