์ ์ฒด ๊ธ (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.. ์ด์ 1 ยทยทยท 5 6 7 8 9 10 ๋ค์