์ „์ฒด ๊ธ€ 81

์บํ”ผํƒˆ์‚ฌ์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ณด์•ˆ ๋ฐฉ์•ˆ

๊ทธ๋ƒฅ ์•„์‰ฌ์›Œ์„œ ์ •๋ฆฌํ•ด๋ด„.. 1. ๊ณ ๊ฐ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ ์ฃผ๊ธฐ & DB ์ ‘๊ทผ๊ถŒํ•œ ์ตœ์†Œํ™”why?์บํ”ผํƒˆ์‚ฌ๋Š” ์—ฌ์‹  ์‹ฌ์‚ฌ, ๋Œ€์ถœ ์‹คํ–‰ ๊ณผ์ •์—์„œ ์‹ ์šฉ์ •๋ณด, ์†Œ๋“์ •๋ณด, ๋‹ด๋ณด์ •๋ณด ๊ฐ™์€ ๊ฐ€์žฅ ๋ฏผ๊ฐํ•œ ๊ธˆ์œต ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃฌ๋‹ค. (์ด ์ •๋ณด๋“ค์€ ๋‹จ์ˆœํ•œ ๊ฐœ์ธ์ •๋ณด๊ฐ€ ์•„๋‹ˆ๋ผ ๋Œ€์ถœ ์Šน์ธ, ํ•œ๋„ ์‚ฐ์ •, ๊ธˆ๋ฆฌ ๊ฒฐ์ •์— ์ง์ ‘์ ์œผ๋กœ ์˜ํ–ฅ์„ ์ฃผ๋Š” ํ•ต์‹ฌ ๋ฐ์ดํ„ฐ์ด๊ธฐ ๋•Œ๋ฌธ.. ์ด ์ •๋ณด๊ฐ€ ์กฐ์ž‘/์œ ์ถœ๋˜๋ฉด ๋Œ€์ถœ ์‚ฌ๊ธฐ, ๋ถ€์ • ๋Œ€์ถœ, ํ•œ๋„ ์˜ค๋‚จ์šฉ๊ณผ ๊ฐ™์€ ๊ธˆ์œต์‚ฌ๊ณ ๋กœ ์ด์–ด์ง. ๋ฐ์ดํ„ฐ ์ž์ฒด๊ฐ€ ๋ˆ๊ณผ ์ง๊ฒฐ๋˜๋Š” ์ •๋ณด์ด๋‹ค.)์ด ๋ฐ์ดํ„ฐ๊ฐ€ ์œ ์ถœ๋˜๋ฉด ๋‹จ์ˆœํ•œ ๊ฐœ์ธ์ •๋ณด ์นจํ•ด๊ฐ€ ์•„๋‹ˆ๋ผ ์‹ ์šฉํ‰๊ฐ€, ๋Œ€์ถœ์Šน์ธ๊นŒ์ง€ ์˜ํ–ฅ์„ ์ฃผ๋Š” ๊ธˆ์œต์‚ฌ๊ณ ๋กœ ์ด์–ด์ง„๋‹ค. how?๋‹จ์ˆœํžˆ DB ์•”ํ˜ธํ™”๋‚˜ ์ ‘๊ทผ์ œํ•œ์ด ์•„๋‹ˆ๋ผ, ๋ฐ์ดํ„ฐ ์ ‘๊ทผ ์ž์ฒด์— ์ˆ˜๋ช…์ฃผ๊ธฐ ๊ด€๋ฆฌ๋ฅผ ์ ์šฉํ•ด์•ผ ํ•œ๋‹ค.* ๋ฐ์ดํ„ฐ ์ˆ˜๋ช…์ฃผ๊ธฐ๊ด€๋ฆฌ๋ž€ (DLM)?๋ฐ์ดํ„ฐ ์ž…๋ ฅ์—์„œ..

ETC 2025.11.20

์ •๋ณด๋ณดํ˜ธ ์ •๋ณด๋ณด์•ˆ ์ฐจ์ด

