OKUํ๋ก์ ํธ MVP ์์ฑํ๋ ๊ณผ์ ์ค ์ด์ฌํ ๋ชจ๋ฐ์ผ ๋ฐ์ํ ํ๋ฉด์ ๋ง๋ค์๋๋, ์๋๋ก์ด๋์์๋ ํ์ธ์ด ๋์ง๋ง, ์์ดํฐ๊ณผ ์ฌํ๋ฆฌ์์๋ ํ์ธํ ์ ์๋ ๋ฌธ์ ๊ฐ ์์๋ค. ์ฒ์์๋ http์ https ํต์ ์ ์ฐจ์ด์ธ ์ค ์๊ณ , ๋ฒํท ๋ง๋ค๊ธฐ & ACM์ธ์ฆ์ & cloudFront & route 53 ์ฐ๊ฒฐํ๋ ๊ณผ์ ์ ๊ฐ๊ฐ ์ต์ 3๋ฒ์ฉ์ ํ ๊ฒ ๊ฐ๋ค.. ์คํ ์นดํก๋ฐฉ์์ ๋ฌผ์ด๋ณด๋ http๋ ์์ดํฐ ์์ฒด์ ์ผ๋ก ๋ง์๋ค(?)๊ณ ํ๋ ๋๋์ฑ ์์ฌ์ ํ ์ ๋ฐ์ ์์๋ค. ใ ใ (๊ฒฐ๊ตญ ์ด๊ฒ๋ ์ฌ์ค์ ์๋๋ฏํ๊ฒ, ์ค๋ฅ๋ฅผ ์์ ํ http๋ ์ ์ด๋ฆฐ๋ค.) ์ค์ ์ ํ์์๋ ์ฌ์ ํ ํฐ์ ๋ฐํ๋ง ๋ณด์ด์ง ์์ ๋ฉํ ๋๊ป ์ฌ์ญค๋ดค๋๋, ์นํ ์ค์ ์ ์ ๊ฒํด์ฃผ์ จ๊ณ , ํด๋น ๋ถ๋ถ์ ์์ ํ๋๋ ์์ฃผ ์ ๋์๋ค! ๋์์ฃผ์ ๋ฉํ ๋๊ณผ ์๋์ฐ์ ์๋๋ก์ด๋๋ฅผ ์จ..
OKU _ ๋๋ง์ ๋๋ ฅ ์ง์ ์์ดํ ์ ๊ฒฝ๋งค๋ฅผ ํตํด ํ๋งคํ๊ณ , ๊ฐ๊ณ ์ถ์๋ ํ์ ํ ์ ํ์ ๊ตฌ๋งคํด๋ณด์. 1. ํ๋ก์ ํธ ํ๋ฆฌ๋ทฐ 1-1. ์ด๋ฆ / ์ค๋ช / ๊ธฐ๊ฐ / ์ธ์ ํ๋ก์ ํธ๋ช : OKU ํ๋ก์ ํธ์ค๋ช : (์ค)๋ํ๋ค์ ํ๋ฆฌ๋ฏธ์ ์ฅ์ ๋ค์ด๋ฐ ์ฌ๋ก๊ฑด : 0๋ถํฐ 9๊น์ง ๋ค ์๋ ์ค์ฟ ! ๊ธฐ๊ฐ : 4.23 ~ 5.28 ์ธ์ : ๋ฐฑ์๋(2) + ํ๋ก ํธ์๋(3) + ๋์์ด๋(2) 1-2. ๋ด ์ญํ : ํ๋ก ํธ์๋ ์คํ : react / javascript / zeplin / figma 2. ๊ธฐํ ์๋ (๊ฐ์ : GANGANGAN) ์ด๋ค ๊ฒ์ ์ด์ ์ ์ผ๋ก ์ข์ํ๊ณ , ๊ทธ๊ฒ๊ณผ ๊ด๋ จ๋ ์ํ์ ๊ตฌ๋งคํ ์ ์ด ์๋๊ฐ? ์ ๋๋ฉ์ด์ (2D)์ ์ข์ํ๋ค๋ฉด, ์ ๋๋ฉ์ด์ ํผ๊ท์ด๋ฅผ ๊ตฌ๋งคํ๊ฑฐ๋ ์ค๊ณ ๊ฑฐ๋ํด๋ณธ ์ , ๋๋ ๋ค์ด๋ณธ ์ ์ด ์์ ๊ฒ์ด๋ค. ๋น๋จ ..
[๋ผ์ดํ์ฌ์ดํด] : ์ปดํฌ๋ํธ๊ฐ ์์ฑ~์ ๋ฐ์ดํธ~์ฃฝ๋ '์ปดํฌ๋ํธ ์๋ช ์ฃผ๊ธฐ' ๋ ๋๋ง(ํ์) ··· ์ ๋ฐ์ดํธ ··· ์ฌ๋ผ์ง๋๊ฒ / ์๋ก๊ณ ์นจ(์ฌ๋ง) '๋ผ์ดํ ์ฌ์ดํด ํจ์'๋ ํด๋์คํ ์ปดํฌ๋ํธ์์๋ง ์ฌ์ฉํ ์ ์๋ค. constructor() : ์์ฑ์ ํจ์ props ๋ฐ์์ค๊ณ , state์ ๊ธฐ๋ณธ๊ฐ๋ ์ค์ ํด ์ค์ ์๋ค. ๊ฐ์ฅ ์ฒ์์ผ๋ก ๋ถ๋ ค์ค๊ณ , ์ด๋ค ์ค์ ์ ๋ง๋ค์ด ์ฃผ๋ ์ constructor(props) { super(props); this.state = { name : "๋ฒํฐํธ๋", }; } render() props์ ์ ๊ทผํด์ ๋ฐ์ดํฐ๋ฅผ ๋ณด์ฌ์ฃผ๋ ์ ๋ ๋ ๋น์์ ๋ฐ์ดํฐ๋ฅผ ์์ ํ๋ฉด ์๋จ! componentDidMount() ๋ง์ดํธ(mount) : ์ปดํฌ๋ํธ๊ฐ ํ๋ฉด์ ๋ํ๋๋ค. ์ฒซ ๋ ๋๊ฐ ๋ ์งํ ํ๋ฒ๋ง(์ฒซ๋ฒ์งธ๋ง) ์ค..
๐ ์ํ๊ฐ์ ๊ณต์ ํ๋ ๊ฑด, ํ๋์ ์ปดํฌ๋ํธ๋ก! ๋ณดํต ๋ฆฌ์กํธ๋ฅผ ์๊ฐํ ๋(*๋ฆฌ์กํธ:JS๊ธฐ๋ฐ ํ๋ ์์ํฌ) ์ ๊ฐ๋ฐํ๋์ง๋ฅผ ๋จผ์ ์ด์ผ๊ธฐํ๋ค. ํ๋ก ํธ์๋์์๋ ๊ฐ์ ์ฝ๋์ฌ๋, ์ฌ๋ฌ๋ฒ ์์ฑ๋ผ ์กฐ๊ธ ๊ณ ๋ํ๋(?) ํ์ด์ง๋ผ๋ฉด ๊ต์ฅํ ๋ณต์กํด์ง๋ค๊ณ ํ๋ค. ๋น์ฌ์๊ฐ ์๋๋ฉด ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง ๋ฟ๋๋ฌ ์ฝ๋๋ ์์ฒด๋ ์ฆ๊ฐํด์ ๋ณด๊ธฐ์๋ ์ฌ์ฉํ๊ธฐ์๋ ๋ณต์กํ๋ค๊ณ ํ๋ค. ๊ทธ๋์ ๋์จ ๊ฐ๋ ์ด '์ฌ์ฌ์ฉ'์ด๋ค. ํธ์์ฑ๊ณผ ๊น๋ํจ์ ๊ฐ์ถ ๊ฒฝ์ ์ ์ธ ์ฝ๋๊ฐ ๊ฐ๋ฅํ๋ค๋ ๊ฒ! ์ฌ์ค ์ฒ์ ๋ฐฐ์ธ ๋ ๋ญ๊ฐ ๋ ๊ณ ๊ฐ๋ค๋๊ฑฐ๊ณ ๋ญ ์ฌ์ฌ์ฉํ๋ค๋๊ฑด์ง ์ดํด๊ฐ ๋์ง ์์๋ค. ๋์ฒด ... ์ด๋ ๋ถ๋ถ์ ์ด๋ป๊ฒ? *๋๋, ์ ํฌ๋ฒ ๋ ธ๋ง๋์ฝ๋ ์์์ ๋ณด๋๋ฐ ์ผ๋ถ๋ '๋ผ์ด๋ธ๋ฌ๋ฆฌ'์ฑ์ง์ ๊ฐ๊ณ ์๋ค๊ณ ํ๋ค. ๊ทธ๋ฆฌ๊ณ ์ง๊ธ ๋ทํ๋ฆญ์ค ํด๋ก ์ฝ๋ฉํ๋ฉฐ ๊นจ๋ฌ์ ์ฌ์ฌ์ฉ.! โ ์ฒ์๋ถํฐ ๊ธฐ๋ฅ์ ๊ตฌ..
- Total
- Today
- Yesterday
- ์ฃผ๋์ด์ฝ๋
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์๋ต
- ๋ฐฑ์ค
- ์คํ๋ฅดํ์ฝ๋ฉํด๋ฝ
- frontend
- ์๋ฒ์ฌ์ด๋
- ์ํ๊ด๋ฆฌ
- MDN
- react-redux
- SCSS
- ๋ฌดํ์คํฌ๋กค
- infinityscroll
- ํญํด99
- ํ๋ก ํธ์๋
- debounce
- til
- React
- styled-components
- ์ฝ์ด์๋ฐ์คํฌ๋ฆฝํธ
- ๋ธ๋ฃจํธํฌ์ค
- Throttle
- ํด๋ก ์ฝ๋ฉ
- JavaScript
- ๊ฐ๋ฐ์
- ๋ฆฌ์กํธ
- OKU
- Wil
- CRA
- ํ์ด์ฌ
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |