it + it ops aws s3 AWS S3 저장소 구축하기S3를 사용하는 이유 로컬에 파일을 저장해도 기능은 문제없는데, 왜 S3를 써야 할까? S3는 AWS 클라우드 서비스 중 저장소 역할을 하는 온라인 스토리지 서비스이다. 로컬에 파일을 저장하는 건 언젠가 용량에 한계가 올 것이고, 그때마다 추가적인 용량 확장 작업과 설정을 해줘야 하는 번거로움이 예정되어 있다. 클라우드 서비스인 S3를 활용하면 무제한에 가까운 저장을 할 수 있기 때문에 이런 문제에서 벗어날 수 있다. 그러면 EC2와 같은 클라우드 서버에도 저장이 가능하다고 생각할 수 있다. 생각한 것처럼 EC2와 같은 서버에도 파일을 저장할 수 있지만, 요금 측면이나 활용도 측면에서 S3를 활용하는 것이 훨씬 좋은 선택이다. S3 버킷 만들기 먼저 AWS S3를 활용하기 위해서는 AWS 계정이 필요하다.. wono | discuss | tweet + it dev css tailwindcss Cards of same height in tailwind CSSI am using tailwind css. The data in cards is inconsistent. For example some card have short description while other cards have long. Some card contains 1-2 tags while others contains 5-6. I want t... wono | discuss | tweet + it dev nextjs import sort prettier로 뒤죽박죽 import 정리하기어우 시끄러 wono | discuss | tweet + it dev nextjs form thumbnail-critique/src/app/feedback.tsx at a294ef2177d98f7ab654d3e22ae193987aea4edc · webdevcody/thumbnail-critiqueContribute to webdevcody/thumbnail-critique development by creating an account on GitHub. wono | discuss | tweet + it ops aws s3 AWS S3 + CloudFront 배포개요1. AWS IAM 설정2. S3 생성 및 설정3. CloudFront 설정4. Github Action으로 CI / CD 구축 ✅ AWS IAM 설정📦 IAM(Identity and Access Management)이란?AWS리소스에 대한 엑세스를 안전하게 제어할 수 있는 웹 서비스로 AWS 계정을 최초로 생성할 때 만들어지는 루트 사용자는 모든 엑세스 권한을 가지기에 보안에 주의해서 사용해야하므로 IAM을 통해 리소스를 사용할 수 있는 인증 및 권한 부여된 대상을 제어한다.리소스에 대해 여러 사람에게 다양한 권한을 부여할 수 있다.사용자에게 직접 정책을 설정할 수도 있지만 그룹에 대해서도 부여할 수 있다. 📦 IAM 사용자 추가하기AWS > IAM > 사용자 생성 > 1 ~3단계 수행 > 생성.. wono | discuss | tweet + it ops aws s3 보안 위배 접근 제한 페이지 1 wono | discuss | tweet + it dev nextjs crud Epic Next JS 15 Tutorial Part 7: Next.js and Strapi CRUD PermissionsWelcome back to our Epic Next.js tutorial series! Last time, we learned how to generate summaries... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet + it dev nextjs zod nuqs [RFC] Validation (Zod, Standard Schema etc) · 47ng/nuqs · Discussion #446[RFC] Validation (Zod, Standard Schema etc) wono | discuss | tweet + it dev nextjs react form How to submit the form outside the form · Issue #566 · react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet + it dev nextjs fetch [Next.js] Axios 역할을 대신하는 Custom Fetch 함수를 만들어보자 왜 Custom Fetch 를 만들어야 할까? 제목을 보고 들어왔다면, 굳이? 라는 의문이 들 수 있습니다. Axios 와 같은 라이브러리가 있는데 왜 Fetch 를 감싸는 커스텀 함수를 만들어야 할까요? Next.js 의 Fetch API 확장 Next.js는 wono | discuss | tweet + it dev nextjs fetch next 에서 fetch 호출시 클라이언트 컴포넌트와 서버 컴포넌트의 차이점서버 컴포넌트와 클라이언트 컴포넌트의 차이 서버 컴포넌트(Server Components) 어디에서 실행될까? 서버 컴포넌트는 Next.js 서버에서 실행된다. 여기서 Next.js 서버는 Node.js 환경에서 작동하는 서버이다. 이 서버는 사용자가 페이 wono | discuss | tweet + it dev nextjs text getting_raw_body_in_route_handlers_next_14 wono | discuss | tweet + it dev nextjs table 테이블을 편하게, Tanstack-table 사용하기돌인 줄 알았는데, 금이었다. wono | discuss | tweet + it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet + it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable… wono | discuss | tweet + it ops db common 요즘 트랜드는 공통코드를 사용하지 않는 건가요? | OKKY Q&A안녕하세요.프로젝트를 수행중인 시니어 개발자로 요즘은 관리만 하고 있습니다. 주니어, 중니어 개발자들이 주도적으로 설계,구현을 하고 있습니다. 요즘 트랜드는 공통코드를 사용하지 않는 건가요?물론, 업무에 따라, 업무로직에 따라 공통코드를 사용하지 않을 수는 있습니다.근데, 라떼는 공통코드는 기본으로 무조건 만들고 시작했었는데... 개발자들이 구현해 놓은거 wono | discuss | tweet + it ops db common [DB 설계] 공통코드 테이블 설계개요 하나의 서비스를 만들면 서비스 내에서 정의하여 사용하는 수많은 코드 데이터들이 있다. 이런 코드들을 한데 모아서 관리하기 위한 목적으로 설계하는 것이 공통코드 테이블이다. 관리자 페이지가 따로 존재하는 경우에는 필수적으로 "공통 코드 관리" 메뉴를 확인할 수 있게 된다. 이는 거의 프로젝트 초반에 가장 먼저 설계하는 테이블들 중 하나이다. 어쨋든 우리는 서비스를 만들때 내부에서 많은 코드들을 정의해서 사용하곤 한다. 어떤 경우에는 해당 코드들을 테이블에서 관리하지 않고 소스 코드에서 관리하는 경우도 있다. (일정 규모 이상의 서비스를 만들고 있다면, 소스 코드에서 관리하는 일은 없다고 본다.) 소스코드에서 관리하게 되면 데이터를 조회 할때 그 코드값이 무엇을 의미하는지 소스코드를 직접 확인해야 한다.. wono | discuss | tweet + it ops db dbeaver How to Install Git Extension in Dbeaver and Connect your RepositoryIn a recent consultation with an international client, I focused on improving their data quality process. One of the tools I utilised was DBeaver, a versatile platform for managing multiple databases… wono | discuss | tweet + it tip tool [채널톡] 회사단톡방도 따로 쓰지 마세요쇼핑몰 매출상승과 비즈니스 성장을 지원하는 필수 앱과 솔루션, 지금 카페24 스토어에서 만나보세요! wono | discuss | tweet + it dev java jsp Multi-line alert in JavascriptThis code alert("Hello again! This is how we" + "\n" + "add line breaks to an alert box!"); doesn't work. Firefox JavaScript console names error as "unterminated string literal" and poi... wono | discuss | tweetNext
+ it ops aws s3 AWS S3 저장소 구축하기S3를 사용하는 이유 로컬에 파일을 저장해도 기능은 문제없는데, 왜 S3를 써야 할까? S3는 AWS 클라우드 서비스 중 저장소 역할을 하는 온라인 스토리지 서비스이다. 로컬에 파일을 저장하는 건 언젠가 용량에 한계가 올 것이고, 그때마다 추가적인 용량 확장 작업과 설정을 해줘야 하는 번거로움이 예정되어 있다. 클라우드 서비스인 S3를 활용하면 무제한에 가까운 저장을 할 수 있기 때문에 이런 문제에서 벗어날 수 있다. 그러면 EC2와 같은 클라우드 서버에도 저장이 가능하다고 생각할 수 있다. 생각한 것처럼 EC2와 같은 서버에도 파일을 저장할 수 있지만, 요금 측면이나 활용도 측면에서 S3를 활용하는 것이 훨씬 좋은 선택이다. S3 버킷 만들기 먼저 AWS S3를 활용하기 위해서는 AWS 계정이 필요하다.. wono | discuss | tweet
+ it dev css tailwindcss Cards of same height in tailwind CSSI am using tailwind css. The data in cards is inconsistent. For example some card have short description while other cards have long. Some card contains 1-2 tags while others contains 5-6. I want t... wono | discuss | tweet
+ it dev nextjs form thumbnail-critique/src/app/feedback.tsx at a294ef2177d98f7ab654d3e22ae193987aea4edc · webdevcody/thumbnail-critiqueContribute to webdevcody/thumbnail-critique development by creating an account on GitHub. wono | discuss | tweet
+ it ops aws s3 AWS S3 + CloudFront 배포개요1. AWS IAM 설정2. S3 생성 및 설정3. CloudFront 설정4. Github Action으로 CI / CD 구축 ✅ AWS IAM 설정📦 IAM(Identity and Access Management)이란?AWS리소스에 대한 엑세스를 안전하게 제어할 수 있는 웹 서비스로 AWS 계정을 최초로 생성할 때 만들어지는 루트 사용자는 모든 엑세스 권한을 가지기에 보안에 주의해서 사용해야하므로 IAM을 통해 리소스를 사용할 수 있는 인증 및 권한 부여된 대상을 제어한다.리소스에 대해 여러 사람에게 다양한 권한을 부여할 수 있다.사용자에게 직접 정책을 설정할 수도 있지만 그룹에 대해서도 부여할 수 있다. 📦 IAM 사용자 추가하기AWS > IAM > 사용자 생성 > 1 ~3단계 수행 > 생성.. wono | discuss | tweet
+ it dev nextjs crud Epic Next JS 15 Tutorial Part 7: Next.js and Strapi CRUD PermissionsWelcome back to our Epic Next.js tutorial series! Last time, we learned how to generate summaries... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet
+ it dev nextjs zod nuqs [RFC] Validation (Zod, Standard Schema etc) · 47ng/nuqs · Discussion #446[RFC] Validation (Zod, Standard Schema etc) wono | discuss | tweet
+ it dev nextjs react form How to submit the form outside the form · Issue #566 · react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet
+ it dev nextjs fetch [Next.js] Axios 역할을 대신하는 Custom Fetch 함수를 만들어보자 왜 Custom Fetch 를 만들어야 할까? 제목을 보고 들어왔다면, 굳이? 라는 의문이 들 수 있습니다. Axios 와 같은 라이브러리가 있는데 왜 Fetch 를 감싸는 커스텀 함수를 만들어야 할까요? Next.js 의 Fetch API 확장 Next.js는 wono | discuss | tweet
+ it dev nextjs fetch next 에서 fetch 호출시 클라이언트 컴포넌트와 서버 컴포넌트의 차이점서버 컴포넌트와 클라이언트 컴포넌트의 차이 서버 컴포넌트(Server Components) 어디에서 실행될까? 서버 컴포넌트는 Next.js 서버에서 실행된다. 여기서 Next.js 서버는 Node.js 환경에서 작동하는 서버이다. 이 서버는 사용자가 페이 wono | discuss | tweet
+ it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet
+ it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable… wono | discuss | tweet
+ it ops db common 요즘 트랜드는 공통코드를 사용하지 않는 건가요? | OKKY Q&A안녕하세요.프로젝트를 수행중인 시니어 개발자로 요즘은 관리만 하고 있습니다. 주니어, 중니어 개발자들이 주도적으로 설계,구현을 하고 있습니다. 요즘 트랜드는 공통코드를 사용하지 않는 건가요?물론, 업무에 따라, 업무로직에 따라 공통코드를 사용하지 않을 수는 있습니다.근데, 라떼는 공통코드는 기본으로 무조건 만들고 시작했었는데... 개발자들이 구현해 놓은거 wono | discuss | tweet
+ it ops db common [DB 설계] 공통코드 테이블 설계개요 하나의 서비스를 만들면 서비스 내에서 정의하여 사용하는 수많은 코드 데이터들이 있다. 이런 코드들을 한데 모아서 관리하기 위한 목적으로 설계하는 것이 공통코드 테이블이다. 관리자 페이지가 따로 존재하는 경우에는 필수적으로 "공통 코드 관리" 메뉴를 확인할 수 있게 된다. 이는 거의 프로젝트 초반에 가장 먼저 설계하는 테이블들 중 하나이다. 어쨋든 우리는 서비스를 만들때 내부에서 많은 코드들을 정의해서 사용하곤 한다. 어떤 경우에는 해당 코드들을 테이블에서 관리하지 않고 소스 코드에서 관리하는 경우도 있다. (일정 규모 이상의 서비스를 만들고 있다면, 소스 코드에서 관리하는 일은 없다고 본다.) 소스코드에서 관리하게 되면 데이터를 조회 할때 그 코드값이 무엇을 의미하는지 소스코드를 직접 확인해야 한다.. wono | discuss | tweet
+ it ops db dbeaver How to Install Git Extension in Dbeaver and Connect your RepositoryIn a recent consultation with an international client, I focused on improving their data quality process. One of the tools I utilised was DBeaver, a versatile platform for managing multiple databases… wono | discuss | tweet
+ it tip tool [채널톡] 회사단톡방도 따로 쓰지 마세요쇼핑몰 매출상승과 비즈니스 성장을 지원하는 필수 앱과 솔루션, 지금 카페24 스토어에서 만나보세요! wono | discuss | tweet
+ it dev java jsp Multi-line alert in JavascriptThis code alert("Hello again! This is how we" + "\n" + "add line breaks to an alert box!"); doesn't work. Firefox JavaScript console names error as "unterminated string literal" and poi... wono | discuss | tweet