ใ…Žใ…Ž.. ๊ผญ ์•Œ์•„๋‘์ž... ์ •๋ณด๋ณดํ˜ธ์กฐ์ง์ด ๋ณด์œ ํ•œ ๋ชจ๋“  ์ •๋ณด ์ž์‚ฐ์„ ์•ˆ์ „ํ•˜๊ฒŒ ์ง€ํ‚ค๋Š” ๋„“์€ ๊ฐœ๋…์œผ๋กœ ๋ฌธ์„œ, ์ถœ๋ ฅ๋ฌผ, ์‚ฌ๋ฌด์‹ค ๋‚ด์—์„œ ์˜ค๊ฐ€๋Š” ๋Œ€ํ™”๊นŒ์ง€ ํฌํ•จํ•œ ๋ชจ๋“  ํ˜•ํƒœ์˜ ์ •๋ณด๊ฐ€ ๋Œ€์ƒ์ •๋ณด ์ž์ฒด๋ฅผ ๋ณดํ˜ธํ•˜๋Š” ํ™œ๋™. ์ •๋ณด์˜ ๊ธฐ๋ฐ€์„ฑ, ๋ฌด๊ฒฐ์„ฑ, ๊ฐ€์šฉ์„ฑ์ด ํ•ต์‹ฌ์ •๋ณด๊ฐ€ ์ ์ ˆํ•˜๊ฒŒ ๊ด€๋ฆฌ๋˜๊ณ  ์ค‘์š”ํ•œ ๊ธฐ๋ฐ€ ์ •๋ณด๊ฐ€ ์œ ์ถœ๋˜์ง€ ์•Š๋„๋ก ๋ณด์žฅํ•˜๋Š”๊ฒƒ์ด ๋ชฉ์ ๊ธฐ์ˆ ์  ๋ฐฉ์–ด๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ฐœ์ธ์ •๋ณด ์ˆ˜์ง‘/์ฒ˜๋ฆฌ/์ €์žฅ/ํ๊ธฐ๊นŒ์ง€ ์ „์ฒด์ ์ธ ๋ณดํ˜ธํ™œ๋™์„ ์˜๋ฏธํ•จex) ๋ฐ์ดํ„ฐ ๋งˆ์Šคํ‚น, ๊ฐœ์ธ์ •๋ณด ์ต๋ช…ํ™”, ์•ˆ์ „ํ•œ ํ๊ธฐ ์ ˆ์ฐจ๊ธฐ๋ฐ€์„ฑ: ํ—ˆ๊ฐ€๋œ ์‚ฌ๋žŒ๋งŒ ์ •๋ณด์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ (DB์•”ํ˜ธํ™”, MFA ๋“ฑ)๋ฌด๊ฒฐ์„ฑ: ์ •๋ณด๊ฐ€ ๋ณ€๊ฒฝ๋˜๊ฑฐ๋‚˜ ์†์ƒ๋˜์ง€ ์•Š๋„๋ก ๋ณด์žฅํ•˜๋Š” ๊ฒƒ (ํ•ด์‹œ๊ฐ’ ๊ฒ€์ฆ, ํŒŒ์ผ ์ฒดํฌ์„ฌ ๋“ฑ)๊ฐ€์šฉ์„ฑ: ํ•„์š”ํ•œ ์‚ฌ๋žŒ์ด ํ•„์š”ํ•œ ์‹œ์ ์— ์ •๋ณด๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•˜๋Š” ๊ฒƒ (์˜คํ† ์Šค์ผ€์ผ๋ง,..

ETC 2025.11.20

[Linux] Jira Software ์„ค์น˜ ๋ฐฉ๋ฒ• (2)

Jira Software ๋‹ค์šด๋กœ๋“œpostgreSQL ์„ค์น˜๋ฅผ ๋งˆ์ณค๋‹ค๋ฉด ์•„๋ž˜์˜ ๋งํฌ์— ๋“ค์–ด๊ฐ€์„œ jira software๋ฅผ ๋‹ค์šด๋ฐ›๋Š”๋‹ค.https://www.atlassian.com/ko/software/jira/download-archives๋‚˜๋Š” Linux์šฉ 10.3.8 ๋ฒ„์ „์„ ๋‹ค์šด๋ฐ›์•˜๋‹ค. ๋‹ค์šด๋กœ๋“œ ๋ฐ›์€ ํŒŒ์ผ์„ ec2 ์„œ๋ฒ„์— ์—…๋กœ๋“œํ•œ๋‹ค. ์„ค์น˜ํ•œ๋‹ค. (root๊ณ„์ •์ด๋‚˜ sudo๋กœ ์„ค์น˜ํ•ด์•ผ ํ•จ)ec2-user๋Š” sudo ๊ถŒํ•œ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ์‚ฌ์šฉ์ž๋กœ ์ง„ํ–‰ํ–ˆ๋‹ค.์„ค์น˜ํ•˜๋ฉด์„œ ์—ฌ๋Ÿฌ ์˜ต์…˜๋“ค์„ ์ทจํ–ฅ๊ป ์„ ํƒํ•ด์ฃผ๋ฉด ๋œ๋‹ค. ๋‚˜๋Š” ๋‹ค defaultํ•˜๊ฒŒ ์„ค์ •ํ–ˆ์Œ Jira Software ์‹œ์ž‘jira ์„ค์น˜ ๊ฒฝ๋กœ์— ์ ‘์†ํ•˜์—ฌ ์‹คํ–‰ ํŒŒ์ผ์„ ์‹œ์ž‘ํ•œ๋‹ค. cd /home/ec2-user/atlassian/jira/bin/./start-jira..

[Linux] Jira Software ์„ค์น˜ ๋ฐฉ๋ฒ• (1)

ํšŒ์‚ฌ Jira๋ž‘ ๋™์ผํ•œ ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ์„ ๋งŒ๋“ค๊ณ ์ž EC2 ์ธ์Šคํ„ด์Šค์—์„œ Jira Software์„ ์„ค์น˜ํ•ด๋ณด์•˜๋‹ค. ์ฐธ๊ณ ๋กœ ํ”„๋ฆฌํ‹ฐ์–ด๋กœ๋Š” ๊ฟˆ๋„ ๋ชป๊พธ๋‹ˆ... ์‚ฌ์–‘์„ ๋†’์—ฌ์•ผ ํ•œ๋‹ค. (๋‚˜๋Š” t3.large ์ธ์Šคํ„ด์Šค๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.) PostgreSQL ์„ค์น˜Jira Software ์‹คํ–‰์„ ์œ„ํ•ด ๋ณ„๋„์˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๊ฐ€ ํ•„์š”ํ•˜๋ฉฐ ๋‚˜๋Š” PotstgreSQL์„ ์„ค์น˜ํ•ด ์‚ฌ์šฉํ–ˆ๋‹ค.sudo dnf install postgresql15-server.x86_64 postgreSQL ์ดˆ๊ธฐํ™” ๋ฐ ์„œ๋น„์Šค ์‹œ์ž‘sudo postgresql-setup initdbsudo systemctl start postgresql.servicesudo systemctl enable postgresql.service pg_hba.conf ํŒŒ์ผ ์ฐพ๊ธฐ ๋ฐ ์ˆ˜์ •pg_hba..

[FE] ๋ชจ๋ฐ”์ผ ์ฒญ์ฒฉ์žฅ - ๋„๋ฉ”์ธ ์—ฐ๊ฒฐ

EC2 ์ธ์Šคํ„ด์Šค์— ๋„์šด ์›น์„ ๊ฐ€๋น„์•„์—์„œ ๊ตฌ๋งคํ•œ ๋„๋ฉ”์ธ๊ณผ ์—ฐ๊ฒฐํ•˜๋Š” ๊ณผ์ •์„ ๊ธฐ๋กํ–ˆ๋‹ค. 1. nginx conf ํŒŒ์ผ ์ˆ˜์ •EC2 ์ธ์Šคํ„ด์Šค์—์„œ ์›น์„ nginx๋กœ ์„œ๋น„์Šคํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ตฌ๋งคํ•œ ๋„๋ฉ”์ธ์— ๋งž์ถฐ nginx config ํŒŒ์ผ์„ ์ˆ˜์ •ํ•ด์ค˜์•ผ ํ•œ๋‹ค.server { listen 80; server_name ourweddingstory.co.kr www.ourweddingstory.co.kr; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; }} 2. HTTPS ์ธ์ฆ์„œ ๋ฐœ๊ธ‰ AWS์˜ ๋ฌด๋ฃŒ SSL ์ธ์ฆ์„œ ์„œ๋น„์Šค์ธ ACM์„ ํ†ตํ•ด HTTPS ์ธ์ฆ์„œ๋ฅผ ๋ฐœ๊ธ‰ํ–ˆ๋‹ค.ACM์„ ์‚ฌ์šฉํ•ด์„œ ๋ณด์•ˆ ..

