๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ

(79)
[๋‚ด๋ณด๋‚ด๋ฒˆ] Next.js docs - Response Helpers ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ...) Next.js docs 2021๋…„ 4์›” 15์ผ ๊ธฐ์ค€ Next.js ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ฒˆ์—ญํ–ˆ๋‹ค. โ€ป ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ˜ผ์ž ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฐธ์กฐํ•ด๊ฐ€๋ฉฐ ๋ฒˆ์—ญํ•˜๋‹ค ๋ณด๋‹ˆ ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) Next.js ๊ณต์‹๋ฌธ์„œ ํ™•์ธํ•˜๊ธฐ>> API Routes: Response Helpers | Next.js API Routes include a set of Express.js-like methods for the response to help you creating new API endpoi..
[๋‚ด๋ณด๋‚ด๋ฒˆ] Next.js docs - API Middlewares ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ...) Next.js docs 2021๋…„ 4์›” 15์ผ ๊ธฐ์ค€ Next.js ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ฒˆ์—ญํ–ˆ๋‹ค. โ€ป ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ˜ผ์ž ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฐธ์กฐํ•ด๊ฐ€๋ฉฐ ๋ฒˆ์—ญํ•˜๋‹ค ๋ณด๋‹ˆ ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) Next.js ๊ณต์‹๋ฌธ์„œ ํ™•์ธํ•˜๊ธฐ>> API Routes: API Middlewares | Next.js API Routes provide built-in middlewares that parse the incoming request. Learn more about them here. next..
[๋‚ด๋ณด๋‚ด๋ฒˆ] JavaScript - JavaScript Functions — Understanding The Basics GitHub์— ์žˆ๋Š” 33 Concepts Every JavaScript Developer Should Know ๋ผ๋Š” ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์˜ ๋‚ด์šฉ ์ค‘ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ถ์€ ์•„ํ‹ฐํด์„ ๋‚ด๊ฐ€ ์ •๋ฆฌํ•  ๊ฒธ ๊ธฐ์–ตํ•  ๊ฒธ ์ž‘์„ฑํ•˜๋Š” ๋ฒˆ์—ญ๊ธ€์ด๋‹ค. 33๊ฐ€์ง€ ์ค‘ ์—ฌ์„ฏ ๋ฒˆ์งธ์ธ Function Scope, Block Scope and Lexical Scope์™€ ๊ด€๋ จ๋œ ๋‚ด์šฉ์ด๋‹ค. โ€ป ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ): ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ์›๋ฌธ์„ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) ์ด๋ฒˆ์— ๊ณ ๋ฅธ ์•„ํ‹ฐํด์€ Brandon Morelli ๋‹˜์ด ์ž‘์„ฑํ•˜์‹  JavaScript Funct..
[์‚ฝ์งˆ๋กœ๊ทธ] Heroku๋กœ Strapi(with PostgreSQL) ๋ฐฐํฌํ•˜๊ธฐ 2/2 ์ด ๊ธ€์€ Heroku Free tier๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ˜ธ์ŠคํŒ…ํ•˜๊ธฐ ์œ„ํ•œ ํŠœํ† ๋ฆฌ์–ผ์ธ๋ฐ 2022๋…„ 11์›” 28์ผ์ž๋กœ Heroku์—์„œ Free tier๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋ฌด๋ฃŒ ๋ฐฐํฌ๋ฅผ ํ•˜๊ธฐ ์›ํ•˜๋Š” ๋ถ„๋“ค์€ ๋‹ค๋ฅธ ํŠœํ† ๋ฆฌ์–ผ๋“ค์„ ์ฐธ๊ณ ํ•ด๋ณด๊ธธ ๋ฐ”๋ž€๋‹ค. (์ด ๊ธ€์€ 2021๋…„ 4์›” 14์ผ ๊ธฐ์ค€ ๊ธ€์ด๋‹ค.) ์ง€๋‚œ ํŽธ์— Heroku์— ๋ฐฐํฌ๊นŒ์ง€ ์™„๋ฃŒํ–ˆ๋Š”๋ฐ Github์— ์˜ฌ๋ ค์„œ ์ž๋™ ๋ฐฐํฌ๊ฐ€ ๋˜๋„๋ก ์„ค์ •์„ ๊ณ„์†ํ•ด๋ณด๊ฒ ๋‹ค. [์‚ฝ์งˆ๋กœ๊ทธ] Heroku๋กœ Strapi(with PostgreSQL) ๋ฐฐํฌํ•˜๊ธฐ (์ด ๊ธ€์€ 2021๋…„ 4์›” 14์ผ ๊ธฐ์ค€ ๊ธ€์ด๋‹ค.) ๐Ÿคจ ์‚ฝ์งˆ์˜ ๋ฐœ๋‹จ ์ง€๋‚œ๋‹ฌ์— ์ƒˆ๋กœ์šด ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ”„๋ก ํŠธ๋Š” Next.js๋ฅผ ์‚ฌ์šฉํ•˜์˜€๊ณ  ๋ฐฑ์—”๋“œ๋Š” Github์— jsonํŒŒ์ผ์„ ์˜ฌ๋ ค gh-pages๋กœ ํ˜ธ์ŠคํŒ…์„ ํ•œ ์ •์„ birdmee.t..
[๋‚ด๋ณด๋‚ด๋ฒˆ] Next.js docs - Dynamic API Routes ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ...) Next.js docs 2021๋…„ 4์›” 13์ผ ๊ธฐ์ค€ Next.js ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ฒˆ์—ญํ–ˆ๋‹ค. โ€ป ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ˜ผ์ž ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฐธ์กฐํ•ด๊ฐ€๋ฉฐ ๋ฒˆ์—ญํ•˜๋‹ค ๋ณด๋‹ˆ ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) Next.js ๊ณต์‹๋ฌธ์„œ ํ™•์ธํ•˜๊ธฐ>> API Routes: Dynamic API Routes | Next.js You can add the dynamic routes used for pages to API Routes too. Learn how it works here. nextjs.org A..
[์‚ฝ์งˆ๋กœ๊ทธ] Heroku๋กœ Strapi(with PostgreSQL) ๋ฐฐํฌํ•˜๊ธฐ 1/2 ์ด ๊ธ€์€ Heroku Free tier๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ˜ธ์ŠคํŒ…ํ•˜๊ธฐ ์œ„ํ•œ ํŠœํ† ๋ฆฌ์–ผ์ธ๋ฐ 2022๋…„ 11์›” 28์ผ์ž๋กœ Heroku์—์„œ Free tier๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋ฌด๋ฃŒ ๋ฐฐํฌ๋ฅผ ํ•˜๊ธฐ ์›ํ•˜๋Š” ๋ถ„๋“ค์€ ๋‹ค๋ฅธ ํŠœํ† ๋ฆฌ์–ผ๋“ค์„ ์ฐธ๊ณ ํ•ด๋ณด๊ธธ ๋ฐ”๋ž€๋‹ค. (์ด ๊ธ€์€ 2021๋…„ 4์›” 14์ผ ๊ธฐ์ค€ ๊ธ€์ด๋‹ค.) ๐Ÿคจ ์‚ฝ์งˆ์˜ ๋ฐœ๋‹จ ์ง€๋‚œ๋‹ฌ์— ์ƒˆ๋กœ์šด ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ”„๋ก ํŠธ๋Š” Next.js๋ฅผ ์‚ฌ์šฉํ•˜์˜€๊ณ  ๋ฐฑ์—”๋“œ๋Š” Github์— jsonํŒŒ์ผ์„ ์˜ฌ๋ ค gh-pages๋กœ ํ˜ธ์ŠคํŒ…์„ ํ•œ ์ •์„์ด ์•„๋‹Œ(?) ๋ฃจํŠธ๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ๋Œ€๋žต ์™„์„ฑํ•˜๊ธฐ๋Š” ํ–ˆ์ง€๋งŒ ๋ฐฑ์—”๋“œ๊ฐ€ ์˜... ๋„ˆ๋ฌด ์ฐœ์ฐœํ–ˆ๋‹ค. ๋ˆ์€ ๋“ค์ด๊ธฐ ์‹ซ๊ณ , API๋Š” ๋งŒ๋“ค๊ณ  ์‹ถ๊ณ , ์ด๊ฒƒ์ €๊ฒƒ ์ฐพ์•„๋ณด๋‹ค ์•Œ๊ฒŒ ๋œ Strapi! COMMUNITY PLAN์€ ๋ฌด๋ฃŒ๋ผ๊ธฐ์— ํŠœํ† ๋ฆฌ์–ผ์„ ์ฐพ์•„์„œ ๋ฐ”๋กœ ์„ค์น˜ํ–ˆ๋‹ค..
[๋‚ด๋ณด๋‚ด๋ฒˆ] JavaScript - JavaScript Double Equals vs. Triple Equals GitHub์— ์žˆ๋Š” 33 Concepts Every JavaScript Developer Should Know ๋ผ๋Š” ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์˜ ๋‚ด์šฉ ์ค‘ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ถ์€ ์•„ํ‹ฐํด์„ ๋‚ด๊ฐ€ ์ •๋ฆฌํ•  ๊ฒธ ๊ธฐ์–ตํ•  ๊ฒธ ์ž‘์„ฑํ•˜๋Š” ๋ฒˆ์—ญ๊ธ€์ด๋‹ค. 33๊ฐ€์ง€ ์ค‘ ๋‹ค์„ฏ ๋ฒˆ์งธ์ธ == vs === vs typeof์™€ ๊ด€๋ จ๋œ ๋‚ด์šฉ์ด๋‹ค. โ€ป ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ): ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ์›๋ฌธ์„ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) ์ด๋ฒˆ์— ๊ณ ๋ฅธ ์•„ํ‹ฐํด์€ Brandon Morelli ๋‹˜์ด ์ž‘์„ฑํ•˜์‹  JavaScript — Double Equals vs. Triple Equa..
[๋‚ด๋ณด๋‚ด๋ฒˆ] JavaScript - Javascript Coercion Explained GitHub์— ์žˆ๋Š” 33 Concepts Every JavaScript Developer Should Know ๋ผ๋Š” ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์˜ ๋‚ด์šฉ ์ค‘ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ถ์€ ์•„ํ‹ฐํด์„ ๋‚ด๊ฐ€ ์ •๋ฆฌํ•  ๊ฒธ ๊ธฐ์–ตํ•  ๊ฒธ ์ž‘์„ฑํ•˜๋Š” ๋ฒˆ์—ญ๊ธ€์ด๋‹ค. 33๊ฐ€์ง€ ์ค‘ ๋„ค ๋ฒˆ์งธ์ธ Implicit, Explicit, Nominal, Structuring and Duck Typing๊ณผ ๊ด€๋ จ๋œ ๋‚ด์šฉ์ด๋‹ค. โ€ป ๋‚ด๋ณด๋‚ด๋ฒˆ(๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋‚ด๊ฐ€ ๋ฒˆ์—ญํ•œ): ์˜์–ด ์ „๊ณต์ž๋„ ํ•ด์™ธ ์œ ํ•™ํŒŒ๋„ ์•„๋‹ˆ๊ธฐ์— ๋ฒˆ์—ญ์—๋Š” ์˜์—ญ, ์˜ค์—ญ, ๊ตฌ๊ธ€ ๋ฒˆ์—ญ์ด ๋ฌด์ˆ˜ํžˆ ๋งŽ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์˜คํƒ€๋„ ๋งŽ์„ ์ˆ˜ ์žˆ๋‹ค. ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ์›๋ฌธ์„ ์ง์ ‘ ์‚ดํŽด๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ •๋ณด๋“ค์„ ๋” ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. (ํ•˜์ง€๋งŒ ๋Œ“๊ธ€ ํ”ผ๋“œ๋ฐฑ๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜ƒ ) ์ด๋ฒˆ์— ๊ณ ๋ฅธ ์•„ํ‹ฐํด์€ Ben Garrison ๋‹˜์ด ์ž‘์„ฑํ•˜์‹  Javascrip..