728x90 ๋ฐ์ํ IT/Etc3 gitlab ssh key ๋ฑ๋ก ๋ฐฉ๋ฒ (credential store์ ๋น๊ต) gitlab ๊ฐ์gitlab์ ์ํํธ์จ์ด ๊ฐ๋ฐ ํ์ด ์ ํ์ ๊ณํ, ์ฝ๋ํ, ํ ์คํธ, ๋ฐฐํฌ ๋ฐ ๋ชจ๋ํฐ๋งํ๋๋ฐ ๋์์ด ๋๋ ์น ๊ธฐ๋ฐ ๋ฐ๋ธ์ต์ค ํ๋ซํผ์ ๋๋ค. ssh ๊ฐ์๋ณด์ ์ ํ๋กํ ์ฝ์ ์ฝ์๋ก ๋ณด์๋์ง ์์ ๋คํธ์ํฌ์์ ๋คํธ์ํฌ ์๋น์ค๋ฅผ ์์ ํ๊ฒ ์ด์ํ๊ธฐ ์ํ ์ํธํ ๋คํธ์ํฌ ํ๋กํ ํจ ์ ๋๋ค.๊ณต๊ฐ ํค ์ํธํ๋ฅผ ์ฌ์ฉํ์ฌ ์๊ฒฉ ์ปดํจํฐ๋ฅผ ์ธ์ฆํฉ๋๋ค. ์ ์ฉํ๊ฒ ๋ ์ด์ gitlab์์ ์์ค๋ฅผ ํด๋ก ํ์ฌ push, pull ๋ฑ๋ฑ ์ฌ์ฉ ์ username, password๋ฅผ ์๊ตฌ๋ฅผ ํ๋ค.๊ณ์๋๋ ๋ฐ๋ณต์์ ์ ๊ฒฐ๊ตญ ๊ท์ฐฎ๋ค๋ ์๊ฐ๋ง ๋จ๊ฒ ๋์๋ค.๋งค๋ฒ ์ ๋ ฅํ์ง ์๊ณ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๊ฒ์ํด๋ณด๋ ์ฌ๋ฌ ๋ฐฉ๋ฒ๋ค์ด ๋์ค๋๊ฒ์ ํ์ธํ๋ค.๊ฒ์ํ ๊ฒฐ๊ณผ ์ค ๋๊ฐ์ง ๋ฐฉ๋ฒ์ ์๋ํด๋ณด๋ ค๊ณ ํ๋ค๋ชฉ์ ์ ์ถ๊ฐ ์ ๋ ฅ์์ด git ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ๋๊ฒ์ด๊ณ ๊ทธ ๋ชฉ.. 2024. 9. 3. React + PWA Tutorial (notifications,push) PWA๋ ํ๋ก๊ทธ๋ ์๋ธ ์น ์ฑ(Progressive Web Apps)์ ์น ์ฑ๊ณผ ๋ค์ดํฐ๋ธ ์ฑ์ ์ฅ์ ์ ๋ชจ๋ ์ ๊ณตํ๋, ๋ณด๋ค ๋ฐ์ ๋ ํํ์ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ์ด๋ป๊ฒ ๊ฐ๋ฐ ํ ์ ์๋๊ฐ์ ๋ํ ๋ ผ์์ด์ ๊ฐ๋ฐ ์ฒ ํ์ ๋งํ๋ค. Google I/O 2016์์ ์ฒ์ ์๊ฐ๋์๊ณ ์ค์ฌ์ PWA๋ผ๊ณ ๋ถ๋ฅธ๋ค Notifications const randomNotification = () => { const notifTitle = "Title"; const notifBody = "Body"; const notifImg = imgUrl; const options = { body: notifBody, icon: notifImg, }; new Notification(notifTitle, options); setTimeout(ran.. 2023. 6. 21. ESLint + Prettier + React ํ๊ฒฝ ์ค์ ESLint๋ Javascript ์ฝ๋์์ ๋ฐ๊ฒฌ๋๋ ๋ฌธ์ ์ ๋๋ ํจํด๋ค์ ์๋ณํ๊ธฐ ์ํ ์ ์ ์ฝ๋ ๋ถ์ ๋๊ตฌ์ด๋ค. - ์ํค๋ฐฑ๊ณผ 1. ์ผ๊ด๋ ์คํ์ผ ์ ์ง 2. ์๋ชป๋ ์ฝ๋ ์๋ฌ ํ์ 3. ๋ค์ํ ํ๋ฌ๊ทธ์ธ ์ง์ ์ฝ๋๋ฅผ ์ด์๊ฒ ์ ์งํด์ฃผ๊ณ ์ผ๊ด๋ ์ฝ๋๋ฅผ ์ ์งํ๊ฒ ํด์ค๋๋ค. Prettier ๋ Code Formatter์ด๋ค. ๊ฐ๋ฐ์๋ง๋ค ๋ค๋ฅธ ๋ฐฉ์์ ์ฝ๋ฉ์ ์ผ๊ด๋ ๋ฐฉ์์ผ๋ก ์คํ์ผ์ ์ ์งํ ์ ์๊ฒ ํด์ด๋ค. 1. ์ผ๊ด๋ ์คํ์ผ ์ ์ฉ 2. ๊ฐ๋ ์ฑ ์ฆ๊ฐ 3. ๊ฐ๋ฐ์๋ ํฅ์ Install yarn add -D eslint prettier eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks eslint-config-prettier eslint-plugin-pr.. 2023. 1. 11. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ LIST