Lect & Tip132 ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ, ํ์ด์ฌ ์๋ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ, ํ์ด์ฌ ์ผ์ฉ์ง ์๋์ธ ์๋ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ์ผ์ฉ์ง ๊ทผ๋ก์๋ ์๊ธ์ ๊ฐ ์๋ ์ผ๊ธ์ฌ × ๊ทผ๋ฌด์ผ์๋ก ์๋์ด ๊ฒฐ์ ๋๊ธฐ ๋๋ฌธ์, ๋งค๋ฒ ์ง๊ธ ์ ์์ฒ์ง์์ธ์ก์ ์ ํํ ๊ณ์ฐํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์์์ ์ผ๋ก ๊ณ์ฐํ๋ค ๋ณด๋ฉด ์ค์๊ฐ ๋ฐ์ํ ์ ์์ผ๋ฏ๋ก, ๊ฐ๋จํ ํ์ด์ฌ ์คํฌ๋ฆฝํธ๋ฅผ ํตํด ์๋์ผ๋ก ์ธ์ก์ ์ฐ์ถํ๋ฉด ์ ๋ฌด ํจ์จ์ฑ๊ณผ ์ ํ์ฑ์ ๋์์ ๋์ผ ์ ์์ต๋๋ค. ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๋ฐฉ๋ฒ์ผ๋ก ๋ณธ ํฌ์คํ ์์๋ ์ผ์ฉ์ง ์๋์ธ ๊ณ์ฐ๊ธฐ๋ฅผ ํ์ด์ฌ์ผ๋ก ๊ตฌํํ๊ณ , 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. ์ด์ 1 2 3 4 5 6 ยทยทยท 22 ๋ค์