๊ฐ๋ฐ ๊ธฐ๊ฐ
ver.1: 2024.01.04 ~ 2024.01.10
ver.2: 2024.01.11 ~ 2024.02.13
์งํ์ฒ ์ ํ๊ณ ์๋ ์ฌ๋๋ค์ ๊ณต๊ฐ๋๋ฅผ ๋ฐํ์ผ๋ก ์ฝํ ์ธ ๋ฅผ ๊ณต์ /ํ์ํ๋ฉฐ ์งํ์ฒ ์ด๋ ์ค์ ์ง๋ฃจํจ์ ํด์ํ๋ ์น์๋น์ค
์ญ ๋ณ๋ก ์์ํ ๊ธ์ ์ฌ๋ ค ๋น์ฅ์ ๋์ ๊ธฐ๋ถ์ ํํํ๊ณ ๋ค๋ฅธ ์ฌ๋์๊ฒ ์ ๋ณด๋ฅผ ๊ณต์ ํ๋ค.
๋น์ทํ ์๊ฐ๋์ ์งํ์ฒ ์ ํ๋ ์ฌ๋๋ค์ ๊ธ์ ํตํด ๊ณต๊ฐ๋๋ฅผ ํ์ฑํ๊ณ ์ง๋ฃจํ ์งํ์ฒ ์์์ ์๊ฐ์ ๋ฌ๋๋ค.
(์งํ์ฒ ์ด์ฉ์ ์ง๋ฃจํจ ๊ณต๊ฐ, ์ฌ๋ฐ๋ ์งค ์
๋ก๋ ๋ฑ)
์ ์๋ฅผ ํํํ๋ ์บ๋ฆญํฐ์ ๊ณต๊ฐ์ฑ์ ๋ด์ ์ฌ์น์๋ ๋๋ค ๋๋ค์์ ํตํด ์์ํ ์ฌ๋ฏธ๋ฅผ ๋ถ์ฌํ๋ค.
(ex. ๋๋ค์: ์ถ๊ทผํ๊ธฐ ์ซ์ ๋ฐ๋ช
์)
User interaction
์ ๋ฐ๋ผView
๋ฅผ ์ ๋ฐ์ดํธ ํ๋๋ก ํ๋ก์ ํธ๋ฅผ ์ค๊ณํ์ฌ ๋ฐ์ดํฐ ํ๋ฆ์ ์ ์ดVanilla JS
๋ฅผ ์ฌ์ฉํดReact
์ฒ๋ผJS
์์HTML
์ ์ฝ์ ํ๋๋ก ํ์ฌ ์ปดํฌ๋ํธ ๋จ์๋ก UI๋ฅผ ์ฌํ์ฉ- ์ด๋ฒคํธ ์์์ ํ์ฉํ์ฌ ์ต์์์์ ์ด๋ฒคํธ๋ฅผ ์ ์ด, ์ด๋ฒคํธ map ๊ฐ์ฒด๋ฅผ ํ์ฉํด ๊ฐ๋ ์ฑ ํฅ์
-
geolocationAPI
์element.scrollIntoView
๋ฅผ ํ์ฉํด ํ์ฌ ์์น ์ ๋ณด๋ฅผ ๋ฐํ์ผ๋ก ๊ฐ๊น์ด ์ญ์ผ๋ก ํ๋ฉด ์ด๋ -
SCSS
์ ๋ฐ๋ณต๋ฌธ์ ํ์ฉํด ๊ฒ์๊ธ ์๊ฐ ๋ง์ ์ญ์ pin์ด ์ปค์ง๋๋ก ์ ๋๋ฉ์ด์ ์ ์ฉ -
CSS Grid
๋ฅผ ํ์ฉํด ์งํ์ฒ ๋ ธ์ ๋ ํํ
-
History API
๋ฅผ ํ์ฉํSPA Router
๋ฅผ ๊ตฌํํดVanilla JS
ํ๊ฒฝ์์ ์๋ก๊ณ ์นจ ์๋ ํ์ด์ง ์ ํ ์ ๊ณต -
๊ฒ์๊ธ ๋ก๋ฉ์ค ์ค์ผ๋ ํค UI ์ ์ฉ
-
ํ๊ทธ๋ณ ๊ฒ์๊ธ ๋ชจ์๋ณด๊ธฐ ์ ๊ณต
-
๋ถ์ ์ ํ ๊ฒ์๊ธ ์ ๊ณ ๊ธฐ๋ฅ ์ ๊ณต / localStorage๋ฅผ ํ์ฉํด ์ ๊ณ ์ ์ฆ์ ๊ฐ๋ฆฌ๊ธฐ, ๋์ 5ํ ์ด์ ์ ๊ณ ๊ฒ์๊ธ์ DB์์ ์ญ์
-
๊ธ ๋๋ ์ฌ์ง์ ์ ์ด๋ 1๊ฐ ์ด์ ํ์๋ก ์ ํ
-
๋ฌธ์์ด Escape
๋ฅผ ํ์ฉํดHTML
ํ๊ทธ๋ฅผ์ํฐํฐ
๋ก ๋ณ๊ฒฝํ์ฌ XSS ๊ณต๊ฒฉ ๋ฐฉ์ง
-
์๊ธ์๊ธ ์์ฐ์์ (์๋์ ์ด๋ฏธ์ง๋ฅผ ํด๋ฆญํ์๋ฉด ์ ํ๋ธ ๋งํฌ๋ก ์ฐ๊ฒฐ๋ฉ๋๋ค.)
๐ฉ๐ปโ๐ป ๋ชจ๋น2ํ์ ๊ทธ๋ผ์ด๋ ๋ฃฐ
๐ API ๋ฌธ์(Swagger)
๐งโ๐ซ ์ฉ์ด ์ฌ์
๐ ํธ๋ฌ๋ธ ์ํ
๊ธฐํ | ๋์์ธ | ๊ฐ๋ฐ(FE) | ๊ฐ๋ฐ(FE,BE) | ๊ฐ๋ฐ(FE,BE) | ๊ฐ๋ฐ(BE) |
---|---|---|---|---|---|
@yunnamkyeong | Naeun Kim | @Sang-minKIM | @insiderhj | @SuHyeon00 | @h-sooah |
์ค๋จ๊ฒฝ | ๊น๋์ | ๊น์๋ฏผ | ๊นํฌ์ง | ์ค์ํ | ํ์์ |