+ it dev github copilot ai [Copilot] 깃허브 코파일럿은 어떻게 작동하는가?으 AI 페어 프로그래밍 도구로 깃허브 코파일럿과 챗GPT, 클로드를 사용합니다. 코파일럿은 인공지능 기술을 활용해 소스 코드를 자동으로 작성하거나 수정하는 도구입니다. 깃허브 코파일럿은 코파일럿의 일종으로 깃허브(GitHub)가 출시한 프로그래밍을 돕는 인공지능입니다. 오픈AI의 GPT 언어 모델을 이용해 깃허브 리포지터리를 학습시켜 만든 프로그램에 특화시켰습니다. wono | discuss | tweet + 잡기 블로그 생산성 개발자 웹 개발 생산성을 높이기 위한 방법 | 요즘IT웹 개발 프로젝트는 일정 관리가 중요합니다. 충분한 프로젝트 기간 확보와 개발 생산성이 전체 프로젝트 성과에 큰 영향을 미치게 되는 것이죠. 이번 글에서는 웹 개발 일정 관리와 개발 생산성을 높이기 위한 방법들을 살펴보고, 웹 개발 프로젝트를 진행하기 전에 기본적으로 알아 두어야 하는 내용들을 정리해보았습니다. wono | discuss | tweet + it blog fe tech 2024 프론트엔드 기술스택 이야기오늘 해볼 이야기는 2024년 프론트엔드 기술 스택입니다. 프론트엔드는 지난 10여 년간 빠르게 기술이 발전하면서, 해마다 '올해의 기술 전망'을 바탕으로 한 '20XX 프론트엔드 기술스택' 과 같은 아티클이 매해 연도가 바뀔때 마다 자주 나왔습니다. 그래서 저도 wono | discuss | tweet + 산업 바이오 제약 임상 cro 큐브CDMS임상 데이터 혁신의 초석 wono | discuss | tweet + it qa css framework nextjs nextjs UI 컴포넌트 라이브러리 추천 | OKKY Q&A안녕하세요!nextjs로 작은 커뮤니티 기반 웹사이트 만들려고 합니다빠른 퍼포먼스를 낼수있는게 가장 중요하기 때문에 ui컴포넌트 라이브러리를 사용할려고합니다!!mui, antd, chakra, shadcn이 4개가 가장 많이 사용하는 프레임웍이라길래이중에 사용해볼려고 합니다.mui같은 경우는 다양한 컴포넌트가 있지만 커스텀하기가 너무 어렵다고 해서 고민이네 wono | discuss | tweet + it dev fe css shadcnui zod tailwindcss #4. Form handling in ReactWorkthrough for prev. projectForm Basics : Controlled Input & UnControlled InputReact & FormsReact-Hook-FormZod + ResolverForm Component & UI Componentfourth project : React-Hook-Form Proj wono | discuss | tweet + it dev react css 프론트엔드 CSS 라이브러리 비교CSS 라이브러리에 대해 조사합니다. Bootstrap, Material 및 최신 Tailwind, Pico 등에 대해 비교합니다. wono | discuss | tweet + it dev css nextjs mui Templates - MUI StoreA collection of 4.5 average rating templates, selected and curated by MUI's team of maintainers to get your projects up and running today. wono | discuss | tweet + 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 | tweetNext
+ it dev github copilot ai [Copilot] 깃허브 코파일럿은 어떻게 작동하는가?으 AI 페어 프로그래밍 도구로 깃허브 코파일럿과 챗GPT, 클로드를 사용합니다. 코파일럿은 인공지능 기술을 활용해 소스 코드를 자동으로 작성하거나 수정하는 도구입니다. 깃허브 코파일럿은 코파일럿의 일종으로 깃허브(GitHub)가 출시한 프로그래밍을 돕는 인공지능입니다. 오픈AI의 GPT 언어 모델을 이용해 깃허브 리포지터리를 학습시켜 만든 프로그램에 특화시켰습니다. wono | discuss | tweet
+ 잡기 블로그 생산성 개발자 웹 개발 생산성을 높이기 위한 방법 | 요즘IT웹 개발 프로젝트는 일정 관리가 중요합니다. 충분한 프로젝트 기간 확보와 개발 생산성이 전체 프로젝트 성과에 큰 영향을 미치게 되는 것이죠. 이번 글에서는 웹 개발 일정 관리와 개발 생산성을 높이기 위한 방법들을 살펴보고, 웹 개발 프로젝트를 진행하기 전에 기본적으로 알아 두어야 하는 내용들을 정리해보았습니다. wono | discuss | tweet
+ it blog fe tech 2024 프론트엔드 기술스택 이야기오늘 해볼 이야기는 2024년 프론트엔드 기술 스택입니다. 프론트엔드는 지난 10여 년간 빠르게 기술이 발전하면서, 해마다 '올해의 기술 전망'을 바탕으로 한 '20XX 프론트엔드 기술스택' 과 같은 아티클이 매해 연도가 바뀔때 마다 자주 나왔습니다. 그래서 저도 wono | discuss | tweet
+ it qa css framework nextjs nextjs UI 컴포넌트 라이브러리 추천 | OKKY Q&A안녕하세요!nextjs로 작은 커뮤니티 기반 웹사이트 만들려고 합니다빠른 퍼포먼스를 낼수있는게 가장 중요하기 때문에 ui컴포넌트 라이브러리를 사용할려고합니다!!mui, antd, chakra, shadcn이 4개가 가장 많이 사용하는 프레임웍이라길래이중에 사용해볼려고 합니다.mui같은 경우는 다양한 컴포넌트가 있지만 커스텀하기가 너무 어렵다고 해서 고민이네 wono | discuss | tweet
+ it dev fe css shadcnui zod tailwindcss #4. Form handling in ReactWorkthrough for prev. projectForm Basics : Controlled Input & UnControlled InputReact & FormsReact-Hook-FormZod + ResolverForm Component & UI Componentfourth project : React-Hook-Form Proj wono | discuss | tweet
+ it dev react css 프론트엔드 CSS 라이브러리 비교CSS 라이브러리에 대해 조사합니다. Bootstrap, Material 및 최신 Tailwind, Pico 등에 대해 비교합니다. wono | discuss | tweet
+ it dev css nextjs mui Templates - MUI StoreA collection of 4.5 average rating templates, selected and curated by MUI's team of maintainers to get your projects up and running today. wono | discuss | tweet
+ 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
+ 산업 개발 생산 업무 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