๐ TIL(98)
-
210922๊ฐ๋ฐ๊ธฐ๋ก : [Nestjs, TypeOrm ์๋ฌ] no pg_hba.conf entry for host, SSL off
๐ ์ํฉ heroku ์ ๋ฐฐํฌํด ๋์ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์ฐ๊ฒฐํ๋ ๊ณผ์ ์์ ๋ฐ์ํ ์๋ฌ. ๊ฐ์ธ ํ๋ก์ ํธ ๋ฐฑ์๋์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ํค๋ก์ฟ ์ ๋ฐฐํฌ์ํค๊ณ ์ฐ๋ํ๋ค. ์ฒ์์ pg_hba.conf ๊ฐ ๋ฌธ์ ์ธ์ค ์์๋๋ฐ, ๊ตฌ๊ธ๋ง์ ํตํด์ ํด๊ฒฐํ ๋ฐฉ๋ฒ์ผ๋ก ๋ชจ๋ ํธ์คํธ์ ํฌํธ๋ ๋ค ์ด์ด๋์ ์ํ์๋ค. pg_hba_conf ํ์ผ์ ์ฌ๋ ๋ฐฉ๋ฒ์ ๋งฅ๋ถ ๊ธฐ์ค์ผ๋ก ์ต์๋จ ๋ฃจํธ์์ ์๋ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ค. ์ต์๋จ ๋ฃจํธ๋ usr ์ด ์กด์ฌํ๋ ๋ฃจํธ๋ฅผ ๋งํ๋ค. cd usr/local/var/postgres ์๋ฌดํผ pg_hba.conf ํ์ผ์์ ์๋ํ ์ ์๋ ๋ฐฉ๋ฒ์ ๋ชจ๋ ๋์ํ์ง๋ง ๋์ผํ ์๋ฌ๋ฉ์์ง๋ง ๋์๋ค. ๐ SSL off Why am I seeing connection errors for my Heroku Postgres databas..
2021.09.22 -
210918 ๊ฐ๋ฐ๊ธฐ๋ก: netlify - ์๋ก๊ณ ์นจ ์๋ฌ
๐ React - Netlify, Redirection ์๋ฌ ๋ฆฌ์กํธ ์๋ฒ๋ฅผ netlify ๋ฅผ ํตํด ์ ์ ๋ฐฐํฌํ๋ค. ์ด ๋ ์๋ก๊ณ ์นจ์ ํ๋ฉด ์๋์ ๊ฐ์ ์๋ฌ๋ฉ์์ง๊ฐ ๋ํ๋๋ค. page not found ๋ 404 ์๋ฌ๋ก, ํ์ฌ url ์์ ์ฐพ๊ณ ์ ํ๋ ์์์ ๋ชป์ฐพ์์ ๋ ๋ฐ์ํ๋ค. ์ด์ ๊น์ง ์ ์์ ์ผ๋ก ๋ณด์ด๋ ํ๋ฉด์ด ์ ์๋ก๊ณ ์นจ ์ดํ์ ๋ณด์ด์ง ์์๊น? โ๏ธ ์์ธ ๋ด ์ค์ ์์ ๋ฆฌ์กํธ๊ฐ ์ต์ด ์ ์ํ ๋์ url ์ / ์ด๋ค. ๊ทธ๋ฆฌ๊ณ ์ด ๋ index.html ์ ์ฝ๋๋ค. ์ฆ ํด๋น url ์ ๋ํ ์์์ index.html ๋ก ์ ํด์ ธ ์๋ค. ํ์ง๋ง ํ๋ฉด์ ๋๊ธฐ๋ฉด์ ๋ผ์ฐํ ๋ url ์ด ์๋ฅผ ๋ค์ด /a ํน์ /b ๊ฐ ๋์ ๋, ๊ฐ url ์ ๋ง๋ ์์์ด ์กด์ฌํ๋๊ฐ? ๊ทธ๋ ์ง ์๋ค. index.html ์ฒ๋ผ ์ ํด์ง ์..
2021.09.18 -
210917 ๊ฐ๋ฐ๊ธฐ๋ก: ํ์ด์ฌ ํ๋ ฌ ์ ํ (not numpy)
โ ํ์ด์ฌ ํ๋ ฌ ์ ํ zip() ํจ์๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฐฐ์ด ๊ฐ์ ์์๋ฅผ ๋ฌถ์ ์ ์๋๋ฐ, ์ด๋ฅผ ํ๋ ฌ์ ํ์ ์ฌ์ฉํ ์ ์๋ค. ์ฐ์ asterisk (*) ํํ์ ์ฌ์ฉํ๋ฉด ๋ฐฐ์ด์ ํ ๊บผํ(?) ๋ฒ๊ฒจ ๋ผ ์ ์๋๋ฐ, matrix ์ asterisk ๋ฅผ ์ ์ฉํ๋ฉด [1, 2, 3], [4, 5, 6], [7, 8, 9] ์ ํํ๊ฐ ๋๋ค. ์ฆ ์ธ๊ฐ์ ์๋ก ๋ค๋ฅธ ๋ฐฐ์ด์ด ์์ฑ๋๋ค. ์ด ์ธ๊ฐ์ ๋ฐฐ์ด์ zip() ํจ์๋ฅผ ์ ์ฉํ๋ฉด ๊ฐ ๋ฐฐ์ด ๋ด ์์์ ์์์ ๋ง๊ฒ ๋ฌถ์ด๊ฒ ๋๋ค.( ์ฒซ๋ฒ์งธ ์์ ๋ผ๋ฆฌ, ๋๋ฒ์งธ ์์ ๋ผ๋ฆฌ ... ) ์ด๋ฅผ ๋ค์ ๋ฆฌ์คํธ๋ก ์ฒ๋ฆฌํ๋ฉด matrix 2์ฐจ์ ๋ฐฐ์ด์ ๊ธฐ์ค์ผ๋ก ๊ฐ column ๋ผ๋ฆฌ ๋ฌถ์ด๊ฒ ๋๋ ๊ฒ๊ณผ ๊ฐ์ ํจ๊ณผ๋ฅผ ๋ผ ์ ์๋ค. matrix = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]..
2021.09.18 -
210916 ๊ฐ๋ฐ๊ธฐ๋ก: ๋ฏธ๋์ด์ฟผ๋ฆฌ , ๋ฐ์ํ
๐ ๋ฏธ๋์ด ์ฟผ๋ฆฌ ์ฌ์ด๋ ํ๋ก์ ํธ ํผ๋ธ๋ฆฌ์ฑ์ด ์ ค ํ๋ค๋ค. ์๋ ์ฌ์ค ๋ฐฐํฌ A @media (max-width: 900px) { B } @media (max-width: 600px) { C } max-width : 900px ์ด๋, ๊ฐ๋ก px ์ด 900 ๋ณด๋ค ์์ผ๋ฉด B์ css ๊ฐ ์ ์ฉ๋๊ณ , 900 ๋ณด๋ค ํฌ๋ฉด A ์ css ๊ฐ ์ ์ฉ๋๋ค. ์ฆ, ์ผ๋ฐ์ ์ผ๋ก A ์ ์ฝ๋๊ฐ ์ ์ฉ๋์ง๋ง, 900px ๋ณด๋ค ์์ ํฌ๊ธฐ์์ B ์ ์ฝ๋๊ฐ ์ ์ฉ๋๋ค. ๋ํ max-width ๋ ๋ฐ์คํฌํ ์ฐ์ ์ ์ฉ์ด๋ผ, ๋ฏธ๋์ด ์ฟผ๋ฆฌ์ ๋ถ๊ธฐ๊ฐ ํฐ ์์๋๋ก ์ ์ฉ๋๋ค. ์ด๋ป๊ฒ ๋ณด๋ฉด A ์ ์ฝ๋๋ 900px ๋ณด๋ค ๋์ px ํฌ๊ธฐ ์ด๊ธฐ์ ์ ์ฉ๋๋ ๊ฒ์ด๋ค. ๐ overflow-x: hidden overflow ์์ฑ์ ์ปจํ ์ธ ์์์ ํฌ๊ธฐ๊ฐ ๋ฐ์ค๋ณด๋ค ๊ธด ์..
2021.09.17 -
210915 ๊ฐ๋ฐ๊ธฐ๋ก:
์ง์ณค๋์? ์์ฐ! ์์นจ๋ถํฐ ํธ๋ฌ๋ธ์ํ ์ ์ฐ์์ด์๋ค. typeorm-model-generator ๋ก ์ํฐํฐ๋ฅผ ๊ฐ์ ธ์ฌ ๋๋ง๋ค RepositoryNotFoundError ๊ฐ ๋ฐ์ํ๋ค. ์์๋ฆฌ ํ๋ฐฐ๋์ ๋น์ ์ ํ๋ฒ๋ ์ด๋ฐ ์๋ฌ๊ฐ ๋ ์ ์ด ์๋ค๋ฉฐ ์ฅ ์ค๋๋ ์ฅ ํด๊ฒฐํด์ฃผ๊ณ ๊ฐ๋ค. ( entities ๊ฒฝ๋ก์ .d ๋ฅผ ์ ์ธํ๋ ํด๊ฒฐ๋๋ค. ) typeorm๋ ์ฐ๊ฒฐ๋๊ฒ ๋ค, ์ ํจ์ค๋ก ๋ฐฐํฌ๋ฅผ ์๋ํ๋๋ฐ ์ญ์๋ ํฐ์ก๋ค. ์ฒ์์ ํ๊ฒฝ๋ณ์ ๋๋ฌธ์ธ๊ฐ ์ถ์๋๋ฐ, ์๋ฌด๋ฆฌ ์ค์ ์ ๋ฐ๊ฟ์ค๋ ๊ฒฐ๊ณผ๋ ๊ณ์ ํ์ ์์๋ง ๋ฐํํ๋ค. ์ฒ์์ ๋ก๊ทธ๋ ์ฐํ์ง ์์์ ๋ญ๊ฐ ๋ฌธ์ ์ธ๊ฐ ์ถ์๋๋ฐ, ๊ทธ๋ฅ ๋ก๊ทธ ๊ฒฝ๋ก๋ฅผ ์๋ชป ์๊ณ ์์๋ ๊ฒ์ด์๋ค. ๋ฐ๋ธ์ต์ค ํ ์ฃผ์๋ ๋์์ ๋ฐ์ ๋ก๊ทธ๋ฅผ ํ์ธํ ์ ์์๋๋ฐ ๋๋น ์ปค๋ฅ์ ์ด ์๋ค๊ณ .... ๋ก์ปฌ์์ ๋ถ๋ช ๋๋น ์ ๋ถ์๋..
2021.09.15 -
210912 ๊ฐ๋ฐ๊ธฐ๋ก: ๋ฆฌ์กํธ, ์ผํญ์ฐ์ฐ์ ์์ด jsx ๊น๋ํ ๋ฆฌํด
๐ ์ผํญ์ฐ์ฐ์๋ฅผ ์ด์ฉํ jsx ๋ฆฌํด jsx/tsx ์์ ์๋์ฒ๋ผ ์ผํญ ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํ์ฌ ์ํ๋ ํ๊ทธ๋ฅผ ๋ ๋๋ง ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค. responseData['image'] ๊ฐ์ด ์กด์ฌํ ๋์ ๊ทธ๋ ์ง ์์ ๋ ๊ฐ๊ฐ ๋ค๋ฅธ ํ๊ทธ๋ฅผ ๋ ๋๋งํ๋ ์ฝ๋์ธ๋ฐ, ์ฐ์ ์ฝ๋ ๊ฐ๋ ์ฑ์ด ๋๋ฌด ๋จ์ด์ ธ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ ์ฐพ๊ณ ์ถ์๋ค. ๐ Nesting ๋์ OR operator ๋ฅผ ์ฌ์ฉํ ๋ฆฌํด ๋ค๋ฅธ ๋ถ์ ๋ฒจ๋ก๊ทธ ๋ฅผ ํตํด ๋ค์คํ ์ด ์๋ early return ์ด๋ ๋ฐฉ๋ฒ์ ์๊ฒ ๋๋ค. (์ด๋ถ๋ ์ฃผ๋์ด ๊ฐ์๋ฐ ๊ธ์ ๊น๋ํ๊ณ ๊ฐ๋ ์ฑ์๊ฒ ์ ์ฐ์ ๋ค. ๋ฌด์๋ณด๋ค ๋ด์ฉ์ด ์ข๋ค..!!) ์ฐ์ ์ผํญ ์ฐ์ฐ์๋ก ์ฌ์ฉํ ์ฝ๋ ๋ถ๋ถ์ ์์ ๋ค๋ฅธ ์ปดํฌ๋ํธ๋ก ์์ฑํ๋ค. QuestionImg ๋ผ๋ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ์ฌ ์๋ ์ฃผ์๋ ์ฝ๋๋ฅผ ๋ฐ์ด๋ฃ์๋ค. ์ด์ ํ๋์ ๋ด๋ ์ฝ..
2021.09.13 -
210911 ๊ฐ๋ฐ๊ธฐ๋ก: React ์์ (๋์ ์ผ๋ก) ์ด๋ฏธ์ง ์ฌ์ฉํ๊ธฐ
๋ฆฌ์กํธ์์ '์ ์ '์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ๋ก๋ํ๋ ๋ฐฉ๋ฒ์ ์ด๋ ต์ง ์๋ค. ์ฌ๊ธฐ์ '์ ์ '์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์ ๋ก๋ ํ๋ค๋ ๊ฒ์, ๋๋ฉํ์ด์ง์ ๊ณ ์ ๋ ์ด๋ฏธ์ง์ฒ๋ผ ๋ฑํ ๋ณ๊ฒฝ๋ ํ์๊ฐ ์๋ (์ ์ ์ธ) ์ด๋ฏธ์ง๋ฅผ ๋ปํ๋ค. ์ฌ์ฉํ ์ด๋ฏธ์ง๋ฅผ import ํ ํ, ํด๋น ๋ณ์(poster) ๋ฅผ img ํ๊ทธ์ src์ ๋ฃ์ด์ฃผ๊ธฐ๋ง ํ๋ฉด ๋๋ค. ์ด๋ฏธ ๊ฒฝ๋ก๋ฅผ from ์์ ์ ์ธํ์ผ๋ ๊ตณ์ด src prop ์ ๊ฒฝ๋ก๋ฅผ ๋ค์ ์ธ ํ์์์ด ๋ณ์๋ง ์ฌ์ฉํ๋ฉด ๋๋ค. import poster from "../images/์ฌ์.png" ... ... ๐ React ์์ (๋์ ์ผ๋ก) ์ด๋ฏธ์ง ๋ก๋ํ๋ ๋ฐฉ๋ฒ (require(...).default) ๋์ ์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ๋ก๋ํ ๊ฒฝ์ฐ, ์ด ๋ฐฉ๋ฒ์ ๊ทธ๋ค์ง ์ข์ง ์๋ค. ๋ง์ฝ ์ํฉ์ ๋ฐ๋ผ 10๊ฐ์ ์๋ก ๋ค๋ฅธ ์ด๋ฏธ์ง๋ฅผ ๋ก๋ํด..
2021.09.13 -
210910 ๊ฐ๋ฐ๊ธฐ๋ก: JSON ์ค๋ฐ๊ฟ์ ์ต๊ณ ์ ์ ํ
https://junior-datalist.tistory.com/193 210908 ๊ฐ๋ฐ๊ธฐ๋ก: JSON ์ ์ค๋ฐ๊ฟ ๋ฌธ์ ๐ ์ํฉ JSON ๊ฐ์ฒด๋ก ๋ฐ์ ๋ฌธ์ฅ ๋ด์ฉ์ ๊ฐํ(์ค๋ฐ๊ฟ)ํ์ฌ html(jsx)์ ์ถ๋ ฅํด์ผํ๋ค. ๐ ๋ฌธ์ \n ์ด๋ \\n , ์ฌ์ง์ด ํ๊ทธ๊น์ง JSON ๋ฌธ์ฅ์ ๋ฃ์ด๋ดค์ง๋ง, ์ค ๋ฐ๊ฟ ์ฒ๋ฆฌ ์์ด ๋ชจ๋ ํ ์ค๋ก ์ถ๋ ฅ๋๋ค. โ ํด junior-datalist.tistory.com ๐ ํ๊ทธ๋ฅผ ์ฌ์ฉํ JSON ๊ฐํ์ ํ๊ณ ์ด ๋ ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ json ๋ฐ์ดํฐ์ ๊ฐํ์ ์ ์ฉํ ์ ์์๋ค. ๋ฌธ์ ๋ ํ๊ทธ๋ฅผ ์ ์ฉํ๋ฉด์ ์ฌ๋ฌ ์ฌ์ด๋์ดํํธ๊ฐ ๋ํ๋ฌ๋๋ฐ ์ฐ์ div ๋ด๋ถ ๊ธ์๊ฐ, div ๋ฅผ ๋ซ๊ณ ๋๊ฐ๊ธฐ ์์ํ๋ค. autoflow ๋ ์ ์ฉํ๊ณ ๋ณ์ง์ ๋คํ์ง๋ง ๋จ์๊ฑด ์ฒ์ฐธํ div ๋ฅผ ๋ซ๊ณ ๋๊ฐ ๊ธ์๋ค ๋ฟ์ด์๋ค..
2021.09.13 -
210909 ๊ฐ๋ฐ๊ธฐ๋ก: src์ dist ์ฐจ์ด
๐ src/ ์ dist/ ์ ์ฐจ์ด ๋ฆฌ์กํธ ๊ฐ๋ฐ์ ํ๋ฉด์ src์ dist ๊ฐ ๋์ ์์ฃผ ๋ฐํ๋ค. src ๋ source ๋ผ๊ณ ์ด๋ฆผ์ก์ ์๊ฐํ ์ ์์๋ค. ์ฐ๋ฆฌ์ ์์ค์ฝ๋๋ฅผ ์์ฑํ๋(?) ์ ๋๋ก ์ฌ๊ฒผ๋๋ฐ, dist ๋ ๋ฌด์์ธ์ง ๊ฐ์ด ์กํ์ง ์์๋ค. stackoverflow ์์ ๋์ ์ฐจ์ด๋ฅผ ์ฐพ์ ์ ์์ด ์ฝ๊ฐ์ ์์ญ์ ๊ณ๋ค์ฌ ๊ธฐ๋กํ๋ค. ๐ src/ src/ stands for source, and is the raw code before minification or concatenation or some other compilation - used to read/edit the code. src/๋ ์์ค๋ฅผ ๋ํ๋ด๋ฉฐ ์ถ์/์ฐ๊ฒฐ, ๊ธฐํ ์ปดํ์ผ ๋๊ธฐ ์ ์ ์์ ์ฝ๋๋ก, ์ฝ๋๋ฅผ ์ฝ๊ณ ํธ์งํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. (์ฆ..
2021.09.09