Transparent White Star

๐Ÿ’œ ์Šคํ”„๋ฆฐํŠธ FE 9๊ธฐ/weekly ํŽ˜์ดํผ ๐Ÿ“

์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธํ•˜๋Š” ๋ฐฉ๋ฒ• ์ค‘ session ๊ธฐ๋ฐ˜ ์ธ์ฆ, token ๊ธฐ๋ฐ˜ ์ธ์ฆ(JWT)์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ๊ฐ๊ฐ ์ฐจ์ด์ ์ด ๋ญ”์ง€ ์‚ดํŽด๋ณด์ž ๐Ÿง1๏ธโƒฃ ์„ธ์…˜ ๊ธฐ๋ฐ˜ ์ธ์ฆ๊ฐœ๋…์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธํ•˜๋ฉด ์„œ๋ฒ„๋Š” ๊ณ ์œ ํ•œ ์„ธ์…˜ ID๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์„œ๋ฒ„์˜ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅํ•˜๊ณ , ํ•ด๋‹น ์„ธ์…˜ ID๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ์ฟ ํ‚ค ํ˜•ํƒœ๋กœ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.์ดํ›„ ํด๋ผ์ด์–ธํŠธ๋Š” ์„œ๋ฒ„์— ์š”์ฒญ์„ ๋ณด๋‚ผ ๋•Œ ์ด ์„ธ์…˜ ID๋ฅผ ํฌํ•จํ•˜์—ฌ ์ „์†กํ•ฉ๋‹ˆ๋‹ค.์œ„ ๊ทธ๋ฆผ์—์„œ 3๋‹จ๊ณ„๋Š” ์„œ๋ฒ„๊ฐ€ ์„ธ์…˜ ID๋ฅผ ์ฟ ํ‚ค ํ˜•ํƒœ๋กœ ํด๋ผ์ด์–ธํŠธ์— ๋ณด๋‚ธ๋‹ค. ํด๋ผ์ด์–ธํŠธ๋Š” ์ด ์„ธ์…˜ ID ์ฟ ํ‚ค๋ฅผ ์ €์žฅํ•œ๋‹ค.4๋‹จ๊ณ„๋Š” ๋ธŒ๋ผ์šฐ์ €๋Š” ์ดํ›„ ๋ชจ๋“  ์š”์ฒญ๋งˆ๋‹ค ์ €์žฅํ•œ ์„ธ์…˜ ID ์ฟ ํ‚ค๋ฅผ ์ž๋™์œผ๋กœ ์„œ๋ฒ„์— ํฌํ•จํ•ด ๋ณด๋ƒ…๋‹ˆ๋‹ค. ์„œ๋ฒ„๋Š” ์ด ์„ธ์…˜ ID๋ฅผ ํ†ตํ•ด ์œ ์ €๋ฅผ ์‹๋ณ„ํ•˜๊ณ , ์ธ์ฆ๋œ ์ƒํƒœ์ž„์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.์ดํ›„ 5๋‹จ๊ณ„์—์„œ ์œ ์ € ์ธ์ฆ ํ›„, ..
๋ฒŒ์จ ์ฝ”๋“œ์ž‡ ์Šคํ”„๋ฆฐํŠธ๋ฅผ ์‹œ์ž‘ํ•œ์ง€ ์–ด๋Š๋ง 4๊ฐœ์›” ์งธ์ด๋‹ค.์œ„ํด๋ฆฌ ํŽ˜์ดํผ ์ฃผ์ œ๋Š” ํŒ€์›๋“ค๊ณผ ํ† ์š”์ผ๋งˆ๋‹ค ์–˜๊ธฐํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ–๊ณ ์žˆ๋‹ค. ์œ„ํด๋ฆฌ ํŽ˜์ดํผ ๋ธ”๋กœ๊ทธ ์—…๋กœ๋“œ๋Š” ์ž˜ ์•ˆํ–ˆ์ง€๋งŒ..ใ…Ž์˜ค๋žœ๋งŒ์— ์ค‘์š”ํ•œ ์ฃผ์ œ๊ฐ€ ๋‚˜์™€์„œ ๋‹ค์‹œ ๊ธ€ ์“ฐ๊ฒŒ ๋˜์—ˆ๋‹ค โœŒ๏ธ ๐Ÿ‘ฉ‍๐Ÿซ CORS ์—๋Ÿฌ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜๋ฉด ๋ ์ง€ ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.CORS๋Š” Cross-Origin Resource Sharing์˜ ์•ฝ์ž์ž…๋‹ˆ๋‹ค.A Origin์—์„œ B Origin์œผ๋กœ ๋‹ค๋ฅธ Origin์œผ๋กœ ์ž์›์„ ์š”์ฒญํ•˜๋Š” ํ˜„์ƒ์ž…๋‹ˆ๋‹ค.Warning !Access to fetch at ‘https://myhompage.com’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Con..
๐Ÿ™‹๐Ÿป‍โ™€๏ธ Git์—์„œ branch marge ๋ฐฉ๋ฒ•๋“ค๊ณผ ๊ฐ ๋ฐฉ๋ฒ•๋“ค์˜ ํŠน์ง•์„ ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.๐Ÿ™‹๐Ÿป‍โ™€๏ธ Git Flow ๋ธŒ๋žœ์น˜ ์ „๋žต์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.Git Branch Merge ๋ฐฉ๋ฒ•๋“ค1. Fast-Forward MergeํŠน์ง•Fast-Forward Merge๋Š” ๋ธŒ๋žœ์น˜๊ฐ€ ๋ณ‘ํ•ฉ๋  ๋•Œ ์ƒˆ๋กœ์šด ์ปค๋ฐ‹์„ ๋งŒ๋“ค์ง€ ์•Š๊ณ , ๋‹จ์ˆœํžˆ ๋ธŒ๋žœ์น˜๋ฅผ ์•ž์œผ๋กœ ์ด๋™์‹œํ‚ต๋‹ˆ๋‹ค.๋‘ ๋ธŒ๋žœ์น˜ ์‚ฌ์ด์— ๋‹ค๋ฅธ ์ปค๋ฐ‹์ด ์—†์„ ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.์žฅ์ : ํžˆ์Šคํ† ๋ฆฌ๊ฐ€ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค.๋‹จ์ : ์–ด๋–ค ๋ธŒ๋žœ์น˜๊ฐ€ ์–ด๋–ค ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ๋Š”์ง€ ๋ช…ํ™•ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์‚ฌ์šฉ ๋ฐฉ๋ฒ•# ๋ณ‘ํ•ฉํ•  ๋ธŒ๋žœ์น˜๋กœ ์ฒดํฌ์•„์›ƒgit checkout main # ๋ณ‘ํ•ฉgit merge feature-branch2. Recursive Merge (3-way Merge)ํŠน์ง•Recursive Me..
๐Ÿ™‹๐Ÿป‍โ™€๏ธ ์‹œ๋งจํ‹ฑ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์€ ์ ์„ ์„ค๋ช…ํ•ด ์ฃผ์‹œ์˜ค.๐Ÿ™‹๐Ÿป‍โ™€๏ธ position์˜ ์†์„ฑ๋“ค๊ณผ ๊ฐ๊ฐ์˜ ํŠน์ง•์„ ์„ค๋ช…ํ•ด ์ฃผ์‹œ์˜ค. ์‹œ๋งฅํ‹ฑ ํƒœ๊ทธ ์‚ฌ์šฉ์˜ ์ด์ ํ–ฅ์ƒ๋œ ์ ‘๊ทผ์„ฑ - ํ–ฅ์ƒ๋œ ์ ‘๊ทผ์„ฑ์€ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค์ด ์›น ์ฝ˜ํ…์ธ ์™€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋”์šฑ ์œ ์šฉํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์„ ์˜๋ฏธ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ํ˜ธํ™˜์„ฑ์‹œ๊ฐ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ํ™”๋ฉด ํŒ๋…๊ธฐ๋ฅผ ํ†ตํ•ด ๋‚ด์šฉ์„ ์†Œ๋ฆฌ๋‚ด์–ด ์ฝ์„ ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.ํ‚ค๋ณด๋“œ ํƒ์ƒ‰์‚ฌ์šฉ์ž๊ฐ€ ํ‚ค๋ณด๋“œ๋งŒ์„ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์ดํŠธ๋ฅผ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋ฉฐ, ์ด๋Š” ๋งˆ์šฐ์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.๋ช…ํ™•ํ•˜๊ณ  ์„ค๋ช…์ ์ธ ์ฝ˜ํ…์ธ ์‚ฌ์šฉ์ž๊ฐ€ ์ฝ˜ํ…์ธ ์™€ ํƒ์ƒ‰ ๊ตฌ์กฐ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ช…ํ™•ํ•œ ์ œ๋ชฉ, ๋ ˆ์ด๋ธ” ๋ฐ ์„ค๋ช…์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.์ด๋ฏธ์ง€์šฉ ๋Œ€์ฒด ํ…์ŠคํŠธ์ด๋ฏธ์ง€๋ฅผ ๋ณผ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋™์ผํ•œ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฏธ์ง€์—..
yyezzzy
'๐Ÿ’œ ์Šคํ”„๋ฆฐํŠธ FE 9๊ธฐ/weekly ํŽ˜์ดํผ ๐Ÿ“' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก