๐คทโ๏ธ ๋ณธ๋ก ์ ์์
๋ฐฐ์ด์ javascript์์ ๊ฐ์ฅ ์ค์ํ ๋ฐ์ดํฐ ์๋ฃ๊ตฌ์กฐ ์ค ํ๋์ ๋๋ค.
๋ฐฐ์ด์ ๋ด์ฅํจ์๋ฅผ ํ์ฉํ๋ ๊ฒ์ javascript์์ ์ค์ํ ๋ถ๋ถ ์ค ํ๋์ด๋ฉฐ join() ๋ฐฐ์ด ๋ฉ์๋๋ ๋ฐฐ์ด์ ํฉ์น๋ ๊ฒ์ ๊ฐ์ฅ ์ค์ํ ๋ด์ฅํจ์ ์ค ํ๋์ ๋๋ค.
join() ๋ฐฐ์ด ๋ฉ์๋๋ฅผ ๋ ์ ํ์ฉํ ์ ์๋๋ก ์์๋ณด๊ฒ ์ต๋๋ค.
๋ฐฐ์ด(array)์ ์ฒ๋ฆฌํ๋ ์ธ๊ธฐ ์๋ ๋ฉ์๋ map(), forEach() ๊ฐ๋ ๊ณผ ์ฐจ์ด์
https://cometruedream.tistory.com/253
[์๋ฐ์คํฌ๋ฆฝํธ] ๋ฐฐ์ด(array)์ ์ฒ๋ฆฌํ๋ ์ธ๊ธฐ์๋ ๋ฉ์๋ map(), forEach() ๊ฐ๋ ๊ณผ ์ฐจ์ด์
๐คทโ๏ธ ๋ณธ๋ก ์ ์์์๋ฐ์คํฌ๋ฆฝํธ๋ ํ์ฌ ์น/์ฑ ๊ฐ๋ฐ ํธ๋ ๋์์ ํ์์ ์ผ๋ก ์ฌ์ฉ๋๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ๋๋ค. ์ฌ๋ฌ ์์ดํ ์ ์ ์ฅํ๋๋ฐ ์ฌ์ฉ๋๋ ๋ฐฐ์ด๊ณผ ์ด๋ฅผ ํ์ฑํ๋ฉฐ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ
cometruedream.tistory.com
๐คทโ๏ธ ๋ฐฐ์ด(array) join() ์ด๋?
์๋ฐ์คํฌ๋ฆฝํธ ๋ฐฐ์ด ์กฐ์ธ(join)์ ๋ฐฐ์ด์ ์์๋ฅผ ํ๋์ ๋ฌธ์์ด๋ก ํฉ์ณ์ค๋๋ค.
์ด ๊ธฐ๋ฅ์ ๋ฐฐ์ด ๋ด์ฅํจ์ ์ค ๊ฐ์ฅ ์ ์ฉํ๊ฒ ํ์ฉํ ์ ์๋ ๋ฉ์๋ ์ค ํ๋์ ๋๋ค.
join() ๋ฉ์๋์ ๋ํด ์์ธํ ์ดํดํ๋ฉด
๐ก ํ๋ก์ ํธ๋ฅผ ์งํํ๋ค ๋ณด๋ฉด ๋ฐฐ์ด์ ์์๋ฅผ ๋ฌธ์์ด๋ก ๋ง๋ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ฌ์ฃผ๋ ์ํฉ์ด ์์ต๋๋ค.
๊ฐ ์์๋ฅผ join() ๋ฉ์๋๋ก ๋ฐฐ์ด์ ์์๋ฅผ ๊ตฌ๋ถํ๋ ๊ตฌ๋ถ์๋ฅผ ํ์ฉํด์ ๋ฐฐ์ด์ ์์๋ฅผ ๋ฌธ์์ด๋ก ๋ง๋ค ์ ์์ต๋๋ค.
1. ๋ฐฐ์ด(array) join() ์์?
๋ฐฐ์ด ์กฐ์ธ(join) ๋ฉ์๋ ์์์ ๋๋ค.
const sports = ['์ถ๊ตฌ', '์ผ๊ตฌ', '๋๊ตฌ'];
const result = sports.join(',');
console.log(result);
// "์ถ๊ตฌ,์ผ๊ตฌ,๋๊ตฌ"
์ ์์์์ sports ๋ฐฐ์ด์ ์์๋ฅผ join() ๋ฉ์๋๋ฅผ ํ์ฉํด์ ๊ฐ ์์๋ฅผ ๊ตฌ๋ถํ๋ ๊ตฌ๋ถ์๋ฅผ ์ผํ๋ก ์ฌ์ฉํ ๋ฌธ์์ด ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐํํฉ๋๋ค.
2. ๋ฐฐ์ด(array) join() ์์ 2?
๋ฐฐ์ด ์กฐ์ธ(join) ๋ฉ์๋ ์์ 2์ ๋๋ค.
const fruits = ['์ถ๊ตฌ', '์ผ๊ตฌ', '๋๊ตฌ'];
const result = fruits.join(', ');
console.log(result);
// "์ถ๊ตฌ, ์ผ๊ตฌ, ๋๊ตฌ"
๊ตฌ๋ถ์ ์ผํ, ๊ณต๋ฐฑ์ ์ฌ์ฉํ ๋ฌธ์์ด ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐํํฉ๋๋ค.
๋ณด์๋ ๊ฒ์ฒ๋ผ ๊ฒฐ๊ณผ๋ฌผ์ ๊ณต๋ฐฑ์ด ์๊น๋๋ค.
3. ๋ฐฐ์ด(array) join() ํ์ฉ๋ฒ?
split() ํจ์๋ ๋ฌธ์์ด์ ๋ฐฐ์ด๋ก ๋ถํ ํ๋ ๋ฉ์๋์ ๋๋ค.
join() ๋ฐฐ์ด์ ๋ฌธ์์ด๋ก ๊ฒฐํฉํ๋ ๋ฉ์๋์ด๋ฉฐ ์ด ๋์ ํ์ฉํด์ ์ํ๋ ๊ฒฐ๊ณผ๋ฌผ์ ๋์ถํ ์ ์์ต๋๋ค.
๋ํ ์ด ๋ ๋ฉ์๋๋ ์๋ก ์ํธ๋ณด์์ ์ธ ๊ธฐ๋ฅ์ผ๋ก ์์ฃผ ๊ฐ์ด ์ฌ์ฉ๋ฉ๋๋ค.
const url = "https://www.example.com/search?q=javascript+array+join&sort=date";
const queryString = url.split("?")[1];
console.log(queryString)
// q=javascript+array+join&sort=date
const queryParameters = queryString.split("&")[0];
// ['q=javascript+array+join', 'sort=date']
const findQueryQkey = queryParameters.split("=")[1];
const queryKey = findQueryQkey.split('+');
const result = queryKey.join(', ')
console.log(result)
// javascript, array, join
์ ์ฝ๋์์ ์ฃผ์ด์ง url์ ์ฟผ๋ฆฌ์คํธ๋ง q์ ๊ฐ๋ค์ ์ฐพ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
url.split("?")[1] url ๊ตฌ๋ถ์? ๊ตฌ๋ถํด์ ๋ฌธ์์ด์ ๋ฐฐ์ด๋ก ๋ถํ ํ๊ณ ๋ถํ๋ ๋ฐฐ์ด์ ์ฒซ๋ฒ์งธ ์ธ๋ฑ์ค ์์ ๊ฐ์ ๊ฐ์ ธ์ต๋๋ค.
queryString.split("&") ๊ฐ์ ธ์จ ๊ฐ์ ๋ค์ & ๊ตฌ๋ถ์๋ก ๋ฌธ์์ด์ ๋ฐฐ์ด๋ก ๋ถํํ๊ณ queryParameters.split("=") = ๊ตฌ๋ถ์๋ก ๋ฌธ์์ด๋ก ๋ถํํ๊ณ findQueryQkey.split('+') + ๊ตฌ๋ถ์๋ก ๋ฌธ์์ด์ ๋ถํํ๊ณ queryKey.join(', ') ๋ฐฐ์ด์ ํฉ์ณ์ ์ํ๋ ๊ฐ์ ๋์ถํ์ต๋๋ค.
์์ ์์ ์ฒ๋ผ split(), join() ๋ฉ์๋๋ฅผ ํ์ฉํด์ ์ํ๋ ๊ฒฐ๊ณผ๊ฐ์ ๋์ถํ ์ ์์ต๋๋ค.
https://cometruedream.tistory.com/250
[์๋ฐ์คํฌ๋ฆฝํธ] ํ์ฉ๊ฐ์น๊ฐ ์ข์ ๋ด์ฅํจ์์ every(), some() ํจ์์ ๊ฐ๋ ๋ฐ ํ์ฉ๋ฒ
๐คทโ๏ธ ์๋ฐ์คํฌ๋ฆฝํธ ๋ด์ฅ ํจ์๋?์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํจ์จ์ ์ผ๋ก ํ์ฉํ๋ ค๋ฉด ๋ด์ฅ ํจ์๋ฅผ ์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.๋ด์ฅ ํจ์๋ ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ฏธ๋ฆฌ ์ ์ธ๋ ํจ์๋ก, ํธ์ถ๋ง์ผ๋ก ์ฌ์ฉํ ์ ์์ต
cometruedream.tistory.com
์ฌ๋ฐ๋ ์ค๋์ ๋ ๋ณ ์ด์ธ ๋ณด๊ณ ๊ฐ์ธ์!
https://cometruedream.tistory.com/247
[React] Tailwind ํ์ค, ๋์ค, ์ธ์ค ํจ๊ณผ className ์ปค์คํ
๐คทโ๏ธ Tailwind ํ์ค, ๋์ค, ์ธ์ค ํจ๊ณผํ๋ก์ ํธ ์งํ์ค ๋ฐฐ๋ ๋งํฌ์ URL ๊ธธ์ด๊ฐ ๋๋ฌด ๊ธธ์ด์ 3์ค ํจ๊ณผ ์ฒ๋ฆฌ๋ฅผ ํด์ผ ํ์ต๋๋ค. React + Tailwind CSS ์ ํ ๋ ํ๋ก์ ํธ ์ฌ์ CSS ํ์ผ & style ํ๊ทธ๋ฅผ ์ฌ์ฉํ
cometruedream.tistory.com
https://cometruedream.tistory.com/243
NestJS Lifecycle (์๋ช ์ฃผ๊ธฐ) ๊ฐ๋
๐คทโ๏ธ ๋ณธ๋ก ์ ์์ Nest JS ๊ฐ๋ ?Nest JS๋ Node JS ๊ธฐ๋ฐ์ผ๋ก ํ ์๋ฒ ์ดํ๋ฆฌ์ผ์ด์ ํ๋ ์์ํฌ ์ ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ ์๋นํ ์ค๋ซ๋์ Express ๊ธฐ๋ฐ์ผ๋ก ์๋ฒ ์ดํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์์ ์๋์ ์ธ ์
cometruedream.tistory.com
https://cometruedream.tistory.com/242
๋ฆฌ์กํธ Vite Proxy ํ์ฉํ CORS ์ค๋ฅ ํด๊ฒฐ
๐คทโ๏ธ ๋ณธ๋ก ์ ์์ํ๋ก ํธ์๋ ๋ฒ๋ค๋ฌ ๊ฐ๋ ๊ณผ webpack vs vite ๋น๊ต์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํ๊ณ ๊ธ์ ๋ณด์๋ฉด ๋ ๋ง์ ๋์์ด ๋ฉ๋๋ค^^ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ํ ๋ฒ๋ค๋ฌ ๊ฐ๋ ๊ณผ webpack vs vite ๋น๊ตhttps://comet
cometruedream.tistory.com
https://cometruedream.tistory.com/241
React ํด๋๊ตฌ์กฐ FSD ๊ธฐ๋ฅ ๋ถํ ์ค๊ณ ์ํคํ ์ฒ
๐คทโ๏ธ ๋ณธ๋ก ์ ์์ํ๋ก์ ํธ๋ฅผ ์์ํ๊ธฐ์ ์์ ํด๋ ๊ตฌ์กฐ, ์ค๊ณ์ ๋ํ ์ํคํ ์ฒ๋ฅผ ๋ง๋๋ ๊ฒ์ ์๋นํ ์ด๋ ต๋ค. ์ด๋ฒ ํ๋ก์ ํธ์ React FSD ํด๋๊ตฌ์กฐ ์ํคํ ์ฒ๋ฅผ ์ค๊ณํ ์์ ์ด๋ผ์ FSD ์ํคํ
cometruedream.tistory.com
https://cometruedream.tistory.com/244
์ฝ๊ฒ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋ Prisma ๋ช ๋ น์ด ์ ๋ฆฌ
๐คทโ๏ธ Prisma ๋ช ๋ น์ด ๋ณธ๋ก ์ ์์ Prisma๋?Nest JS ํ๋ ์์ํฌ์ Prisma ORM์ ํ์ฉํด์ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ Prisma๋ Node JS ๊ธฐ๋ฐ์ ํ๋ ์์ํฌ/๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ํธ์์ฉ์ด ์๋๋ฉฐ Prisma + DB ์ฐ๋์ผ
cometruedream.tistory.com