Infra & DevOps 2025.06.19

[FE] ๋ชจ๋ฐ”์ผ ์ฒญ์ฒฉ์žฅ - ๋ฐฐํฌ ์ž๋™ํ™” ๊ตฌํ˜„

GitHub Actions, AWS ECR, EC2, Docker, Nginx๋ฅผ ์กฐํ•ฉํ•˜์—ฌ ์ž๋™ ๋ฐฐํฌ DevOps ํŒŒ์ดํ”„๋ผ์ธ์„ ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„ํ–ˆ๋‹ค. 1. ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„์ „์ฒด ์ž๋™ํ™” ํ๋ฆ„์€ ์•„๋ž˜์™€ ๊ฐ™์ด ๊ตฌ์„ฑํ–ˆ๋‹ค.(1) ๊นƒํ—ˆ๋ธŒ ๋ ˆํฌ์ง€ํ† ๋ฆฌ์— ์ฝ”๋“œ๋ฅผ ํ‘ธ์‹œํ•˜๋ฉด, GitHub Actions์ด ํŠธ๋ฆฌ๊ฑฐ๋˜์–ด Dockerfile์„ ๊ธฐ๋ฐ˜์œผ๋กœ nginx ๊ธฐ๋ฐ˜ ์ด๋ฏธ์ง€๊ฐ€ ๋นŒ๋“œ๋œ๋‹ค.(2) AWS ECR์— ๋นŒ๋“œ๋œ ์ด๋ฏธ์ง€๋ฅผ pushํ•˜๊ณ , EC2 ์ธ์Šคํ„ด์Šค์—์„œ pull ๋ฐ›๋Š”๋‹ค. 2. GitHub ActionsGitHub Actions๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ฝ”๋“œ ํ‘ธ์‹œ, PR ๋“ฑ์˜ ์ด๋ฒคํŠธ๋ฅผ ํŠธ๋ฆฌ๊ฑฐ๋กœ ์‚ผ์•„ ์ž๋™ํ™”๋œ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค.์›Œํฌํ”Œ๋กœ์šฐ๋Š” ๋นŒ๋“œ, ํ…Œ์ŠคํŠธ, ๋ฐฐํฌ์™€ ๊ฐ™์€ ์ผ๋ จ์˜ ์ž‘์—…๋“ค์„ ์ •์˜ํ•œ ๊ตฌ์„ฑ ํŒŒ์ผ์ด๋ฉฐ Repository ๋‚ด .gi..

