+ it dev nextjs port How to Set port in next.jsOne application is running on port 3000 and I want to run another application on a different port from the default port, which is 3000. How do I change this in React Next.js? My package.json curren... wono | discuss | tweet + it ops db mysql dump mysql DUMP사용dump 옵션 –single-transaction : dump를 하나의 트랜잭션을 이용해서 실행함 (InnoDB 스토리지 엔진을 사용하는 테이블에 대해서는 Lock없이 일관된 덤프를 받을 수 있음). 자세한 내용은 아래 “일관된 데이터 덤프 받기” 참조 –flush-logs : dump를 시작하는 시점에 binary log를 rotation 시키도록 한다. Binary log를 증분 백업용으로 사용하는 경우, 풀백업과 증분 백업의 구분을 명확히 할 수 있다. –master-data : 이… wono | discuss | tweet + it ops db mysql dump mysqldump 사용시 주의점mysqldump는 mysql, mariadb 에서 데이터 백업시 주로 사용하는 백업방법 중 하나이다. 개발 DB에서 사용할 때는 문제가 없지만 서비스 DB에서 이걸 사용한다면 한가지 주의할 점이 있다. 모르고 그냥 사용하게 된다면 TABLE LOCK 때문에 서비스 장애를 일으킬 수 있다. mysqldump는 여러 옵션이 있는데 그것을 모르고 default 옵션만 놓고 사용한다면 문제가 발생한다. 1. default 옵션사용시 ex) mysqldump -uroot -p비번 xxxxDB TB_TEST_HIST > TB_TEST_HIST_20230110.sql MariaDB [(none)]> show processlist; +----------+-------------+---------------------.. wono | discuss | tweet + it ops db mysql dump [Mysql] mysql dump 사용법데이터 백업 : mysqldump는 모든 데이터베이스 테이블의 내용을 SQL 명령으로 추출하여, 이를 통해 테이블 생성과 데이터 삽입을 할 수 있는 SQL 스크립트를 생성합니다.데이터 복원 : 생성된 덤프 파일은 mysql 명령어 라인 유틸리티를 사용하여 MySQL 데 wono | discuss | tweet + it ops db postgresql varchar Don't Do This - PostgreSQL wiki wono | discuss | tweet + it ops db postgresql Should I add an arbitrary length limit to VARCHAR columns?According to PostgreSQL's docs, there's no performance difference between VARCHAR, VARCHAR(n) and TEXT. Should I add an arbitrary length limit to a name or address column? Edit: Not a dupe of: W... wono | discuss | tweet + it ops code error Differences in Javascript with throwing and return errorThis blog is to differentiate the throwing an error with returning an error. In project, I found different people have different ways of handling errors, but when people work together, this kind of… wono | discuss | tweet + it ops code error Why is it better to throw an exception rather than return an error code?Legacy error handling tends to follow the method that all functions return a code depending on success/failure. You would check this code and handle (if an error) appropriately. Modern programming wono | discuss | tweet + it dev nextjs Globally disable eslint “import/no-anonymous-default-export” on vscodeAllow me to introduce you to the coolest default override in the world: anonymous default exports. wono | discuss | tweet + it dev nextjs lint Next lint not working on files anywhere other than the ones inside the pages folderI have a FRESHLY installed NextJS app with TypeScript. I am using Next V12, when I run yarn lint, it runs next lint and shows no errors. And now when I add an extra rule in the .eslintrc file like... wono | discuss | tweet + 업무 도구 생산성 협업 Obsidian, 이제 업무용으로 무료 이용 가능 | GeekNews이제 Obsidian을 업무에서도 무료로 사용할 수 있음기존의 Obsidian 상업용(Commercial) 라이선스는 선택 사항으로 변경변하는 것은 없음 : 기능 제한 없음, 계정 생성 불필요, 광고 없음, 추적 없음, 데이터는 로컬에 마크다운으로 저장변경 이유 : 단순함을 위해기존 상업용 라이선스 정책이 복잡하고 혼란을 초래Obsidian의 철학: 모든 wono | discuss | tweet + it tip font 최고의 프로그래밍 폰트는? | Eric Han's IT Blog wono | discuss | tweet + it dev nextjs auth Next.js Authentication Best PracticesExplore key Next.js authentication best practices, including middleware vs. page component auth, preserving static rendering, and implementing multi-layered protection. Next.js authentication is the… wono | discuss | tweet + it dev nextjs auth rbac How to Add RBAC Authorization in Next.jsAuthorization, the process in our applications that determines what users can perform on which resources, is a crucial requirement for every application. Implementing Role-Based Access Control (RBAC)… wono | discuss | tweet + it dev nextjs auth Implementing refresh token with nextjs 15 using app router with cross api (different api)Now lets create cookieRefresher: we created this as Nextjs only allow you to modify cookie from actions or api level.To prevent this we implemented this: wono | discuss | tweet + it dev nextjs link Introduction to Next.js Link component with examples | RefineA guide for navigation between pages using Next.js Link wono | discuss | tweet + it dev nextjs [완] Next.js 15가지만 알면 끝남React 문법 모르면 보지 마세요. 이걸로 공부할 생각하지 말고, next.js 공부한 후에 치팅시트용으로 쓰세요. 저는 vue를 자주 썼기 때문에 vue에 해당하는 부분이 있으면 표시해뒀습니다. 1. 페이지 만들기 app/hello/page.js에 아래와 같은 코 wono | discuss | tweet + it dev nextjs nocache [트러블 슈팅] Next.js SSR 업데이트 기능 (새로고침 동작x)발생한 오류 🔥Next.js에서 클라이언트 측 라우팅을 위한 `Link` 컴포넌트를 사용하던 중, 내가 원하던 동작은 `SSR` 페이지로 이동할 때마다 데이터를 가져오는 것이었지만, 첫 번째 렌더링만 데이터를 가져오고 이후에는 router에 의해 캐싱이 돼서 새로운 데이터를 가져오지 못하는 문제가 있었습니다. 기존 코드// app > layout.tsxexport default function RootLayout({ children,}: Readonly) { return ( CSR | ISR | SSR | SSG {children} );}// app > ss.. wono | discuss | tweet + it ops db plpgsql PL/pgSQL의 구조 - Amazon RedshiftAmazon Redshift에서 사용되는 PL/pgSQL 언어의 구조에 대해 알아봅니다. wono | discuss | tweet + it ops db uuid tsid 분산 환경에서 P.K는 어떤 전략으로 가져가면 좋을까?보통 내가 진행하는 프로젝트에서는 단일 데이터베이스를 사용하거나, 단일 시스템에서 동작했기에, auto_increment P.K 전략을 가져가도 중복된 값이 존재하는 경우가 거의 없기 때문에 문제가 되지 않았다. 하지만 대규모 분산 처리 시스템일 때는 이 자동 증가 전 wono | discuss | tweetNext
+ it dev nextjs port How to Set port in next.jsOne application is running on port 3000 and I want to run another application on a different port from the default port, which is 3000. How do I change this in React Next.js? My package.json curren... wono | discuss | tweet
+ it ops db mysql dump mysql DUMP사용dump 옵션 –single-transaction : dump를 하나의 트랜잭션을 이용해서 실행함 (InnoDB 스토리지 엔진을 사용하는 테이블에 대해서는 Lock없이 일관된 덤프를 받을 수 있음). 자세한 내용은 아래 “일관된 데이터 덤프 받기” 참조 –flush-logs : dump를 시작하는 시점에 binary log를 rotation 시키도록 한다. Binary log를 증분 백업용으로 사용하는 경우, 풀백업과 증분 백업의 구분을 명확히 할 수 있다. –master-data : 이… wono | discuss | tweet
+ it ops db mysql dump mysqldump 사용시 주의점mysqldump는 mysql, mariadb 에서 데이터 백업시 주로 사용하는 백업방법 중 하나이다. 개발 DB에서 사용할 때는 문제가 없지만 서비스 DB에서 이걸 사용한다면 한가지 주의할 점이 있다. 모르고 그냥 사용하게 된다면 TABLE LOCK 때문에 서비스 장애를 일으킬 수 있다. mysqldump는 여러 옵션이 있는데 그것을 모르고 default 옵션만 놓고 사용한다면 문제가 발생한다. 1. default 옵션사용시 ex) mysqldump -uroot -p비번 xxxxDB TB_TEST_HIST > TB_TEST_HIST_20230110.sql MariaDB [(none)]> show processlist; +----------+-------------+---------------------.. wono | discuss | tweet
+ it ops db mysql dump [Mysql] mysql dump 사용법데이터 백업 : mysqldump는 모든 데이터베이스 테이블의 내용을 SQL 명령으로 추출하여, 이를 통해 테이블 생성과 데이터 삽입을 할 수 있는 SQL 스크립트를 생성합니다.데이터 복원 : 생성된 덤프 파일은 mysql 명령어 라인 유틸리티를 사용하여 MySQL 데 wono | discuss | tweet
+ it ops db postgresql Should I add an arbitrary length limit to VARCHAR columns?According to PostgreSQL's docs, there's no performance difference between VARCHAR, VARCHAR(n) and TEXT. Should I add an arbitrary length limit to a name or address column? Edit: Not a dupe of: W... wono | discuss | tweet
+ it ops code error Differences in Javascript with throwing and return errorThis blog is to differentiate the throwing an error with returning an error. In project, I found different people have different ways of handling errors, but when people work together, this kind of… wono | discuss | tweet
+ it ops code error Why is it better to throw an exception rather than return an error code?Legacy error handling tends to follow the method that all functions return a code depending on success/failure. You would check this code and handle (if an error) appropriately. Modern programming wono | discuss | tweet
+ it dev nextjs Globally disable eslint “import/no-anonymous-default-export” on vscodeAllow me to introduce you to the coolest default override in the world: anonymous default exports. wono | discuss | tweet
+ it dev nextjs lint Next lint not working on files anywhere other than the ones inside the pages folderI have a FRESHLY installed NextJS app with TypeScript. I am using Next V12, when I run yarn lint, it runs next lint and shows no errors. And now when I add an extra rule in the .eslintrc file like... wono | discuss | tweet
+ 업무 도구 생산성 협업 Obsidian, 이제 업무용으로 무료 이용 가능 | GeekNews이제 Obsidian을 업무에서도 무료로 사용할 수 있음기존의 Obsidian 상업용(Commercial) 라이선스는 선택 사항으로 변경변하는 것은 없음 : 기능 제한 없음, 계정 생성 불필요, 광고 없음, 추적 없음, 데이터는 로컬에 마크다운으로 저장변경 이유 : 단순함을 위해기존 상업용 라이선스 정책이 복잡하고 혼란을 초래Obsidian의 철학: 모든 wono | discuss | tweet
+ it dev nextjs auth Next.js Authentication Best PracticesExplore key Next.js authentication best practices, including middleware vs. page component auth, preserving static rendering, and implementing multi-layered protection. Next.js authentication is the… wono | discuss | tweet
+ it dev nextjs auth rbac How to Add RBAC Authorization in Next.jsAuthorization, the process in our applications that determines what users can perform on which resources, is a crucial requirement for every application. Implementing Role-Based Access Control (RBAC)… wono | discuss | tweet
+ it dev nextjs auth Implementing refresh token with nextjs 15 using app router with cross api (different api)Now lets create cookieRefresher: we created this as Nextjs only allow you to modify cookie from actions or api level.To prevent this we implemented this: wono | discuss | tweet
+ it dev nextjs link Introduction to Next.js Link component with examples | RefineA guide for navigation between pages using Next.js Link wono | discuss | tweet
+ it dev nextjs [완] Next.js 15가지만 알면 끝남React 문법 모르면 보지 마세요. 이걸로 공부할 생각하지 말고, next.js 공부한 후에 치팅시트용으로 쓰세요. 저는 vue를 자주 썼기 때문에 vue에 해당하는 부분이 있으면 표시해뒀습니다. 1. 페이지 만들기 app/hello/page.js에 아래와 같은 코 wono | discuss | tweet
+ it dev nextjs nocache [트러블 슈팅] Next.js SSR 업데이트 기능 (새로고침 동작x)발생한 오류 🔥Next.js에서 클라이언트 측 라우팅을 위한 `Link` 컴포넌트를 사용하던 중, 내가 원하던 동작은 `SSR` 페이지로 이동할 때마다 데이터를 가져오는 것이었지만, 첫 번째 렌더링만 데이터를 가져오고 이후에는 router에 의해 캐싱이 돼서 새로운 데이터를 가져오지 못하는 문제가 있었습니다. 기존 코드// app > layout.tsxexport default function RootLayout({ children,}: Readonly) { return ( CSR | ISR | SSR | SSG {children} );}// app > ss.. wono | discuss | tweet
+ it ops db plpgsql PL/pgSQL의 구조 - Amazon RedshiftAmazon Redshift에서 사용되는 PL/pgSQL 언어의 구조에 대해 알아봅니다. wono | discuss | tweet
+ it ops db uuid tsid 분산 환경에서 P.K는 어떤 전략으로 가져가면 좋을까?보통 내가 진행하는 프로젝트에서는 단일 데이터베이스를 사용하거나, 단일 시스템에서 동작했기에, auto_increment P.K 전략을 가져가도 중복된 값이 존재하는 경우가 거의 없기 때문에 문제가 되지 않았다. 하지만 대규모 분산 처리 시스템일 때는 이 자동 증가 전 wono | discuss | tweet