어쩌다보니 슬라이더 라이브러리를 사용하는데 스와이퍼를 사용하고 있다. 근데 문제가 생겼다... ref의 current 속성이 업데이트된 후에 네비게이션 객체에 해당 ref를 전달해야 하지만 업데이트 전에 전달되는 대참사가... 그레서 여기서는 우리의 만능 useEffect를 이용해서 작업을 완성했다... 코드로만 보여주자면 const navigationPrevRef = useRef(null); const navigationNextRef = useRef(null); const commonSwiperProps = { loop: true, navigation: { nextEl: navigationNextRef?.current, prevEl: navigationPrevRef?.current, }, }; useE..

01. pm2? 애플리케이션 관리: pm2를 사용하여 Node.js 애플리케이션을 실행, 중지, 재시작할 수 있습니다. 여러 개의 애플리케이션을 동시에 실행하고, 로드 밸런싱을 통해 트래픽을 분산시킬 수도 있습니다. 모니터링: pm2는 애플리케이션의 CPU 사용량, 메모리 사용량, 로그 등을 모니터링할 수 있습니다. 이를 통해 애플리케이션의 성능과 상태를 실시간으로 파악할 수 있습니다. 로그 관리: pm2는 애플리케이션의 로그를 관리하고 로그 파일을 로테이션하여 저장합니다. 또한 로그 파일을 실시간으로 확인할 수 있는 기능도 제공합니다. 장애 처리: pm2는 애플리케이션의 비정상 종료 시 자동으로 재시작하는 기능을 제공합니다. 이를 통해 애플리케이션의 지속적인 가용성을 확보할 수 있습니다. 배포 및 업데..

Amazon EC2(Elastic Computing Cloud) EC2는 클라우드 웹 서비스 솔루션이고 어플리케이션을 호스팅할 때 사용될 수 있습니다. 기본적으로 EC2는 윈도우나 리눅스 혹은 다른 OS에서 실행되는 거대한 컴퓨터와 같습니다. 그리고 어떤 소프트웨어나 어플리케이션을 인스톨할 수 있습니다. 예를 들어 PHP, Python, 데이터베이스, 다른 유틸리티 등이 있습니다. 간단히 말해 EC2는 어플리케이션 호스팅 플랫폼이고 사용자의 요청으로 시스템을 설치할 수 있고 어플리케이션을 실행시킬 수 있습니다. Amazon S3(Simple Storage Service) S3는 데이터 스토리지 솔류션 혹은 서비스입니다. S3는 보통 바이너리 파일 혹은 다른 중요한 데이터를 저장하기위해서 사용합니다. S3..

getStaticPaths는 다이나믹라우팅일때 사용을 한다. 미리 해당 페이지를 빌드해서 정적페이지로 만드는거다. getStaticProps의 페이지 하나하나 버전이라고 생각된다. 이것또한 변화가 많이 없는페이지에나 사용이 된다고 한다.... 사용방법은 export async function getStatcPaths(){ // 다이나믹 라우팅으로 불러오는거 const result = await axios.get(); return { paths: [{ params: { id: "1" } }], }; } export const getStateicProps = wrapper.getStaticProps(async(context)=>{ const cookie = req ? req.headers.cookie: ""..

https://velog.io/@cadenzah/sequelize-document-2 여기 참조

드디어다.. 서버사이드 렌더링... 알바하느라 못적은 글 시작한다. 01. ssr 일단 reducer중 rootReducer 부터 고친다. 기존 import { combineReducers } from "redux"; import UserReducer from "./user"; import PostReducer from "./post"; const rootReducer = combineReducers({ user: UserReducer.reducer, post: PostReducer.reducer, }); export default rootReducer; 변화후 export interface IRootReducer { user: UserInitialState; post:PostInitialState; }..