Infra & DevOps 2025.06.18

[FE] ๋ชจ๋ฐ”์ผ ์ฒญ์ฒฉ์žฅ - ๋ฉ”ํƒ€ ํƒœ๊ทธ, ์นด์นด์˜คํ†ก ๊ณต์œ ํ•˜๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์นด์นด์˜คํ†ก์œผ๋กœ ๊ณต์œ ๋ฅผ ํ–ˆ์„ ๋•Œ ๋‹จ์ˆœํ•œ ์›น ๋งํฌ ๊ณต์œ ๊ฐ€ ์•„๋‹Œ.. ์•„๋ž˜์™€ ๊ฐ™์ด ์ „๋ฌธ ์ฒญ์ฒฉ์žฅ ์—…์ฒด์ฒ˜๋Ÿผ ์˜ˆ์œ ์ธ๋„ค์ผ ํ˜•ํƒœ๋กœ ๊ณต์œ ๋˜๊ธฐ๋ฅผ ๋ฐ”๋žฌ๋‹ค.์ฒ˜์Œ์—๋Š” meta ํƒœ๊ทธ ์„ค์ •์„ ํ•ด์ค˜์•ผ๋๋‚˜ ์‹ถ์–ด์„œ ์ฐพ์•„๋ดค์ง€๋งŒ ์•„๋ฌด๋ฆฌ ํ•ด๋„ ์ €๋Ÿฐ ํ˜•์‹์œผ๋กœ๋Š” ๋˜์ง€ ์•Š์•˜์—ˆ๋‹ค. ๋‚ด๊ฐ€ ์„ค์ •ํ•œ ๋ฉ”ํƒ€ ํƒœ๊ทธ๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค. ์ด ์„ค์ •์„ ํ†ตํ•ด ๋งํฌ๋ฅผ ๋ณต๋ถ™ํ•˜๋Š” ๊ฒฝ์šฐ, ์•„๋ž˜์™€ ๊ฐ™์ด ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ€ ์ถœ๋ ฅ๋˜์—ˆ๋‹ค. 1. ๋ฉ”ํƒ€ ํƒœ๊ทธ๋ž€?๋ฉ”ํƒ€ ํƒœ๊ทธ๋Š” ์›นํŽ˜์ด์ง€ ์ž์ฒด์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” HTML ํƒœ๊ทธ ๋‚ด๋ถ€์˜ ์ •๋ณด๋กœ, ํ•ต์‹ฌ ์ •๋ณด๋ฅผ ์š”์•ฝํ•ด์ฃผ๋Š” ๋ฏธ๋ฆฌ๋ณด๊ธฐ์™€ ๊ฐ™์€ ๊ฒƒ์ด๋‹ค. ์ด๋ฅผ ๊ฒ€์ƒ‰ ์—”์ง„์ด๋‚˜ SNS์— ์ „๋‹ฌํ•˜๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.๋‚ด๊ฐ€ ์‚ฌ์šฉํ•œ OG, Twitter meta๋Š” SNS ๊ณต์œ ์šฉ์ด๋‹ค. ์ด ํƒœ๊ทธ๋“ค์„ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์„ค์ •ํ•ด๋‘๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๋งํฌ๋ฅผ ๋ณต์‚ฌํ•ด ์นด์นด์˜คํ†ก, ํŽ˜์ด์Šค๋ถ, ํŠธ์œ„ํ„ฐ ๋“ฑ์— ๋ถ™์—ฌ๋„ฃ..

