전체 글
-
비밀번호 유효성 검사(정규식)프로그래밍 언어/Javascript 2025. 9. 17. 17:52
// 유효성 검사const pwdPattern = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[!@#$%^&*()_\-+=\[{\]};:'",/?`~\\|]).{8, 20}$/; SSO 서비스 개발하면서 비밀번호 만료 시 재설정하는 부분에서 유효성 검사를 진행하는데 계속 test를 온전히 진행하지 못하고 false 가 나오길래 이유가 뭔지 확인하니 // 유효성 검사const pwdPattern = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[!@#$%^&*()_\-+=\[{\]};:'",/?`~\\|]).{8,20}$/; {8,20} 이 부분에서 자릿수 유효성 검사 부분에서 처음 코드처럼 공백이 있으면 안된다는 것이다.대부분의 언어가 공백을 허용하지 않고 있다고 하니 나중에 비밀번호 유..
-
Missing Suspense boundary with useSearchParamsNextJs 2025. 8. 11. 14:19
Next.js에서 빌드 시 useSearchParams() should be wrapped in a suspense boundary at page ~ . Read more : Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout at a ~ 이런 에러 메시지가 나왔다 next.js 13+ 에서 useSearchParams()는 next/nevigation을 통해 제공되는 훅이라 굳이 React Suspense로 감쌀 필요가 없다는 GPT의 답변이 있었다 하지만 예외적으로 1. 서버 컴포넌트에서 searchParams를 기반으로 데이터 fetch- 서버 컴포넌트 자체가 async라면 Next.js가 내부적으로 Str..
-
Next JS 시작NextJs 2025. 7. 7. 09:19
Next.js의 주요 특징1. 파일 기반 라우팅pages 폴더 내부의 파일 이름이 자동으로 URL 경로가 됨예 : pages/about.js ----- /about2. 서버 사이드 렌더링(SSR)서버에서 미리 HTML을 렌더링한 뒤 클라이언트에 전달SEO(Search Engine Optimization) 최적화가 필요할 때 유용3. 정적 사이트 생성(SSG)빌드 시 HTML을 미리 생성하여 정적 파일로 제공빠른 로딩 속도를 제공하며, CDN(Content Delivery Network)에 배포하기 쉬움4. API 라우트pages/api 폴더를 사용하여 백엔드 API를 작성할 수 있음5. CSS 및 스타일링 지원CSS, Sass, Tailwind CSS, Styled-Components 등 다양한 스타일링..
-
웹에서 PPT, PDF 뷰어 사용하기(pdf.js)ASP 2025. 2. 18. 17:56
처음 계획했던 것은 PPT를 그대로 가져와서 사용하는 것이였는데당장 내 능력으로는 구현하는데에 어려움이 있어서 PDF로 가져와서 사용하는 것으로 계획을 수정 물론 PPT를 가져오는 라이브러리나 API 도 존재하지만 쓸만한 건 유료라서 간단한 프로젝트에 회사에서 사용하기엔 무리가 조금 있음대표적으로 aspose.slides 였는데 무료로 허용되는 부분이 있을까 싶어서 적용했는데 PPT를 이미지화 시켜서 불러오는 것 까진 좋았지만 워터마크가 찍혀서 나왔음(대신 gif 같은 동적 이미지도 그대로 가져와서 좋긴함) 당연히 워터마크를 그대로 사용할 수 없어서 찾아봤더니 그게 유료라는 것... 그래서 상용 라이브러리나 API는 사용하지 않는 선에서 해결하려고 했지만 텍스트나 이미지 가져오는 것 자체가 매우 어려웠음..
-
IIS에 배포 시 500.19 에러 발생(error code 0x8007000d)ASP 2025. 2. 6. 11:47
IIS에 ASP.NET 게시 파일을 올린 후 실행했을 떄 위 이미지와 같은 에러 발생 검색했을 때 여러 방법이 나왔지만 해결한 방법은 https://m.blog.naver.com/kp1376/222485397384 이 블로그의 내용을 참고해서 해결 .NET Core를 배포하기 위해서는 SDK와 Core Runtime 등이 필요하다고 하는데 그중에 아래 이미지에 표시한 파일을 설치해서 해결 아래 링크에서 최신 버전 찾아서 다운로드 받아주면 됨 https://dotnet.microsoft.com/en-us/download/dotnet/9.0 Download .NET 9.0 (Linux, macOS, and Windows).NET 9.0 downloads for Linux, macOS, and Window..
-
Toast UI Editor 설치 시 오류발생(--force, --legacy-peer-deps)React 2023. 5. 25. 15:17
설치하려고 npm install --save @toast-ui/react-editor 명령어 입력했더니 오류를 뱉어냄 대충 슥 보니까 명령어로 --force 나 --legacy-peer-deps를 입력해주라고 한다 npm4-6 버전에서는 peer dependencies가 있으면 경고만 뜨고 설치가 됐지만 7버전은 설치가 막힌다고 한다. 고로 --force로 충돌을 우회하던가 --legacy-peer-deps-로 충돌을 무시하던가 선택해서 진행해애함 --force를 하면 package-lock.json에 몇 가지의 다른 의존 버전들을 추가 --legacy-peer-deps를 하면 peerDependency가 맞지 않아도 일단 설치 대부분 --force를 하는 것을 선호한다고 함 근데 여기서 나오는 peer..
-
-