Lect & Tip147 ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ, ํ์ด์ฌ ์๋ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ, ํ์ด์ฌ ์ผ์ฉ์ง ์๋์ธ ์๋ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ์ผ์ฉ์ง ๊ทผ๋ก์๋ ์๊ธ์ ๊ฐ ์๋ ์ผ๊ธ์ฌ × ๊ทผ๋ฌด์ผ์๋ก ์๋์ด ๊ฒฐ์ ๋๊ธฐ ๋๋ฌธ์, ๋งค๋ฒ ์ง๊ธ ์ ์์ฒ์ง์์ธ์ก์ ์ ํํ ๊ณ์ฐํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์์์ ์ผ๋ก ๊ณ์ฐํ๋ค ๋ณด๋ฉด ์ค์๊ฐ ๋ฐ์ํ ์ ์์ผ๋ฏ๋ก, ๊ฐ๋จํ ํ์ด์ฌ ์คํฌ๋ฆฝํธ๋ฅผ ํตํด ์๋์ผ๋ก ์ธ์ก์ ์ฐ์ถํ๋ฉด ์ ๋ฌด ํจ์จ์ฑ๊ณผ ์ ํ์ฑ์ ๋์์ ๋์ผ ์ ์์ต๋๋ค. ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ์ผ๋ก ๋ณธ ํฌ์คํ ์์๋ ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๊ธฐ๋ฅผ ํ์ด์ฌ์ผ๋ก ๊ตฌํํ๊ณ , PyInstaller๋ฅผ ์ด์ฉํด exe ํ์ผ๋ก ๋ฐฐํฌํ๋ ๋ฐฉ๋ฒ๊น์ง ๋จ๊ณ๋ณ๋ก ์๋ด๋๋ฆฝ๋๋ค.์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ ๊ฐ๋ฐ ํ๊ฒฝ ๋ฐ ์ค๋น์ฌํญPython ์ค์น๊ณต์ ํํ์ด์ง(python.org)์์ Python 3.8 ์ด์ ๋ฒ์ ์ ์ค์นํด ์ฃผ์ธ์.์ค์น ์ “Add Python .. 2025. 4. 25. ํ์ด์ฌ ์ธ์คํ๊ทธ๋จ ์ฌ์ง ๋ค์ด๋ก๋ ์คํฌ๋ฆฝํธ ๋ง๋ค๊ธฐ ํ์ด์ฌ ์ธ์คํ๊ทธ๋จ ์ฌ์ง ๋ค์ด๋ก๋ ์คํฌ๋ฆฝํธ ๋ง๋ค๊ธฐ์ธ์คํ๊ทธ๋จ์ ๊ตฌ์กฐ๊ฐ ์์ฃผ ๋ฐ๋๊ณ ๊ณต์ API๋ฅผ ์ฐ๋ ค๋ฉด ์ฑ ๋ฑ๋ก ๋ฐ ํ ํฐ ๋ฐ๊ธ ์ ์ฐจ๊ฐ ํ์ํ๊ธฐ ๋๋ฌธ์, ๊ฐ์ฅ ์์ ์ ์ผ๋ก ์ฌ์ง์ ๋ค์ด๋ก๋ํ ์ ์๋ ๋ฐฉ๋ฒ์ Instaloader ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๋๋ค. ์ด ์คํฌ๋ฆฝํธ๋ ๊ณต๊ฐ ๊ณ์ ์ ๋ก๊ทธ์ธ ์์ด, ๋น๊ณต๊ฐ ๊ณ์ ์ ๋ก๊ทธ์ธ ํ์ ์ฌ์ง์ ๋ค์ด๋ก๋ํ ์ ์๋๋ก ์ค๊ณ๋์ด ์์ต๋๋ค.์๋ ์์ ๋ฅผ ์ฐธ๊ณ ํ์๊ณ , ํ์์ ๋ฐ๋ผ ์ต์ ์ ์กฐ์ ํ์ฌ ์ฌ์ฉํ์ธ์.# ๋จผ์ Instaloader ์ค์นpip install instaloaderํ์ด์ฌ ์ธ์คํ๊ทธ๋จ ์ฌ์ง ๋ค์ด๋ก๋ ์คํฌ๋ฆฝํธ ์์ค์ฝ๋#!/usr/bin/env python3# -*- coding: utf-8 -*-"""instagram_downloader.pyInstaloader๋ฅผ ์ด์ฉํด .. 2025. 4. 24. ์๋ฐ์คํฌ๋ฆฝํธ map()ํจ์, Object json key ๊ฐ ๊ฐ์ ธ์ค๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ map()ํจ์, Object json key ๊ฐ ๊ฐ์ ธ์ค๊ธฐ์๋ฐ์คํฌ๋ฆฝํธ๋ ์น ๊ฐ๋ฐ์์ ๊ฐ์ฅ ๋๋ฆฌ ์ฌ์ฉ๋๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์ค ํ๋๋ก, ๋ค์ํ ๋ฐ์ดํฐ ์กฐ์ ๋ฐ ์ฒ๋ฆฌ๋ฅผ ์ํ ๋ด์ฅ ํจ์๋ฅผ ์ ๊ณตํ๊ณ ์์ต๋๋ค. ๊ทธ ์ค์์๋ ๋ฐฐ์ด์ ํจ์จ์ ์ผ๋ก ๋ค๋ฃจ๊ธฐ ์ํ map() ํจ์์ JSON ๊ฐ์ฒด์์ ํค(key) ๊ฐ์ ์ถ์ถํ๋ ๋ฐฉ๋ฒ์ ๊ฐ๋ฐ์๋ค์ด ์์ฃผ ํ์ฉํ๋ ๊ธฐ๋ฅ์ ๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ map() ํจ์์ ๋ํ ๊ธฐ๋ณธ ๊ฐ๋ ๊ณผ ์ฌ์ฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ JSON ๊ฐ์ฒด์ ํค ๊ฐ์ ๊ฐ์ ธ์ค๋ ๋ฐฉ๋ฒ์ ๋ํด ์ฌ๋ ์๊ฒ ์์๋ณด๊ณ , ์ด๋ฅผ HTML ์บ๋ฒ์ค๋ฅผ ํ์ฉํ ์ค์ ์์ ์ ํจ๊ป ์๊ฐํ๊ณ ์ ํฉ๋๋ค.์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๊ณผ์ ์์ ๋ฐ์ดํฐ ๋ณํ๊ณผ ์กฐ์์ ๋งค์ฐ ์ค์ํ ์์ ์ ๋๋ค. ๋ฐฐ์ด์ ์ ์ฅ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ๊ณตํ์ฌ ์๋ก์ด ๋ฐฐ์ด๋ก ๋ฐํํ๊ฑฐ๋.. 2025. 3. 20. ์ ์์ผ ๊ฐ๋ฐ ํ๊ฒฝ์์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ ์ ์์ผ ๊ฐ๋ฐ ํ๊ฒฝ์์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ์ ์์ผ(Agile) ๊ฐ๋ฐ ํ๊ฒฝ์์๋ ๋น ๋ฅธ ํผ๋๋ฐฑ๊ณผ ๋ฐ๋ณต์ ์ธ ๊ฐ์ ์ด ํต์ฌ ๊ฐ์น์ ๋๋ค. ์ด๋ฌํ ํ๊ฒฝ์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ์ ๊ฐ๋ฐ ์ด๊ธฐ ๋จ๊ณ๋ถํฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฒ์ฆํ๊ณ , ๊ฐ๋ฐ์์ ๋์์ด๋ ๊ฐ์ ์ํํ ํ์ ์ ์ง์ํ๋ ์ค์ํ ์์๋ก ์๋ฆฌ ์ก๊ณ ์์ต๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ ํ๋กํ ํ์ดํ ๋๊ตฌ์ ๋ฆฌ์กํธ ์คํ ๋ฆฌ๋ถ(Storybook) ๋ฑ์ ํ์ฉํ์ฌ UI ๋์์ธ์ ์ ์ํ๊ฒ ์๊ฐํํ๊ณ ๊ฒ์ฆํ๋ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ์ด๋ฅผ ํตํ ๊ฐ๋ฐ ํ๋ก์ธ์ค์ ํ์ ์๋๋ฆฌ์ค์ ๋ํด ๊ตฌ์ฒด์ ์ผ๋ก ์ดํด๋ณด๊ฒ ์ต๋๋ค.์ ์์ผ ๊ฐ๋ฐ๊ณผ UI ํ๋กํ ํ์ดํ์ ์ค์์ฑ์ ์์ผ ๊ฐ๋ฐ์ ์งง์ ๊ฐ๋ฐ ์ฃผ๊ธฐ์ ์ง์์ ์ธ ํผ๋๋ฐฑ์ ํตํด ์ ํ์ ์ ์ง์ ์ผ๋ก ๊ฐ์ ํ๋ ๋ฐฉ์์ ๋๋ค. UI ํ๋กํ ํ์ดํ์ ์ด๋ฌํ ์ ์์ผ ๊ฐ๋ฐ.. 2025. 2. 26. React JS ๋ฐ์ดํฐํผ์ปค ์ต์/์ต๋ ๋ ์ง ์ค์ ๊ฐ์ด๋ React JS ๋ฐ์ดํฐํผ์ปค ์ต์/์ต๋ ๋ ์ง ์ค์ ๊ฐ์ด๋์ต๊ทผ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์์ ์ฌ์ฉ์ ์นํ์ ์ธ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐ ์ค์ํ ์์ ์ค ํ๋๊ฐ ๋ ์ง ์ ํ ๊ธฐ๋ฅ์ ๋๋ค. React๋ฅผ ๋น๋กฏํ ์ต์ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์์๋ ๋ค์ํ ๋ ์ง ์ ํ ์ปดํฌ๋ํธ๋ฅผ ์ ๊ณตํ๊ณ ์์ผ๋ฉฐ, ๊ทธ ์ค์์๋ JavaScript ๊ธฐ๋ฐ์ ๋ฐ์ดํฐํผ์ปค๋ ์ฌ์ฉ์๊ฐ ์ํ๋ ๋ ์ง ๋ฒ์๋ฅผ ์์ฝ๊ฒ ์ ํํ ์ ์๋๋ก ๋์์ค๋๋ค.์ค๋์ React์์ JS ๋ฐ์ดํฐํผ์ปค๋ฅผ ํ์ฉํ์ฌ ์ต์ ๋ ์ง์ ์ต๋ ๋ ์ง๋ฅผ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ๊ฒ ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค.๋ฐ์ดํฐํผ์ปค์ ํ์์ฑ๊ณผ ๊ธฐ๋ณธ ๊ฐ๋ ์น ํผ์ด๋ ์์ฝ ์์คํ , ์ผ์ ๊ด๋ฆฌ ๋ฑ ์ฌ๋ฌ ์ ํ๋ฆฌ์ผ์ด์ ์์ ๋ ์ง ์ ํ ๊ธฐ๋ฅ์ ํ์์ ์ ๋๋ค. ๋จ์ํ ์ฌ์ฉ์๊ฐ ์์์ ๋ ์ง๋ฅผ ์ ๋ ฅํ๋๋ก ๋๋ ๋์ , ๋ฏธ๋ฆฌ ์ ํด์ง ๋ฒ์ ๋ด์์.. 2025. 2. 12. ๋ฆฌ์กํธ api axios ์์ ๋ค์ด๋ก๋ ๋ฒํผ ๊ตฌํ react.JS filesaver.saveAs javascript blob response.headers ๊ฐ์์ filename์ถ์ถํ๊ธฐ ๋ฆฌ์กํธ api axios ์์ ๋ค์ด๋ก๋ ๋ฒํผ ๊ตฌํ react.JS filesaver.saveAs javascript blob response.headers ๊ฐ์์ filename์ถ์ถํ๊ธฐ๋ฆฌ์กํธ๋ก ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์๋ฒ๋ก๋ถํฐ ์์ ํ์ผ์ ๋ค์ด๋ก๋ ๋ฐ๋ ๊ธฐ๋ฅ์ ๊ตฌํํด์ผ ํ ๊ฒฝ์ฐ๊ฐ ์ข ์ข ์์ต๋๋ค. ํนํ API ํธ์ถ ์ Axios๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ค๊ณ , ๊ทธ ๋ฐ์ดํฐ๋ฅผ ํ์ผ๋ก ์ ์ฅํ๋ ๊ณผ์ ์์ ์ฌ๋ฌ ๊ฐ์ง ์ ์ฝ๊ณผ ์ด์๋ฅผ ๋ง์ฃผํ๊ฒ ๋ฉ๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ ๋ฆฌ์กํธ ํ๊ฒฝ์์ Axios๋ฅผ ํ์ฉํ์ฌ ์์ ํ์ผ ๋ค์ด๋ก๋ ๋ฒํผ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ๊ณผ ํจ๊ป, response.headers์ ํฌํจ๋ ํ์ผ๋ช ์ ์ถ์ถํ๋ ๊ผผ์์ ๋ํด ์์ธํ ๋ค๋ฃจ๊ณ ์ ํฉ๋๋ค.๋ฆฌ์กํธ ํ๋ก์ ํธ ๊ฐ์ ๋ฐ ๊ตฌํ ๋ฐฐ๊ฒฝ๋ฆฌ์กํธ๋ ๋จ์ํ ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก.. 2025. 2. 11. [React] SPA ํ์ด์ง ์ด๋ ์ ์คํฌ๋กค ๋งจ ์ ์ ์ง ํ๋ ๋ฐฉ๋ฒ [React] SPA ํ์ด์ง ์ด๋ ์ ์คํฌ๋กค ๋งจ ์ ์ ์ง ํ๋ ๋ฐฉ๋ฒ์ต๊ทผ ์น ๊ฐ๋ฐ ํธ๋ ๋์์ ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA)์ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ๊ทน๋ํํ๊ธฐ ์ํด ๋ง์ด ํ์ฉ๋๊ณ ์์ต๋๋ค. ํนํ React์ ๊ฐ์ ํ๋ก ํธ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ SPA๋ฅผ ๊ตฌ์ถํ ๋, ํ์ด์ง ๊ฐ ์ ํ์ด ๋น ๋ฅด๊ณ ๋ถ๋๋ฌ์ด ์ ํ ํจ๊ณผ๋ฅผ ์ ๊ณตํ ์ ์๋ค๋ ์ ์ด ํฐ ์ฅ์ ์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ฌํ SPA์ ํน์ฑ์ ํ์ด์ง ์ด๋ ์ ์คํฌ๋กค ์์น๊ฐ ์ด์ ํ์ด์ง์ ์์น๋ฅผ ๊ทธ๋๋ก ์ ์งํ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์์ต๋๋ค. ๋ณธ ํฌ์คํ ์์๋ React ํ๊ฒฝ์์ SPA ํ์ด์ง ์ด๋ ์ ์คํฌ๋กค์ ํญ์ ๋งจ ์๋ก ์ ์งํ๋ ๋ค์ํ ๋ฐฉ๋ฒ๊ณผ ๊ทธ ๊ตฌํ ์ฌ๋ก์ ๋ํด ์ฌ๋ ์๊ฒ ๋ค๋ฃจ์ด ๋ณด๊ฒ ์ต๋๋ค.SPA์ ์คํฌ๋กค ๋ฌธ์ ์ ์ดํดSPA๋ ํ ๋ฒ์ ๋ก๋ฉ์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฒด๋ฅผ ๋ถ๋ฌ.. 2025. 2. 10. word-break:break-all HTML ํ ์ด๋ธ์์ ์๋ ์ค ๋ฐ๊ฟ, ๋์ด ์ง์ ๋ฐฉ๋ฒ!! word-break:break-all HTML ํ ์ด๋ธ์์ ์๋ ์ค ๋ฐ๊ฟ, ๋์ด ์ง์ ๋ฐฉ๋ฒ!!๋ธ๋ก๊ทธ ํฌ์คํ ์ ํ๋ฉฐ ํ ์ด๋ธ์ ํฌ๊ธฐ ๋๋ฌธ์ ๊ณ ๋ฏผ๋์ ์ ์์ผ์์ฃ ? ๋ด๊ฐ ์ํ๋ ํ ์ด๋ธ์ ํฌ๊ธฐ๋ ๋ฑ ์ ์ ๋์ธ๋ฐ, ์นผ๋ผ(TD) ์์ ์ ๋ ฅํ ๊ธ์์ ๋ฐ๋ผ ํ ์ด๋ธ ํฌ๊ธฐ๊ฐ ๋ง์๋๋ก ๋ณ๊ฒฝ๋์ด ๋ฒ๋ฆฌ๋ฉด ์ฐธ ์์ํฉ๋๋ค. ์ค๋์ ๋ด๊ฐ ์ฌ์ฉํ๊ณ ์ ํ๋ ํฌ๊ธฐ์ ๋ง๊ฒ ์ด์ ํ ์ด๋ธ์ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ดํด๋ณด๊ฒ ์ต๋๋ค.๋จผ์ , ์์ ํ ์ด๋ธ์ ํตํด ๊ธฐ๋ณธ ์ค์ ์ ํ์ธํด๋ณด๊ฒ ์ต๋๋ค. ๋ ๊ฐ์ TD ๊ฐ์ ๊ฐ์ง๋ฉฐ ๊ฐ๊ฐ์ ๋๋น๋ฅผ 150px๋ก ์ง์ ํ ํ ์ด๋ธ์ ๋ง๋ค์ด๋ณด๊ฒ ์ต๋๋ค. 12345 12345 1234512345์ด๋ ๊ฒ ํ๋ฉด, ํ ์ด๋ธ ์์ ์๋ฌด๋ฐ ๋ด์ฉ์ด ์๊ฑฐ๋ ์ง์ ํ ์ฌ์ด์ฆ๋ณด๋ค ๊ธธ์ด๊ฐ ์์ ๋ฌธ์์ด์ด ์ ๋ ฅ๋๋ค๋ฉด, ๋ด๊ฐ.. 2024. 10. 26. [React] REST API, AXIOS๋ก ๋ฐ์์จ Array ๊ฐ์ฒด๋ฅผ mapํจ์ ํธ์ถ์ด ๋ถ๊ฐ๋ฅํ ๋ [React] REST API, AXIOS๋ก ๋ฐ์์จ Array ๊ฐ์ฒด๋ฅผ mapํจ์ ํธ์ถ์ด ๋ถ๊ฐ๋ฅํ ๋์ด ๊ธ์์๋ React๋ฅผ ์ฌ์ฉํ์ฌ REST API๋ก๋ถํฐ Axios๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ฌ ๋ ๋ฐ์ํ๋ ๋ฐฐ์ด(Array) ๊ฐ์ฒด์ map ํจ์ ํธ์ถ ์ค๋ฅ์ ๋ํด ์์ธํ ์ค๋ช ํ๊ณ , ์ด๋ฅผ ํด๊ฒฐํ๋ ๊ฐ๋จํ๋ฉด์๋ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ ์๊ฐํ๊ณ ์ ํฉ๋๋ค. ํนํ ๋น๋๊ธฐ ๋ฐ์ดํฐ ์ฒ๋ฆฌ์ ๊ด๋ จํ์ฌ Promise ๊ฐ์ฒด๊ฐ ํด๊ฒฐ๋๊ธฐ ์ ์ ์ปดํฌ๋ํธ๊ฐ ๋ ๋๋ง๋์ด ๋ฐ์ํ๋ ์ค๋ฅ์ ์์ธ๊ณผ ํด๊ฒฐ์ฑ ์ ์ค์ ์ ์ผ๋ก ๋ค๋ฃจ๋ฉฐ, ๋ก๋ฉ ์ํ ๊ด๋ฆฌ ๋ฐ ์กฐ๊ฑด๋ถ ๋ ๋๋ง์ ํ์ฉํ ์ ๊ทผ๋ฒ์ ๋ํด ์ด์ผ๊ธฐํฉ๋๋ค.๋์ ๋ถReact๋ฅผ ์ฌ์ฉํ๋ฉด์ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ ๋ ๋๋งํ๋ ๊ณผ์ ์ ๋งค์ฐ ์ผ๋ฐ์ ์ ๋๋ค. ๋ง์ ๊ฐ๋ฐ์๋ค์ด Axios๋ฅผ ์ฌ์ฉํ์ฌ REST API์ ํต์ ํ๋ฉฐ ๋ฐ์ดํฐ.. 2024. 10. 18. ์ด์ 1 2 3 4 5 6 7 ยทยทยท 17 ๋ค์