Dev 2025.06.16

[FE] ๋ชจ๋ฐ”์ผ์ฒญ์ฒฉ์žฅ ๊ฐœ๋ฐœ - Naver Maps API ๊ตฌํ˜„

Naver Maps API๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์›น๋ทฐ์— ์‚ฝ์ž…ํ•˜๊ณ  ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ธฐ๋กํ•ด๋ณด๊ฒ ๋‹ค! 1. Application ๋“ฑ๋ก ๋ฐ API Key ๋ฐœ๊ธ‰๋ฐ›๊ธฐhttps://console.ncloud.com/dashboard ์— ์ ‘์†ํ•ด์„œ ๋กœ๊ทธ์ธ ํ›„ Maps๋กœ ์ด๋™ํ•œ๋‹ค.๊ฒฝ๋กœ: [Services] → [Application Services] → [Maps] ์—ฌ๊ธฐ์„œ [Application ๋“ฑ๋ก] ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๊ณ  Appication ๋“ฑ๋ก์„ ํ•ด์ฃผ๋ฉด ๋˜๋Š”๋ฐ, ์˜ต์…˜์ด ๋„ˆ๋ฌด๋งŽ๋‹ค..https://api.ncloud-docs.com/docs/ko/application-maps-overview๊ทธ๋ ‡์ง€๋งŒ ๊ณต์‹๋ฌธ์„œ์— ๋„ˆ๋ฌด๋‚˜๋„ ์ž์„ธํžˆ ์ž˜ ์„ค๋ช…๋˜์–ด์žˆ์Œ ใ…Ž ๋‚˜๋Š” ์ง€๋„ ํ™•๋Œ€/์ถ•์†Œ ๋ฐ ๋“œ๋ž˜๊ทธ๊ฐ€ ๊ฐ€๋Šฅํ•œ Dynamic Map๊ณผ ์ขŒํ‘œ๊ฐ’์„ ๋ฐ”ํƒ•์œผ๋กœ ์ฃผ..

