justee

안녕하세요!Justee에 오신 걸 환영합니다.오늘은 'Page Router와 App Router가 궁금해질 때'에 대해 이야기해 볼게요.목차Next.js 라우팅 시스템 개요Page Router와 App Router 차이점언제 사용하면 좋을까?(Page Router와 App Router)마이그레이션 고려사항마무리하며: 결론 및 정리1. Next.js 라우팅 시스템 개요Next.js는 2가지 라우팅 시스템을 제공합니다.Page Router: /pages 디렉토리 기반 라우팅App Router: /app 디렉토리 기반 라우팅Next.js v13.4부터 App Router(/app 폴더 기반, 이하 생략)이 도입되었으며, 기존 Page Router(/pages 폴더 기반, 이하 생략)와는 여러가지 차이점이 있습..

안녕하세요!Justee에 오신 걸 환영합니다.오늘은 'createBrowserRouter 활용하여 더 깔끔하게 라우트를 구성해보자!'에 대해 이야기해 볼게요.목차createBrowserRouter란 무엇인가?BrowserRouter와 createBrowserRouter의 차이점errorElement로 에러 처리하기loader를 활용한 데이터 로딩 및 로딩 상태 관리createBrowserRouter의 장점과 활용 사례언제 createBrowserRouter를 사용해야 할까?마무리하며: 개인적인 소견정보1. createBrowserRouter란 무엇인가?createBrowserRouter는 React Router v6.4에서 새롭게 도입된 라우터 설정 방식입니다. BrowserRouter는 간단한 라우팅만..

[Spring Boot] SSL과 443 port 설정하기 참조! 이 부분은 도메인과 IP가 localhost(127.0.0.1)가 아닐 때만 적용됩니다. localhost(127.0.0.1)일 때는 추후 포스팅 예정입니다. SSL과 443포트를 적용하게 되었는데 443 포트가 계속 안 붙어서 슬퍼하다가 저랑 비슷한 상황이신 분들도 계실꺼 같아서 경험한 것을 토대로 포스팅합니다! 포스팅 내용 순서! 인증서 추출하기 - .p12 443 -> 8443 포트로 port forwarding하기! application.properties 설정하기 https:URL 로 접근 성공! 포스팅 내용! 1. 인증서추출하기 - .p12 keytool로 jks파일에서 pkcs12형태로 키 추출하기 (.jks 파일이 있다는 것..