kasumil의 코딩 공작소

NextJS로 3일 걸려 만든 사이트를 배포했다.아직 뭐 코드 리팩토링도 해야겠지만... MVP 우선이라 배포했다.기존에 index파일을 읽는 정적개념에서 동적개념으로 사이트가 바뀌었는데, 이게 아주 골때리더라...npm run start로는 안되고 무조건 pm2로 무중단 적용해야한다.근데, pm2로 사용시 접근이 안되는 문제가 발생.npm pm2 install 해서 프로젝트 내부에서 pm2 적용했다.원래는 글로벌로 설치해야하는데, 시놀로지에선 그게 안되더라.예전에 산 데탑을 리눅스 깔고 할까 고민할정도...아무튼 로컬 Pm2 적용하니 동적 사이트로 잘 작동한다.기존에는 node index.js로만 호출하면 서버 db가 작동되었는데프로젝트 내에 pm2를 로컬로 설치하니까db도 잘 호출된다!기존에는 시놀로..

import { cookies } from "next/headers";import { NextResponse } from "next/server";import type { NextRequest } from "next/server";export async function middleware(req: NextRequest) { const cookieData = await cookies(); const token = cookieData.get("TokenData"); const publicPaths = ["/login", "/sign-up"]; const isPublicPath = publicPaths.includes(req.nextUrl.pathname); const isFile ..

아아... 시간이 없습니다... 젠장. ㅠㅠ 개발하기에는 솔직히 템플레이트로 제작하는 것이 제일 좋지만, 그런데 돈쓰기엔 아까우니 그냥 개인적으로 개발하는 여차저차 typescript 적용해서 만드는 프로젝트가 있습니다. head, footer 완성. home 진행 중인데, 가장 첫 탭인 react-slider 적용해서 완성... 약간 비율도 안맞고, 헤더의 경우 로고와 링크 주소를 고쳐야하는 것이 있지만 기본틀은 잡혀있다. 진행해야할 페이지 로그인, 회원가입, 로그아웃, 메인페이지(홈) 상품 리스트 상품 페이지 장바구니 결제페이지 인데...언제 하니 ㅠㅠ

import React from 'react'; import Head from 'next/head'; import Nav from './Nav'; import Footer from './Footer'; type Props = { children: any; } function Layouts({children}: Props) { return ( {children} ) } export default Layouts; // 위처럼 구성했었다. 위 처럼 내용을 구성했더니... 클릭 Nav 컴포넌트의 클릭이벤트가 아무것도 작동이 안되는 버그가 있었다. 흠.... 무엇이 문제일까? 하고 Nav바만 엄청 보고 고민하고 그랬는데, 원인은 Head였다. import React from 'react'; import Nav f..