Dev 2025.06.11

[FE] ๋ชจ๋ฐ”์ผ์ฒญ์ฒฉ์žฅ ๊ฐœ๋ฐœ - Dday ๊ธฐ๋Šฅ ๊ตฌํ˜„

ํšŒ์‚ฌ ์ผ์ด ๋„ˆ๋ฌด ๋ฐ”๋น ์„œ ์ด์ œ์•ผ ์˜ฌ๋ฆฌ๋Š” 2์ผ์ฐจ ... ๋‹ด์ฃผ๊นŒ์ง€ ๋งŒ๋“ค์–ด์•ผ๋˜๋Š”๋ฐ ํฐ์ผ๋‚จ์ง€๊ธˆ๊นŒ์ง€ ์ง„ํ–‰์‚ฌํ•ญ์€.. ์‹œ๊ฐ„๋‚ ๋•Œ๋งˆ๋‹ค ์ „์ฒด์ ์ธ UI๋ฅผ ํผ๋ธ”๋ฆฌ์‹ฑํ•˜๊ณ , ๊ฐ ์š”์†Œ๋ฅผ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๋ถ„๋ฆฌํ•ด์„œ ๊ฐœ๋ฐœํ•˜๋Š”๊ฑธ ๊ฐ€์žฅ ์‹ ๊ฒฝ์ผ๋‹ค.๊ทธ๋ฆฌ๊ณ  2์ผ์ฐจ ๊ธฐ๋Šฅ์œผ๋กœ๋Š” ๋””๋ฐ์ด๋ฅผ ์นด์šดํŒ…ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ–ˆ๋‹ค. ํ•„์š” ๊ธฐ๋Šฅ๋…ธ๋ž˜ ๋„ฃ๊ธฐ๋‹ฌ๋ ฅ๋””๋ฐ์ด์‚ฌ์ง„์•ฝ๋„์ง€๋„ ์—ฐ๋™๋ฐฉ๋ช…๋ก์ฐธ์„์˜์‚ฌ์ฒดํฌ ๊ธฐ๋Šฅ (new!) ๋””๋ฐ์ด ๊ธฐ๋Šฅ ๊ตฌํ˜„WeddingDate๋Š” ๊ฒฐํ˜ผ ๋‚ ์งœ๋ฅผ ๊ณ ์ •ํ•ด๋‘๊ณ , ํ˜„์žฌ ์‹œ๊ฐ๊ณผ์˜ ์ฐจ์ด๋ฅผ ๊ณ„์‚ฐํ•ด UI์— ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋‚จ์€ ๋‚ ์งœ/์‹œ๊ฐ„์„ ๋ณด์—ฌ์ฃผ๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ Œ๋”๋งํ–ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ๊ทธ๋ƒฅ Date ๊ฐ์ฒด๋ฅผ ํ†ตํ•ด ๋‚ ์งœ๋ฅผ ์ง์ ‘ ํ• ๋‹นํ–ˆ์ง€๋งŒ VSC์—์„œ ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒฝ๊ณ ๊ฐ€ ๋–ด๋‹ค.์ฐพ์•„๋ณด๋‹ˆ ๋งค ๋ Œ๋”๋ง๋งˆ๋‹ค WeddingDate๊ฐ€ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋กœ ์ƒ์„ฑ๋˜๊ธฐ ๋•Œ๋ฌธ์— useEffect ๋‚ด์˜ ์‹œ๊ฐ„์ฐจ๋ฅผ..

