+ it ops aws ec2 [AWS] ๐ EC2 ์ธ๋ถ ์ ์(SSH) 5๊ฐ์ง ๋ฐฉ๋ฒ - PuTTy / FileZilla / MobaXtermEC2 ์ธ๋ถ ์ ์ํ๊ธฐ [PuTTy] ๊ฐ์ฅ ์ ๋ช ํ๊ณ ๋ง์ด ์ฌ์ฉํ๋ ๋ฆฌ๋ ์ค(SSH) ์ ์ ํด์ธ Putty๋ฅผ ์ด์ฉํด์ EC2 ์ธ์คํด์ค์ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์. ํ์ํ ์ค๋น๋ฌผ์ Putty์ Puttygen ๋ ๊ฐ์ง์ด๋ค. Puttygen์ ์์์ ๋ค์ดํ .pem(ํคํ์ด)๋ฅผ .ppk๋ก ๋ง๋ค๊ธฐ ์ํจ์ด๊ณ , putty๋ ๋ง๋ค์ด์ง .ppk๋ฅผ ๊ฐ์ง๊ณ ์๋ฒ๋ฅผ ์คํํ๊ธฐ ์ํจ์ด๋ค. 1. PuTTy ๋ค์ด PuTTY ์ค์น ๋ฐ ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ์ ๋ฐ๋ก ํฌ์คํ ํด๋์๋ค. [PuTTy] ๐ฟ ์ค์น ๋ฐ ์ฌ์ฉ๋ฒ PuTTY SSH ํ๋กํ ์ฝ์ ์นํธ์คํ ์ ์ด์ฉํ๊ฑฐ๋, ๋ฆฌ๋ ์ค์๋ฒ์ ์ ์ํ๊ธฐ ์ํ์ฌ ์ฌ์ฉํ๋ ์๊ฒฉ์ ์ ํด์ด๋ค. โ PuTTY๋ ๋ฆฌ๋ ์ค๋ ์ ๋์ค ๊ณ์ด์ ์๋ฒ์ ์๊ฒฉ์ผ๋ก ์ ์ํ ์ ์๋ ํด๋ผ์ด์ธํธ ํ๋ก๊ทธ๋จ inpa.tistory.com 2. P.. wono | discuss | tweet + it dev springboot jsp [Spring Boot] SpringBoot์์ JSP ์ฌ์ฉํ๊ธฐSpring Framework๊ฐ ์๋ Spring Boot์์ JSP ์ฌ์ฉํ๊ธฐ Spring Framework์์๋ ๋ทฐ(View)๋ก JSP ํ์ผ์ ์ฌ์ฉํ์๋ค. (Maven ํ๋ก์ ํธ ์์ฑ ์ ์๋ webapp์ผ๋ก ์ค์ ํ๋ฉด์ ํด๋น ํด๋์ view ํด๋๋ฅผ ํตํด JSP๋ฅผ ์ฌ์ฉํ๋ค) https://kcode-recording.tistory.com/312 [Spring] IntelliJ์์ Spring Framework Project ์์ฑ ๋ฐ ์ค์ (Maven) Maven ํ๋ก์ ํธ ์์ฑ์ ์ด์ฉํด Spring Framwork ํ๋ก์ ํธ ์์ฑํ๊ธฐ ์ธํ ๋ฆฌ์ ์ด์์ Spring Framework ํ๋ก์ ํธ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ณ ์ ํ๋ค ๊ธฐ์กด์๋ Spring Boot๋ง ์ฌ์ฉํ์ฌ start.spring.io ์ฌ์ดํธ๋ฅผ ์ด์ฉ kcode.. wono | discuss | tweet + it dev spring [Cinemagram] ๊ณตํต๊ธฐ๋ฅ์ ๋ฌถ์ด๋ณด์ AOP, ๋ง์ง๋ง ํ์ธ - (16)์ด๋ฒ ํฌ์คํ ์ Cinemagram์ ๋ง์ง๋งํฌ์คํ ์ ๋๋ค.๋ฌผ๋ก , ๊ณ์ํด์ ๋ฆฌํฉํฐ๋ง ํ๊ฑฐ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ ์์ ์ด์ง๋ง ์ฐ์ ์ด๋ ๊ฒ ๋ง์ ๋ด๋ฆฌ๊ณ ์ถํ์ ์์ ์ ํด์ ์ฌ๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค.ย AOP๋?Aspect Oriented Programming์ ์ฝ์๋ก ๊ด์ ์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ๋๋ค.ย ๊ทธ๋ ๋ค๊ณ ๊ฐ์ฒด์งํฅํ๋ก๊ทธ๋๋ฐ์ ๋ฒ๋ฆฌ๊ฒ ๋ค๋ ๊ฒ์ด ์๋๋ผ ์ถ๊ฐ๋ก ์ ์ฉ ๊ฐ๋ฅํฉ๋๋ค.ย ์๋ฅผ ๋ค์ด๋ณด๊ฒ ์ต๋๋ค.ย ๋ก๊ทธ์ธ ๊ธฐ๋ฅ, ํ์๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์ ํ ๋ ๋ก์ง์ ๊ธฐ์ ํด ๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.ํต์ฌ๊ธฐ๋ฅ๋ก๊ทธ์ธ ๋ก์งํ์๊ฐ์ ๋ก์ง1. username, password์ ๋ ฅ1. username, password, email, name์ ๋ ฅ2. DB์ SELECT์ฟผ๋ฆฌ ๋ณด๋2. DB์ INSERTํจ3. ๋ก๊ทธ์ธ(์ธ์ )ย ย ๋ ๊ธฐ๋ฅ์ ํต์ฌ๊ธฐ๋ฅ์ ๋ค๋ฅด๊ฒ ์ง๋ง ๊ณตํต์ ์ผ๋ก.. wono | discuss | tweet + it dev spring Spring Boot: ์คํ๋ง ๋ถํธ ๊ณตํต ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ตฌ์ถํ๊ธฐ (๊ณตํต ๋ชจ๋)์ํํธ์จ์ด ๊ฐ๋ฐ ์ธ๊ณ์์ DRY(Do not Repeat Yourself) ์์น์ ํจ์จ์ ์ธ ์ฝ๋ฉ์ ํต์ฌ์ ๋๋ค. ์ค๋ ํํธ์ ๋ฐ์ด๋ธ ํ ๋ง์ค๊ฐ ๊ทธ๋ค์ ๊ธฐ๋ ๋น์ ์ธ ์ฑ "The Pragmatic Programmer"์์ ๋ง๋ค์ด๋ธ DRY ์์น์ ์ฝ๋๋ฒ ์ด์ค ๋ด์ ๋ฐ๋ณต์ ์ค์ด๋ ๊ฒ์ ์ค์์ฑ์ ๊ฐ์กฐํฉ๋๋ค. ์ด ์์น์ ์ค์ํจ์ผ๋ก์จ ๊ฐ๋ฐ์๋ ์ค๋ณต์ ์ต์ํํ๊ณ ์ค๋ฅ ๋ฐ์ ๊ฐ๋ฅ์ฑ์ ์ค์ด๋ฉฐ ์ฝ๋๋ฅผ ๋ ์ ์ง ๋ณด์ํ๊ธฐ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.ย DRY ์์น์ด ๋น์ ๋ฐํ๋ ์ผ๋ฐ์ ์ธ ์๋๋ฆฌ์ค๋ ๋ง์ดํฌ๋ก์๋น์ค ์ํคํ ์ฒ์ ๊ฐ๋ฐ์ ๋๋ค. ๋ง์ดํฌ๋ก์๋น์ค๋ ์ฌ๋ฌ ์๋น์ค๊ฐ ์ ์ฌํ ๊ธฐ๋ฅ์ ๊ณต์ ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ์ ์ ํธ๋ฆฌํฐ ํจ์, ๋ณด์ ๊ตฌ์ฑ, ์์ธ ์ฒ๋ฆฌ, ๊ณตํต ๋น์ฆ๋์ค ๋ก์ง ๋ฑ ๋ค์ํฉ๋๋ค. ์ด๋ฌํ ์ฝ๋๋ฅผ ์ฌ๋ฌ ์๋น์ค์ ์ค๋ณต์ํค๋ ๋์ ,.. wono | discuss | tweet + it plan erp ERP ๊ตฌํ ์ ์ง์ฌ๋ก์ ํผํด์ผ ํ ๋ฆฌ์คํฌ | SAPSAP์ ๋น์ฆ๋์ค ๋ฆฌ๋๋ฅผ ์ํ ์ ์ง์ฌ๋ก ๊ฐ์ด๋๋ก ERP ๊ตฌํ์ ์์ ์๊ฒ ํ์ํ์ธ์. ๋จ๊ณ์ ์ผ๋ก ํํ ๋ฐ์ํ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ณ ์ด์ ์ ๋ ๋นจ๋ฆฌ ์คํํ์ธ์. wono | discuss | tweet + ์ฌ์ ์์ ์ฑ ์ํ ํ์ฅํ ์์์ฉํ ๋ ์ผ ๋๋งํ ์คํธํด์ธ๊ท๊ฒฉ์ธ์ฆํ๋์ง์์ฌ์ , ์์ถ๋ฐ์ฐ์ฒ์ฌ์ , ๊ณต๊ณต๊ธฐ๊ด ๋ฐ ์ง์์ฒด ์ง์ ์ํ๊ธฐ๊ด ์ต๋ค ์ธ์ฆ์ค์ ๋ณด์ . wono | discuss | tweet + ์ฐ์ ํ์ฅํ ์์ฝ์ฒญ ์ํ๊ธฐ๊ด ์ํ์์ฝํ์์ ์ฒ>ํตํฉ๊ฒ์ | ์ํ์์ฝํ์์ ์ฒ์ํ์์ฝํ์์ ์ฒ ํฌ๋ง์ ์์๋ wono | discuss | tweet + ์ฐ์ ๊ฐ๋ฐ ์์ฐ ์ ๋ฌด AI ํ์ฉํ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๊ณผ ํ๋กฌํํธ ํ ์ ๋ฆฌ | ์์ฆIT์ธ๊ณต์ง๋ฅ(AI) ๊ธฐ์ ์ ๋ฐ์ ์ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ๋ง์ ์ํฅ์ ๋ฏธ์น๊ณ ์์ต๋๋ค. ์ด์ ๋ฐ๋ผ ๊ฐ๋ฐ์๋ ๋ค์ํ AI ๋๊ตฌ๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ฐ ์์ฐ์ฑ์ ๋ํญ ํฅ์์ํฌ ์ ์๊ฒ ๋์์ฃ . ํ์ง๋ง ๋ฐ๋๋ก ์ด๋ฌํ ํ๋ฆ์ ์ ์ํ์ง ๋ชปํ๋ฉด ์ ์ฐจ ๋ํ๋ ์๋ ์๋ค๋ ์ฐ๋ ค๊ฐ ์์ต๋๋ค. ์ด๋ฒ ๊ธ์์๋ AI๋ฅผ ํ์ฉํ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๊ณผ ๊ด๋ จํด, ์น ๊ฐ๋ฐ ํ๋ก์ ํธ ๊ฐ ๋จ๊ณ์์ ํ์ฉํ ์ ์๋ AI ๋๊ตฌ์ ํ๋กฌํํธ ํ์ ๋ํด ์ ๋ฆฌํด ๋ณด์์ต๋๋ค. wono | discuss | tweet + ์์ฐ ์ ๋ฌด ์ก๊ธฐ ์ง์ํ๊ธฐ ์ซ์ด์ง๋ IT ์ฑ์ฉ ๊ณต๊ณ ์ 7๊ฐ์ง ๋ฌธ์ ์ | ์์ฆIT์ค์ IT ์ฑ์ฉ ์์ฅ์๋ ์ ํฉํ ์ฌ๋์ ๊ตฌํ๊ธฐ ์ด๋ ต๋ค๋ ํํ์ด ๋ง๋ค. ๊ทธ๋ฐ๋ฐ ๊ฐํน ๊ทธ ์ด๋ ค์์ ์ด์ ๊ฐ ๋ณด์ด๋ ์ฑ์ฉ ๊ณต๊ณ ๋ฅผ ๋ง๋๊ธฐ๋ ํ๋ค. ์ฌ์ง์ด ์ต๊ทผ ๋ณธ ์ด๋ค ๊ณต๊ณ ๋ ๋ด๋น ์ ๋ฌด ํญ๋ชฉ์ ์ฑ์ฐ์ง ์์, โ์์ธ๋ด์ฉ์ ์ ๋ ฅํ์ธ์โ ๋ฌธ๊ตฌ๊ฐ ๊ทธ๋๋ก ๋ ธ์ถ๋๊ณ ์์๋ค. ๋ด๋น ์ ๋ฌด ํญ๋ชฉ์ ๊ตฌ์ง์์ ์ง์ ์ฌ๋ถ๋ฅผ ๊ฒฐ์ ํ ๋งค์ฐ ์ค์ํ ์ ๋ณด๋ค. ์ด๋ฐ ์ฑ์ ์๋ ์ฑ์ฉ ๊ณต๊ณ ๋ ์ ํฉํ ์ธ์ฌ๋ฅผ ๋ง๋ ๊ฐ๋ฅ์ฑ์ ๋จ์ด๋จ๋ฆด๋ฟ๋๋ฌ ํ์ฌ์ ๋ํ ์ธ์๊น์ง ๋์๊ฒ ๋ง๋ ๋ค. ์ด๋ฒ ๊ธฐํ์ ์ค์ IT ๊ธฐ์ ์ฑ์ฉ ๊ณต๊ณ ์ ๋์ ์ฌ๋ก๋ค์ ์ดํด๋ณด๊ณ ๊ทธ์ ๋ํ ์ฒ๋ฆฌ ๋ฐฉ์์ ์ ์ํ๋ ค๊ณ ํ๋ค. ์ค์ IT ๊ธฐ์ ์์ ์ธ์ฌ๋ฅผ ๋ด๋นํ๊ฑฐ๋ ๊ด๋ จ ์๋ ๋ถ๋ค์ด ์ฃผ๋ชฉํ๋ฉด ์ข๊ฒ ๋ค. ์์ธ๋ฌ IT ์ง๊ตฐ ๊ตฌ์ง์๋ค๋ ์ํ๋ ์ผ์๋ฆฌ๋ฅผ ์ป๋ ๋ฐ ๋์์ ์ป๊ธธ ๋ฐ๋๋ค. wono | discuss | tweet + it dev react state ๋ฆฌ์กํธ ์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ? ใดใด ์ ๋ URL๋ง ์๋๋ค๋ฆฌ์กํธ๋ก ๊ฐ๋ฐํ๋ฉด ๋นผ๋์ ์ ์๋๊ฒ ์ ์ญ ์ํ ๊ด๋ฆฌ์ฃ . ๋ญ ์์ํ๊ฒ UI์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ผ ํ๋ค๋ ๋ญ๋ ํด๋, ์ ์ชฝ์์ ์ฐ๊ณ ์๋ ์ํ๋ฅผ ์ด์ชฝ์์ ๋ฐ๊ฟ์ผ ํ๋ ์ผ์ ๊ผญ ์๊น๋๋ค.๊ทธ๋์ ์ด์ ์ ์ญ์ํ๋ฅผ url๋ก ๊ด๋ฆฌํ๋๋ฒ์ ์๊ฐํฉ๋๋ท!! wono | discuss | tweet + it dev shadcnui admin GitHub - josevcarvalho/nextjs-app-cms-ecommerce: CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e ZodCMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod - josevcarvalho/nextjs-app-cms-ecommerce wono | discuss | tweet + it dev awesome shadcnui GitHub - bytefer/awesome-shadcn-ui: A curated list of awesome things related to shadcn/ui.A curated list of awesome things related to shadcn/ui. - bytefer/awesome-shadcn-ui wono | discuss | tweet + it dev shadcnui nextjs GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet + it dev react scroll ๊ฐ์ํ ํ์ฌ ๋ ๋์ ๋ฌดํ์คํฌ๋กค ๊ตฌํํ๊ธฐ | ou9999.dev์ค๋์์ง๊ณผ ๊ฐ์ ๋ฌดํ์คํฌ๋กค ๊ตฌํ ๊ณผ์ ๊ณผ ํ๊ธฐ wono | discuss | tweet + it dev react context [React.js] Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐContext API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์ ๋ฆฌํด๋ณธ๋ค.Context API๋ฅผ ์ด์ฉํ๋ฉด ๋ฐ๋ก ํจํค์ง๋ฅผ ์ค์นํ์ง ์๊ณ ๋ ์ ์ญ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ค.ย Context API๊ฐ๋ ์ปดํฌ๋ํธ ํธ๋ฆฌ์์ ์ ์ญ ์ํ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ๊ณต์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ API์ด ๋ฐฉ๋ฒ์ ์ด์ฉํ๋ฉด,ย ํ๋กญ ๋๋ฆด๋ง(Props Drilling)์ ํผํ ์ ์๋ค.ย ๋ฐฉ๋ฒโ context ํ์ผ ์์ฑํ๊ธฐ์ ์ญ์ผ๋ก ์ฌ์ฉํ ์ํ๋ฅผ ์ ์ํ๋ @Context.js@ ํ์ผ์ ์์ฑํ๋ค.ย ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context ์์ฑํ๊ธฐco.. wono | discuss | tweet + it dev react zustand Zustand ํต์ฌ ์ ๋ฆฌZustand(์ฃผ์คํ ๋)๋ ์๊ณ ๋น ๋ฅด๋ฉฐ ํ์ฅ ๊ฐ๋ฅํ React ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ ์ํ ๊ด๋ฆฌ(Store) ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. wono | discuss | tweet + it dev shadcnui [๋ฒ์ญ] shadcn/ui ์ ํด๋ถ์ฌํด ์๋ฐ์คํฌ๋ฆฝํธ ์ํ๊ณ๋ฅผ ๋์๋ค๋๋ค ๋ณด๋ฉด shadcn/ui๋ผ๋ ํฅ๋ฏธ๋ก์ด UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ํ์ ๊ฒ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ npm ํจํค์ง๋ก ๋ฐฐํฌ๋์ง ์๊ณ , CLI๋ฅผ ํตํด ์ปดํฌ๋ํธ์ ์์ค ์ฝ๋๋ฅผ ํ๋ก์ ํธ์ ํฌํจํ๋ ๋ฐฉ์์ผ๋ก ์ ๊ณต๋ฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ ์์๋ shadcn/ui์ ๊ณต์ ์น ์ฌ์ดํธ ๋ด์ ์ด๋ฌํ ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ฒ ๋ ์ด์ ์ ๋ํด์ ์์ฑํ์์ต๋๋คโฆ wono | discuss | tweet + it dev typescript props Next.js์์ ํ์ ์คํฌ๋ฆฝํธ์ ํจ๊ปํ๋ ํจ์ํ ์ปดํฌ๋ํธ์ ๋ชจ๋ ๊ฒํจ์ํ ์ปดํฌ๋ํธ๋ ๋ฆฌ์กํธ ๊ฐ๋ฐ์์ ๊ฐ๋ ์ฑ ๋๊ณ ๊ฐ๊ฒฐํ ์ฝ๋ ๊ตฌ์กฐ๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด ๊ธ์์๋ Next.js ํ๊ฒฝ์์ ์๋ฐ์คํฌ๋ฆฝํธ์ ES6 ํ์ดํ ํจ์๋ฅผ ์ฌ์ฉํ ํจ์ํ ์ปดํฌ๋ํธ์ ๊ตฌ์กฐ, ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ ์์ฑ ์ ์ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ํจ์ํ ์ปดํฌ๋ํธ์ ์ฌ๋ฌ ๊ตฌ์ฑ ์์ ๋ฐ ๋ฐฉ์์ ๋ํด ์์๋ด ๋๋ค. wono | discuss | tweet + it dev react nextjs 05. React ๊ธฐ๋ณธ ์ฌํญ: ๊ตฌ์ฑ ์์, ์ํ ๋ฐ Props ์ต์ React์ Next.js ์น ๊ฐ๋ฐ ํํ ๋ฆฌ์ผ๊ณผ ์๋ฃ๋ฅผ ์ฐพ๊ณ ๊ณ์ ๊ฐ์? ReactNext-Central์์ ํ์ํ ๋ชจ๋ ์ ๋ณด์ ๊ฐ์ด๋๋ฅผ ํ์ธํ์ธ์. ๋ฐ๋ก ๋ฐฉโฆ wono | discuss | tweet + it dev javascript problems Feature Request: Show all errors and warnings in project for all JavaScript and TypeScript files, not just opened ones ยท Issue #13953 ยท microsoft/vscodeI am using VS Code on a project at work that has hundreds of files and many layers of nested sub-directories. I frequently make changes that break many files, such as changing the call signature of a commonly used method. Since the proje... wono | discuss | tweetNext
+ it ops aws ec2 [AWS] ๐ EC2 ์ธ๋ถ ์ ์(SSH) 5๊ฐ์ง ๋ฐฉ๋ฒ - PuTTy / FileZilla / MobaXtermEC2 ์ธ๋ถ ์ ์ํ๊ธฐ [PuTTy] ๊ฐ์ฅ ์ ๋ช ํ๊ณ ๋ง์ด ์ฌ์ฉํ๋ ๋ฆฌ๋ ์ค(SSH) ์ ์ ํด์ธ Putty๋ฅผ ์ด์ฉํด์ EC2 ์ธ์คํด์ค์ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์. ํ์ํ ์ค๋น๋ฌผ์ Putty์ Puttygen ๋ ๊ฐ์ง์ด๋ค. Puttygen์ ์์์ ๋ค์ดํ .pem(ํคํ์ด)๋ฅผ .ppk๋ก ๋ง๋ค๊ธฐ ์ํจ์ด๊ณ , putty๋ ๋ง๋ค์ด์ง .ppk๋ฅผ ๊ฐ์ง๊ณ ์๋ฒ๋ฅผ ์คํํ๊ธฐ ์ํจ์ด๋ค. 1. PuTTy ๋ค์ด PuTTY ์ค์น ๋ฐ ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ์ ๋ฐ๋ก ํฌ์คํ ํด๋์๋ค. [PuTTy] ๐ฟ ์ค์น ๋ฐ ์ฌ์ฉ๋ฒ PuTTY SSH ํ๋กํ ์ฝ์ ์นํธ์คํ ์ ์ด์ฉํ๊ฑฐ๋, ๋ฆฌ๋ ์ค์๋ฒ์ ์ ์ํ๊ธฐ ์ํ์ฌ ์ฌ์ฉํ๋ ์๊ฒฉ์ ์ ํด์ด๋ค. โ PuTTY๋ ๋ฆฌ๋ ์ค๋ ์ ๋์ค ๊ณ์ด์ ์๋ฒ์ ์๊ฒฉ์ผ๋ก ์ ์ํ ์ ์๋ ํด๋ผ์ด์ธํธ ํ๋ก๊ทธ๋จ inpa.tistory.com 2. P.. wono | discuss | tweet
+ it dev springboot jsp [Spring Boot] SpringBoot์์ JSP ์ฌ์ฉํ๊ธฐSpring Framework๊ฐ ์๋ Spring Boot์์ JSP ์ฌ์ฉํ๊ธฐ Spring Framework์์๋ ๋ทฐ(View)๋ก JSP ํ์ผ์ ์ฌ์ฉํ์๋ค. (Maven ํ๋ก์ ํธ ์์ฑ ์ ์๋ webapp์ผ๋ก ์ค์ ํ๋ฉด์ ํด๋น ํด๋์ view ํด๋๋ฅผ ํตํด JSP๋ฅผ ์ฌ์ฉํ๋ค) https://kcode-recording.tistory.com/312 [Spring] IntelliJ์์ Spring Framework Project ์์ฑ ๋ฐ ์ค์ (Maven) Maven ํ๋ก์ ํธ ์์ฑ์ ์ด์ฉํด Spring Framwork ํ๋ก์ ํธ ์์ฑํ๊ธฐ ์ธํ ๋ฆฌ์ ์ด์์ Spring Framework ํ๋ก์ ํธ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ณ ์ ํ๋ค ๊ธฐ์กด์๋ Spring Boot๋ง ์ฌ์ฉํ์ฌ start.spring.io ์ฌ์ดํธ๋ฅผ ์ด์ฉ kcode.. wono | discuss | tweet
+ it dev spring [Cinemagram] ๊ณตํต๊ธฐ๋ฅ์ ๋ฌถ์ด๋ณด์ AOP, ๋ง์ง๋ง ํ์ธ - (16)์ด๋ฒ ํฌ์คํ ์ Cinemagram์ ๋ง์ง๋งํฌ์คํ ์ ๋๋ค.๋ฌผ๋ก , ๊ณ์ํด์ ๋ฆฌํฉํฐ๋ง ํ๊ฑฐ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ ์์ ์ด์ง๋ง ์ฐ์ ์ด๋ ๊ฒ ๋ง์ ๋ด๋ฆฌ๊ณ ์ถํ์ ์์ ์ ํด์ ์ฌ๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค.ย AOP๋?Aspect Oriented Programming์ ์ฝ์๋ก ๊ด์ ์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ๋๋ค.ย ๊ทธ๋ ๋ค๊ณ ๊ฐ์ฒด์งํฅํ๋ก๊ทธ๋๋ฐ์ ๋ฒ๋ฆฌ๊ฒ ๋ค๋ ๊ฒ์ด ์๋๋ผ ์ถ๊ฐ๋ก ์ ์ฉ ๊ฐ๋ฅํฉ๋๋ค.ย ์๋ฅผ ๋ค์ด๋ณด๊ฒ ์ต๋๋ค.ย ๋ก๊ทธ์ธ ๊ธฐ๋ฅ, ํ์๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์ ํ ๋ ๋ก์ง์ ๊ธฐ์ ํด ๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.ํต์ฌ๊ธฐ๋ฅ๋ก๊ทธ์ธ ๋ก์งํ์๊ฐ์ ๋ก์ง1. username, password์ ๋ ฅ1. username, password, email, name์ ๋ ฅ2. DB์ SELECT์ฟผ๋ฆฌ ๋ณด๋2. DB์ INSERTํจ3. ๋ก๊ทธ์ธ(์ธ์ )ย ย ๋ ๊ธฐ๋ฅ์ ํต์ฌ๊ธฐ๋ฅ์ ๋ค๋ฅด๊ฒ ์ง๋ง ๊ณตํต์ ์ผ๋ก.. wono | discuss | tweet
+ it dev spring Spring Boot: ์คํ๋ง ๋ถํธ ๊ณตํต ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ตฌ์ถํ๊ธฐ (๊ณตํต ๋ชจ๋)์ํํธ์จ์ด ๊ฐ๋ฐ ์ธ๊ณ์์ DRY(Do not Repeat Yourself) ์์น์ ํจ์จ์ ์ธ ์ฝ๋ฉ์ ํต์ฌ์ ๋๋ค. ์ค๋ ํํธ์ ๋ฐ์ด๋ธ ํ ๋ง์ค๊ฐ ๊ทธ๋ค์ ๊ธฐ๋ ๋น์ ์ธ ์ฑ "The Pragmatic Programmer"์์ ๋ง๋ค์ด๋ธ DRY ์์น์ ์ฝ๋๋ฒ ์ด์ค ๋ด์ ๋ฐ๋ณต์ ์ค์ด๋ ๊ฒ์ ์ค์์ฑ์ ๊ฐ์กฐํฉ๋๋ค. ์ด ์์น์ ์ค์ํจ์ผ๋ก์จ ๊ฐ๋ฐ์๋ ์ค๋ณต์ ์ต์ํํ๊ณ ์ค๋ฅ ๋ฐ์ ๊ฐ๋ฅ์ฑ์ ์ค์ด๋ฉฐ ์ฝ๋๋ฅผ ๋ ์ ์ง ๋ณด์ํ๊ธฐ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.ย DRY ์์น์ด ๋น์ ๋ฐํ๋ ์ผ๋ฐ์ ์ธ ์๋๋ฆฌ์ค๋ ๋ง์ดํฌ๋ก์๋น์ค ์ํคํ ์ฒ์ ๊ฐ๋ฐ์ ๋๋ค. ๋ง์ดํฌ๋ก์๋น์ค๋ ์ฌ๋ฌ ์๋น์ค๊ฐ ์ ์ฌํ ๊ธฐ๋ฅ์ ๊ณต์ ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ์ ์ ํธ๋ฆฌํฐ ํจ์, ๋ณด์ ๊ตฌ์ฑ, ์์ธ ์ฒ๋ฆฌ, ๊ณตํต ๋น์ฆ๋์ค ๋ก์ง ๋ฑ ๋ค์ํฉ๋๋ค. ์ด๋ฌํ ์ฝ๋๋ฅผ ์ฌ๋ฌ ์๋น์ค์ ์ค๋ณต์ํค๋ ๋์ ,.. wono | discuss | tweet
+ it plan erp ERP ๊ตฌํ ์ ์ง์ฌ๋ก์ ํผํด์ผ ํ ๋ฆฌ์คํฌ | SAPSAP์ ๋น์ฆ๋์ค ๋ฆฌ๋๋ฅผ ์ํ ์ ์ง์ฌ๋ก ๊ฐ์ด๋๋ก ERP ๊ตฌํ์ ์์ ์๊ฒ ํ์ํ์ธ์. ๋จ๊ณ์ ์ผ๋ก ํํ ๋ฐ์ํ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ณ ์ด์ ์ ๋ ๋นจ๋ฆฌ ์คํํ์ธ์. wono | discuss | tweet
+ ์ฌ์ ์์ ์ฑ ์ํ ํ์ฅํ ์์์ฉํ ๋ ์ผ ๋๋งํ ์คํธํด์ธ๊ท๊ฒฉ์ธ์ฆํ๋์ง์์ฌ์ , ์์ถ๋ฐ์ฐ์ฒ์ฌ์ , ๊ณต๊ณต๊ธฐ๊ด ๋ฐ ์ง์์ฒด ์ง์ ์ํ๊ธฐ๊ด ์ต๋ค ์ธ์ฆ์ค์ ๋ณด์ . wono | discuss | tweet
+ ์ฐ์ ํ์ฅํ ์์ฝ์ฒญ ์ํ๊ธฐ๊ด ์ํ์์ฝํ์์ ์ฒ>ํตํฉ๊ฒ์ | ์ํ์์ฝํ์์ ์ฒ์ํ์์ฝํ์์ ์ฒ ํฌ๋ง์ ์์๋ wono | discuss | tweet
+ ์ฐ์ ๊ฐ๋ฐ ์์ฐ ์ ๋ฌด AI ํ์ฉํ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๊ณผ ํ๋กฌํํธ ํ ์ ๋ฆฌ | ์์ฆIT์ธ๊ณต์ง๋ฅ(AI) ๊ธฐ์ ์ ๋ฐ์ ์ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ๋ง์ ์ํฅ์ ๋ฏธ์น๊ณ ์์ต๋๋ค. ์ด์ ๋ฐ๋ผ ๊ฐ๋ฐ์๋ ๋ค์ํ AI ๋๊ตฌ๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ฐ ์์ฐ์ฑ์ ๋ํญ ํฅ์์ํฌ ์ ์๊ฒ ๋์์ฃ . ํ์ง๋ง ๋ฐ๋๋ก ์ด๋ฌํ ํ๋ฆ์ ์ ์ํ์ง ๋ชปํ๋ฉด ์ ์ฐจ ๋ํ๋ ์๋ ์๋ค๋ ์ฐ๋ ค๊ฐ ์์ต๋๋ค. ์ด๋ฒ ๊ธ์์๋ AI๋ฅผ ํ์ฉํ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๊ณผ ๊ด๋ จํด, ์น ๊ฐ๋ฐ ํ๋ก์ ํธ ๊ฐ ๋จ๊ณ์์ ํ์ฉํ ์ ์๋ AI ๋๊ตฌ์ ํ๋กฌํํธ ํ์ ๋ํด ์ ๋ฆฌํด ๋ณด์์ต๋๋ค. wono | discuss | tweet
+ ์์ฐ ์ ๋ฌด ์ก๊ธฐ ์ง์ํ๊ธฐ ์ซ์ด์ง๋ IT ์ฑ์ฉ ๊ณต๊ณ ์ 7๊ฐ์ง ๋ฌธ์ ์ | ์์ฆIT์ค์ IT ์ฑ์ฉ ์์ฅ์๋ ์ ํฉํ ์ฌ๋์ ๊ตฌํ๊ธฐ ์ด๋ ต๋ค๋ ํํ์ด ๋ง๋ค. ๊ทธ๋ฐ๋ฐ ๊ฐํน ๊ทธ ์ด๋ ค์์ ์ด์ ๊ฐ ๋ณด์ด๋ ์ฑ์ฉ ๊ณต๊ณ ๋ฅผ ๋ง๋๊ธฐ๋ ํ๋ค. ์ฌ์ง์ด ์ต๊ทผ ๋ณธ ์ด๋ค ๊ณต๊ณ ๋ ๋ด๋น ์ ๋ฌด ํญ๋ชฉ์ ์ฑ์ฐ์ง ์์, โ์์ธ๋ด์ฉ์ ์ ๋ ฅํ์ธ์โ ๋ฌธ๊ตฌ๊ฐ ๊ทธ๋๋ก ๋ ธ์ถ๋๊ณ ์์๋ค. ๋ด๋น ์ ๋ฌด ํญ๋ชฉ์ ๊ตฌ์ง์์ ์ง์ ์ฌ๋ถ๋ฅผ ๊ฒฐ์ ํ ๋งค์ฐ ์ค์ํ ์ ๋ณด๋ค. ์ด๋ฐ ์ฑ์ ์๋ ์ฑ์ฉ ๊ณต๊ณ ๋ ์ ํฉํ ์ธ์ฌ๋ฅผ ๋ง๋ ๊ฐ๋ฅ์ฑ์ ๋จ์ด๋จ๋ฆด๋ฟ๋๋ฌ ํ์ฌ์ ๋ํ ์ธ์๊น์ง ๋์๊ฒ ๋ง๋ ๋ค. ์ด๋ฒ ๊ธฐํ์ ์ค์ IT ๊ธฐ์ ์ฑ์ฉ ๊ณต๊ณ ์ ๋์ ์ฌ๋ก๋ค์ ์ดํด๋ณด๊ณ ๊ทธ์ ๋ํ ์ฒ๋ฆฌ ๋ฐฉ์์ ์ ์ํ๋ ค๊ณ ํ๋ค. ์ค์ IT ๊ธฐ์ ์์ ์ธ์ฌ๋ฅผ ๋ด๋นํ๊ฑฐ๋ ๊ด๋ จ ์๋ ๋ถ๋ค์ด ์ฃผ๋ชฉํ๋ฉด ์ข๊ฒ ๋ค. ์์ธ๋ฌ IT ์ง๊ตฐ ๊ตฌ์ง์๋ค๋ ์ํ๋ ์ผ์๋ฆฌ๋ฅผ ์ป๋ ๋ฐ ๋์์ ์ป๊ธธ ๋ฐ๋๋ค. wono | discuss | tweet
+ it dev react state ๋ฆฌ์กํธ ์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ? ใดใด ์ ๋ URL๋ง ์๋๋ค๋ฆฌ์กํธ๋ก ๊ฐ๋ฐํ๋ฉด ๋นผ๋์ ์ ์๋๊ฒ ์ ์ญ ์ํ ๊ด๋ฆฌ์ฃ . ๋ญ ์์ํ๊ฒ UI์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ผ ํ๋ค๋ ๋ญ๋ ํด๋, ์ ์ชฝ์์ ์ฐ๊ณ ์๋ ์ํ๋ฅผ ์ด์ชฝ์์ ๋ฐ๊ฟ์ผ ํ๋ ์ผ์ ๊ผญ ์๊น๋๋ค.๊ทธ๋์ ์ด์ ์ ์ญ์ํ๋ฅผ url๋ก ๊ด๋ฆฌํ๋๋ฒ์ ์๊ฐํฉ๋๋ท!! wono | discuss | tweet
+ it dev shadcnui admin GitHub - josevcarvalho/nextjs-app-cms-ecommerce: CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e ZodCMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod - josevcarvalho/nextjs-app-cms-ecommerce wono | discuss | tweet
+ it dev awesome shadcnui GitHub - bytefer/awesome-shadcn-ui: A curated list of awesome things related to shadcn/ui.A curated list of awesome things related to shadcn/ui. - bytefer/awesome-shadcn-ui wono | discuss | tweet
+ it dev shadcnui nextjs GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet
+ it dev react scroll ๊ฐ์ํ ํ์ฌ ๋ ๋์ ๋ฌดํ์คํฌ๋กค ๊ตฌํํ๊ธฐ | ou9999.dev์ค๋์์ง๊ณผ ๊ฐ์ ๋ฌดํ์คํฌ๋กค ๊ตฌํ ๊ณผ์ ๊ณผ ํ๊ธฐ wono | discuss | tweet
+ it dev react context [React.js] Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐContext API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์ ๋ฆฌํด๋ณธ๋ค.Context API๋ฅผ ์ด์ฉํ๋ฉด ๋ฐ๋ก ํจํค์ง๋ฅผ ์ค์นํ์ง ์๊ณ ๋ ์ ์ญ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ค.ย Context API๊ฐ๋ ์ปดํฌ๋ํธ ํธ๋ฆฌ์์ ์ ์ญ ์ํ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ๊ณต์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ API์ด ๋ฐฉ๋ฒ์ ์ด์ฉํ๋ฉด,ย ํ๋กญ ๋๋ฆด๋ง(Props Drilling)์ ํผํ ์ ์๋ค.ย ๋ฐฉ๋ฒโ context ํ์ผ ์์ฑํ๊ธฐ์ ์ญ์ผ๋ก ์ฌ์ฉํ ์ํ๋ฅผ ์ ์ํ๋ @Context.js@ ํ์ผ์ ์์ฑํ๋ค.ย ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context ์์ฑํ๊ธฐco.. wono | discuss | tweet
+ it dev react zustand Zustand ํต์ฌ ์ ๋ฆฌZustand(์ฃผ์คํ ๋)๋ ์๊ณ ๋น ๋ฅด๋ฉฐ ํ์ฅ ๊ฐ๋ฅํ React ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ ์ํ ๊ด๋ฆฌ(Store) ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. wono | discuss | tweet
+ it dev shadcnui [๋ฒ์ญ] shadcn/ui ์ ํด๋ถ์ฌํด ์๋ฐ์คํฌ๋ฆฝํธ ์ํ๊ณ๋ฅผ ๋์๋ค๋๋ค ๋ณด๋ฉด shadcn/ui๋ผ๋ ํฅ๋ฏธ๋ก์ด UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ํ์ ๊ฒ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ npm ํจํค์ง๋ก ๋ฐฐํฌ๋์ง ์๊ณ , CLI๋ฅผ ํตํด ์ปดํฌ๋ํธ์ ์์ค ์ฝ๋๋ฅผ ํ๋ก์ ํธ์ ํฌํจํ๋ ๋ฐฉ์์ผ๋ก ์ ๊ณต๋ฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ ์์๋ shadcn/ui์ ๊ณต์ ์น ์ฌ์ดํธ ๋ด์ ์ด๋ฌํ ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ฒ ๋ ์ด์ ์ ๋ํด์ ์์ฑํ์์ต๋๋คโฆ wono | discuss | tweet
+ it dev typescript props Next.js์์ ํ์ ์คํฌ๋ฆฝํธ์ ํจ๊ปํ๋ ํจ์ํ ์ปดํฌ๋ํธ์ ๋ชจ๋ ๊ฒํจ์ํ ์ปดํฌ๋ํธ๋ ๋ฆฌ์กํธ ๊ฐ๋ฐ์์ ๊ฐ๋ ์ฑ ๋๊ณ ๊ฐ๊ฒฐํ ์ฝ๋ ๊ตฌ์กฐ๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด ๊ธ์์๋ Next.js ํ๊ฒฝ์์ ์๋ฐ์คํฌ๋ฆฝํธ์ ES6 ํ์ดํ ํจ์๋ฅผ ์ฌ์ฉํ ํจ์ํ ์ปดํฌ๋ํธ์ ๊ตฌ์กฐ, ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ ์์ฑ ์ ์ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ํจ์ํ ์ปดํฌ๋ํธ์ ์ฌ๋ฌ ๊ตฌ์ฑ ์์ ๋ฐ ๋ฐฉ์์ ๋ํด ์์๋ด ๋๋ค. wono | discuss | tweet
+ it dev react nextjs 05. React ๊ธฐ๋ณธ ์ฌํญ: ๊ตฌ์ฑ ์์, ์ํ ๋ฐ Props ์ต์ React์ Next.js ์น ๊ฐ๋ฐ ํํ ๋ฆฌ์ผ๊ณผ ์๋ฃ๋ฅผ ์ฐพ๊ณ ๊ณ์ ๊ฐ์? ReactNext-Central์์ ํ์ํ ๋ชจ๋ ์ ๋ณด์ ๊ฐ์ด๋๋ฅผ ํ์ธํ์ธ์. ๋ฐ๋ก ๋ฐฉโฆ wono | discuss | tweet
+ it dev javascript problems Feature Request: Show all errors and warnings in project for all JavaScript and TypeScript files, not just opened ones ยท Issue #13953 ยท microsoft/vscodeI am using VS Code on a project at work that has hundreds of files and many layers of nested sub-directories. I frequently make changes that break many files, such as changing the call signature of a commonly used method. Since the proje... wono | discuss | tweet