๐ 2๋ ์ฐจ ์ฃผ๋์ด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ด์ง ํ๊ธฐ
24๋
6์ ๋ง์ ํด์ฌ.
์ฌํ, ํด์, ๊ณต๋ถ๋ฅผ ํ๋ฉฐ ์ง๋ด๋ค 10์๋ถํฐ ์ทจ์
์ค๋น๋ฅผ ์์.
12์์ ์ด์ง ์ฑ๊ณต๊น์ง์ ์ผ๋ค๊ณผ ๋๋ ์ ์ ํ๊ณ ํด ๋ด
๋๋ค.
๐ ํ์๋ผ์ธ
๐ 24.07 ~ 24.09, ํด์ฌ๋ถํฐ ์ด์ง ์ค๋น ์
์ถ๊ทผ์ ์๋ฐ๋ ์ฌ๋ผ์ก๊ณ , ์์ง ๋์ ์ ํด๋ณด์ง ์์๊ธฐ์ ์ด์ง์ ์์ฝ๊ฒ ํ ์ ์์ ๊ฑฐ๋ ์ค๋ฌํ ๊ฐ๋ฅ์ฑ์ ์ทจํด ์ด์์ต๋๋ค.
๊ฑฐ๊ธฐ์ ์ฒซ ํด์ธ์ฌํ๋ ๊ฐ๋ณด๋ฉฐ ๋งค์ผ๋งค์ผ์ด ํ๋ณต์ด์๋ ์๊ฐ.
๊ทธ๋ฌ๋ ์์ฃผ ์กฐ๊ธ์ฉ ๋ฎ์ณ์ค๋ ์ทจ์
์ ์๋ฐ์ ์กฐ๊ธ์ฉ ๊ณต๋ถํ๋ฉฐ ํด์์ด ๊ณ์๋๋ ๋๋ ๋ค.
๊ทธ๋๋ ์ด๋์ ๋ ์ค๋น๋ ํด๋์๊ธฐ์ ์ฌ์ ๋ ์์ด, ์ด๋ ฅ์๋ ๋ฃ์ง ์๊ณ ํ๊ณ ์ถ์ ๊ฒ๋ง ํ๊ณ ์ง๋์ต๋๋ค.
๐ 24.10 ~ 24.12, ์ด์ง ์ค๋น์ ์ฑ๊ณต
์ข ์ฌ๋ค๋ณด๋ ์ด์ ๋ ๋ถ์ํ๊ธฐ๋ ํ๊ณ ์ผ์ด ํ๊ณ ์ถ์ด ์ฌ์ ๋น ํ ์ด๋ ฅ์๋ฅผ ๋์ฌํฉ๋๋ค.
๋์ณค๋ ์์ ๊ฐ์ ๋ถํฉ๊ฒฉ ํต๋ณด๊ฐ ์ฌ ๋๋ง๋ค ๊น์ด๊ธฐ ์์ํด ์ฌ์ฌ ๋ถ์๊ฐ์ผ๋ก ๋ฐ๋๊ธฐ ์์ํฉ๋๋ค.
๋ถ์๊ฐ์ ์ก์๋จนํ์ง ์๊ธฐ ์ํด ๋๋ง์ ๋ช
ํํ ๊ธฐ์ค์ ์ธ์ฐ๊ณ ๋งค์ผ ๋ง์ธ๋ ์ปจํธ๋กค์ ํด์ฃผ๋ฉฐ ํ๋ค๋ฆฌ์ง ์๊ธฐ ์ํด ๋
ธ๋ ฅํ์ต๋๋ค.
์ ๊ฐ ์ธ์ด ๊ธฐ์ค์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ๋ค์์ ์ฌ์ฉ์๊ฐ ์กด์ฌํ๋ ์์ฌ ์๋น์ค๊ฐ ์กด์ฌํ ๊ฒ
- ๋ด๊ฐ ์ฑ์ฅํ ์ ์๋ ํ๊ฒฝ์ผ ๊ฒ
- ๋ชฉํ ์ฐ๋ด ๋ฌ์ฑ
๊ธฐ์ค์ ์ธ์ฐ๋ ํ๊ฒ์ด ๋ช
ํํด์ก๊ณ ์ด ๊ธฐ์ค์ ๋ง์ถ์ง ๋ชปํ ๊ฑฐ๋ฉด ์ทจ์
ํ๊ณ ํํํ ๊ฒ ๋ถ๋ช
ํ๊ธฐ์ ๋ฉํ์ ์ก๋๋ฐ ๋์์ด ๋์ต๋๋ค.
(์ฌ์ค ๋ฉํ์ด ์ํ๊ธด ํจ)
์ด๋ ฅ์์ ๋ถ์กฑํ ๋ถ๋ถ์ ๊ฐ์ ํ๋ฉฐ ๊พธ์คํ ๋ฃ๋ค ๋ณด๋ ๋ฐ์์ด ์ค๊ธฐ ์์ํ๊ณ ์ค๋ ๋ฉด์ ๋ง๋คํ์ง ์๊ณ ๊ณ์ ๋ณด๋ฉฐ ๋ค ์ฃฝ์๋ ๊ฐ์ ์ด๋ฆฌ๋๋ฐ ์ง์คํ์ต๋๋ค.
์ด์ ์์ ๋ณด๋ 1๋ฌ ํ๊ณ ๋ณด๋ฆ์ ๋ ๋ง์ ์ด์ง์ ์ฑ๊ณตํ๋๋ฐ "์ด ์ ๋๋ฉด ๊ด์ฐฎ๋?" ์ถ๋ค๊ฐ๋ ๋น์์๋ ๋งค์ผ๋งค์ผ์ด ํผ ๋ง๋ฆฌ๋ ์ฌ์ ์ด์๋ ๊ฒ ๊ฐ์ต๋๋ค.
๐ ์ด์งํ๋ฉฐ
๐ ์ ์ ๋๊ฐ ํ๋ก ํธ์๋ ๊ฒฝ์๋ฅ
ํ์คํ ์ต๊ทผ ๋ช๋
๊ฐ ๊ฐ๋ฐ์ ๊ณต๊ธ์ด ์์์ ๋นํด ๊ณผ์์ด๋ค ๋ณด๋ ์ฃผ๋์ด ๊ตฌ์ง ๊ฒฝ์๋ฅ ์ด ์ ์ ๋๊ฐ์ต๋๋ค.
์ข ๊ด์ฐฎ๋ค ์ถ์ผ๋ฉด ์ต์ 50๋ช
๋ง๊ฒ๋ 200๋ช
์ด์, 20๋ช
๋ฏธ๋ง์ ์์ ๊ธฐ์
๋ ๋๋ถ๋ถ 100๋ช
์ด์์ฉ ์ง์ํ๋ ์ํฉ์
๋๋ค.
์๋ฌด๋๋ ์ง์์๊ฐ ๋ง๋ค ๋ณด๋ ๊ฒฝ์๋ ฅ์ด ํฌ์๋์ด ์๋ฅ ํต๊ณผ๋ ์ฝ์ง ์์์ต๋๋ค.
์ง๊ธ ๊ตฌ์งํ๋ ๋ถ๋ค์ ์ด๋ป๊ฒ๋ ๊ธด ํธํก์ผ๋ก ์กฐ๊ธ์ด๋ผ๋ ๋์ ๋๊ธฐ ์ํ ๋ฐฉ๋ฒ์ ๊ฐ๊ตฌํด์ผ ๋ ๊ฒ ๊ฐ์ต๋๋ค.
๐ ๊ฐ์ธ ํ๋ก์ ํธ ๊ฐ์
4๊ฐ
์ฌ๋ ๋์ NextJS๋ก ์์ํ๊ฒ 4๊ฐ์ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๊ฐ์ ์์ง ์๋๋ก ๋ ธ๋ ฅํ์ต๋๋ค.
๊ฐ์ธ ์๋ฒ๋ ๊น๋ํ๊ฒ ์ฌ์ ๋นํ๊ณ , ํ๋์ ํ๋ก์ ํธ๋ NestJS๋ก ๋ฐฑ์๋๊น์ง ํจ๊ป ํ๋ฉฐ ์๊ฐ ๊ฐ๋ ์ค ๋ชจ๋ฅด๊ณ ๊ฐ๋ฐํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
๐ ์ด ์ง์ํ ์ด๋ ฅ์
88๊ฐ
์ด์ ์์ ๋ณด๋ ๊ณ ๋ฅด๊ณ ๊ณจ๋ผ์ ์ง์ํ๋๋ฐ๋ ๋ง๋ค์.
๐ ์๋ฅ ํฉ๊ฒฉ๋ฅ
10%
์ง์ ๋๋น ํฉ๊ฒฉ๋ฅ ์ ๋๋ต ์ด ์ ๋ ๋๋ ๊ฒ ๊ฐ์ต๋๋ค.
๐ ์งํํ ๊ณผ์ ๊ฐ์
5๊ฐ
์ด๋ฒ์ 5๊ณณ์์ ๊ณผ์ ์ ํ์ ๋ดค์ต๋๋ค.
์ฐ์ ๋๋ถ๋ถ 2~3์ผ ์ ๋ ์์๋๋ฉฐ ๋๋ถ๋ถ ์ฌ์ฉํ์ง ์์๋ ๊ธฐ์ ์ ์๊ตฌํ๊ฑฐ๋, ๋ถ๋์ด ๊ต์ฅํ ๋ง์ ํ๋ฒ ๋ง์น๊ณ ๋๋ฉด ์จ๋ชธ์ ๊ธฐ์ด์ด ์ชฝ ๋น ์ง๊ณ , ๋ฉฐ์น ๊ฐ์ ์๋ฒฝํ๊ฒ ํด๋ด์ง ๋ชปํ ๊ฒ ๊ฐ์ ์ฐ์ฐํ ๋๋์ด ๋ค์ด ์๊ฐ๋ณด๋ค ๊ต์ฅํ ํ๋ ์ฑ์ฉ ๊ณผ์ ์ด ์๋์๋ ์ถ์ต๋๋ค.
๊ทธ๋ฌ๋ ๊ธฐ์
์
์ฅ์์ ์ด๋ณด๋ค ๋ ์ง๊ด์ ์ผ๋ก ํ๊ณผ ์ค๋ ฅ์ ๊ฐ๋ ค๋ผ๋งํ ๊ฑด ์๋ค ์๊ฐํฉ๋๋ค.
์ด์ฉ ์ ์์ฃ .
๐ ์ต์ข ํฉ๊ฒฉ ํ ํฉ๋ฅ๋ฅผ ๊ฒฐ์ ํ ์ด์
์ฐ์ ์ด๋ฒ์ ์ต์ข ์ ์ผ๋ก ํฉ๋ฅํ๊ฒ ๋ ์ด์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
๐ ๊ธ์ ์ ์ธ ๋ฉด์ ๊ฒฝํ
๋ค๋ฅธ ๊ณณ์์ ๋ฉด์ ๋ณด๋ฉด ๊ฒฝ๋ ฅ์ธ๋ฐ๋ ๋ถ๊ตฌํ๊ณ ์ข ์ข ๊ธฐ์ ๋ฉด์ ํด์ฆ์ผ๋ง ํ๋ ๊ณณ๋ค์ด ์์์ต๋๋ค.
ํ์ง๋ง ์ด๊ณณ์ 1์ฐจ 1:1 CEO ๋ฉด์ ์ผ๋ก ์์ํ์ฌ ์ฌ๋๋ ์ฌ๋์ผ๋ก์ ๊ฐ์ธ์ ๊ฒฝ๋ ฅ์ ๋ํด ์ง์ฌ์ผ๋ก ๊ถ๊ธํดํ๋ ๋๋์ ๋ฐ์๊ณ ,
์ง์์ ์๊ฐ๋ณด๋ค ์ฌ๋ด ๋ฌธํ, ์ผํ๋ ๋ฐฉ์, ๋ฏธ์ ์ ๋จผ์ ์ค๋ช ๋ฐ๊ฒ ๋์ด ์กด์ค๋ฐ๊ณ ์๋ค๋ ๋๋์ ๋ฐ์์ต๋๋ค.
๐ ์ผํ๋ ๋ฐฉ์
์ฃผ๋ก Data Driven Development์ ์ํด ๊ฐ๋ฐํ๋ฉฐ ๋ฐ์ดํฐ์ ์ํ ๊ฐ์ค์ ์ธ์ฐ๊ณ ๋ช
ํํ ๋ชฉํ๋ฅผ ํฅํด ์ผํ๋ ๋ฐฉ์์ด ๋๋ฌด๋ ๋ง์์ ๋ค์์ต๋๋ค. ์
์ฌ ํ ์ ์ํ๋ฉฐ ํ์
์ ํด๋ณด๋ ๋ฐ์ดํฐ๋ฅผ ์์งํ๊ธฐ ์ํ ๋ฐฉ๋ฒ๋ก ๊ณผ ๊ทธ๊ฒ์ ์๊ณ ์ฌ์ฉํ๊ธฐ๊น์ง ์ ๋ง ๋ณต์กํ ๊ณผ์ ๋ค์ด ์๋ค๋ ๊ฒ์ ๊นจ๋ฌ์์ต๋๋ค. ๋ํ ๋ชฉ์ ์กฐ์ง์ ์์์ ์ค์ฟผ๋ ํํ๋ก ์์ง์ฌ ํ๋ก๋ํธ์ ๋ํ ๊ฐ์ธ์ ์ฑ
์๊ณผ ๊ถํ์ด ํฌ๊ณ ๋งค์ฐ ๊ธฐ๋ฏผํ๊ฒ ์์ฌ์ํต์ด ์ด๋ฃจ์ด์ง ๋ค๋ ์ ๋ ๋ง์์ ๋ค์์ต๋๋ค.
๐ ๋ฉด์ ์ค๋น
๋ค์์ ๋ฉด์ ์ ์ค๋นํ๋ฉฐ ๋ฐ์ ์์ผ ๋๊ฐ๋ ๋ด์ฉ๋ค์ ๋๋ค.
์ด๋ฒ์ ์๊ณ ๋ ์์ง๋ง ์ ๋ฆฌ ๋์ง ์์๋ ๋ด์ฉ๋ค์ ๋ค์ ํ๋ฒ ๋ณต๊ธฐํ ์ ์์๋ ๊ธฐํ์์ต๋๋ค.
๐ ์ธ์ฑ ๋ฐ ๊ธฐ์ ๋ฉด์ (์ค์)
- ์๊ธฐ์๊ฐ
- ์ด์ง์ฌ์
- ์ด๋ ฅ์ ๊ด๋ จ ๊ธฐ์ ์ง๋ฌธ
- ๊ฐ์ฅ ๊ธฐ์ต์ ๋จ๋ ํ๋ก์ ํธ์ ๊ทธ ์ด์
- ๊ธฐ์ต์ ๋จ๋ ๊ธ์ ์ , ๋ถ์ ์ ํผ๋๋ฐฑ
๐ ์ธ์ฑ๋ฉด์
- ๋๋ฃ ๊ฐ ํธ๋ฌ๋ธ ์ฌ๋ก์ ํด๊ฒฐ ๋ฐฉ๋ฒ
- ๋ณธ์ธ์ด ๊ฐ์ฅ ํผํฌ๋จผ์ค ๋ผ ์ ์๋ ํ๊ฒฝ๊ณผ ๊ทธ ๋ฐ๋์ ํ๊ฒฝ
- ํ๋ก ํธ์๋ ์ ํ ์ด์
- 5๋ ํ ์ปค๋ฆฌ์ด
- ํ์ฌ ์ํํ๋ฉฐ ์ค๋ ์ฌ๋ก
๐ JS
- ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๊ณผ์
- ๋ฆฌํ๋ก์ฐ, ๋ฆฌํ์ธํธ
- ์ด๋ฒคํธ ๋ฃจํ
- Task Queue์ MicroTask Queue
- ๋ฒ๋ค๋ฌ๋? / ๋ฒ๋ค๋ฌ ์ข ๋ฅ์ ์ฐจ์ด (webpack, vite)
- ์คํ์ปจํ ์คํธ / ๋ ์์ปฌ ํ๊ฒฝ
- ์ด๋ฒคํธ ๋ฒ๋ธ๋ง, ์บก์ฒ๋ง
- prototype
- this
- ํด๋ก์
- class
๐ TS
- ์ ํธ๋ฆฌํฐ ํ์
- never
- unknown๊ณผ any
- undefined์ null
๐ React, NextJS
- ๋ฆฌ์กํธ ๋ ๋๋ง ๊ณผ์ (์ปค๋ฐ, ๋ ๋)
- fiber
- Reconciliation
- Event Delegation
- CSR, SSR, SSG
- ์๋ฒ ์ปดํฌ๋ํธ
- SRC Payload
- react ์ฌ์ฉ ์ด์
๐ CSS
- flex, ํ์ฅ - ์ถ์ - ๊ธฐ๋ณธ ํฌ๊ธฐ
- box-model
๐ ๋ง๋ฌด๋ฆฌํ๋ฉฐ
์ข์ง ์์ ์์ฅ ์ํฉ์ ๋ง์ ๋ถ๋ค์ด ๊ณ ๋ฏผ์ด ๋ง์ผ์ค ํ ๋ฐ ๋ชจ์ชผ๋ก ์ข์ ๊ฒฐ๊ณผ ์์ผ์ จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
์ ๋ ๋ค์ ์ด์ฌ์ผ๋ก ๋์๊ฐ ์ด์ฌํ ์ด์๋ณด๊ฒ ์ต๋๋ค.
'ํ๊ณ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ฒซ ํ์ฌ ํด์ฌ ํ๊ธฐ (0) | 2024.07.22 |
---|---|
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ 2023.08 ~ 2024.01 ํ๊ณ (1) | 2024.01.25 |
1๋ 5๊ฐ์์ฐจ ๊ฒฝ๋ ฅ, ํ๋ก ํธ์๋/๋ฆฌ์กํธ ์ ์ ์ด๋ ฅ์๋ฅผ ๊ฒํ ํ๋ค (0) | 2024.01.18 |
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ ์ฌ ๋ง 1๋ ์ฐจ ํ๊ณ (2) | 2023.08.26 |
ํ๋ก ํธ์๋ ์ฃผ๋์ด ๊ฐ๋ฐ์ ์ ์ฌ 8๊ฐ์์ฐจ ํ๊ณ (3) | 2023.04.25 |
๋๊ธ