Dev 2025.05.19

[FE] ๋ชจ๋ฐ”์ผ์ฒญ์ฒฉ์žฅ ๊ฐœ๋ฐœ - ํ”„๋กœ์ ํŠธ ํ™˜๊ฒฝ์„ค์ • (Vite, React, TypeScript)

๋‹ค๊ฐ€์˜ค๋Š” ์นœ๊ตฌ ๊ฒฐํ˜ผ์‹์— ๋ชจ์ฒญ์„ ๋งŒ๋“ค์–ด์ฃผ๊ธฐ๋กœ ํ–ˆ๋‹ค~! ์ด์™• ๋งŒ๋“œ๋Š”๊ฑฐ ๋‚ด๊ฐ€ ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋˜๊ฑฐ ๋ง˜๊ป ์จ๋ณด๋ ค๊ณ  ๊ธฐ๋กํ•ด๋‘”๋‹ค. ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๋ฐฉ๋ช…๋ก ๊ธฐ๋Šฅ๋•Œ๋ฌธ์— ๋ฐฑ์—”๋“œ๋Š” ์–ด๋–ป๊ฒŒ ํ• ์ง€ ๊ณ ๋ฏผ...์ผ๋‹จ ํ”„๋ก ํŠธ์—”๋“œ๋Š” Vite + React + TS + Tailwind CSS๋กœ ๊ตฌํ˜„ํ•  ์˜ˆ์ •์ด๋‹ค.์‚ฌ์‹ค ๊ฑฐ์˜ ์ •์  + ๋‹จ์ผ ํŽ˜์ด์ง€์—ฌ์„œ ๋ฐ”๋‹๋ผ JS๋กœ ํ• ๊นŒ ํ•˜๋‹ค๊ฐ€.. ๊ทธ๋ž˜๋„ ํ‰์†Œ์— TypeScript๋ฅผ ์ž˜ ์•ˆ๋‹ค๋ค„๋ด์„œ ์จ๋ณด๋ฉด์„œ ์ต์ˆ™ํ•ด์ง€๊ณ  ์‹ถ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ๋‹ค. ํ•„์š” ๊ธฐ๋Šฅ๋…ธ๋ž˜ ๋„ฃ๊ธฐ๋‹ฌ๋ ฅ๋””๋ฐ์ด์‚ฌ์ง„์•ฝ๋„์ง€๋„ ์—ฐ๋™๋ฐฉ๋ช…๋ก ํ™˜๊ฒฝ ์„ค์ •1. vite๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ๊นƒํ—ˆ๋ธŒ๋ฅผ ๋‘˜๋Ÿฌ๋ณด๋‹ˆ ๋‚ด๊ฐ€ ํ•™๊ต๋‹ค๋…”์„ ๋•Œ๋Š” ๊ฑฐ์˜ CRA๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์„ ํ–ˆ์—ˆ๋Š”๋ฐ ์š”์ฆ˜์€ vite๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฑธ ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋‹ค. Vite๋Š” ๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์›Œ์„œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„..

Dev 2025.05.09