๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
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.
728x90
๋ฐ˜์‘ํ˜•
LIST