CASSIE'S BLOG

초기 로딩 시 클라이언트 사이드 렌더링을 사용하면, 브라우저에서 JavaScript를 다운로드하고 실행하여 페이지를 동적으로 렌더링합니다. 이로 인해 초기 로딩 속도가 느릴 수 있습니다. 반면에 서버 사이드 렌더링을 사용하면, 서버에서 페이지를 렌더링한 후에 브라우저에 전달합니다. 사용자는 초기에 렌더링된 페이지를 받아 볼 수 있기 때문에 초기 로딩 속도가 빠릅니다. 이는 특히 동적 데이터가 많이 사용되는 페이지에서 유용하며, 검색 엔진 최적화 및 성능 향상에 기여합니다. Next.js는 서버 사이드 렌더링 및 정적 사이트 생성을 편리하게 사용할 수 있도록 도와주는 프레임워크로 이러한 이점을 제공합니다. 자바스크립트 다운로드는 초기 로딩 시간에서 중요한 부분을 차지합니다. React만 사용할 때는 클라이..

JPA는 데이터 그 자체가 아니라, Java 어플리케이션의 객체와 관계형 데이터베이스 간의 매핑을 담당하는 자바 표준 인터페이스입니다. package com.dailycodework.lakesidehotel.model; import jakarta.persistence.*; import lombok.AllArgsConstructor; import lombok.Getter; import lombok.NoArgsConstructor; import lombok.Setter; import java.time.LocalDate; /** * @author Simpson Alfred */ @Entity @Getter @Setter @AllArgsConstructor @NoArgsConstructor public clas..

🎯 오류내용: Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/shop-4a6a0.appspot.com/o?name=1705337484133jeans.jpg' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. CORS에러를 처리하려면 클라이언트 쪽에서도 처리를 해줘야 하지만 서버 쪽에서도 처리를 해주어야 한단다. 📌아직을 버킷을 안 만들었다.하^^;; 약간 사진 저장할 수 있는 ..

어드민 아이디 비밀번호인지 클라이언트 에서 서버로 데이터를 보내서 확인이 되면 그 다음에 라우팅을 할 수 있는거야? window.location.href를 이용해서 로그인 기능을 구현하고, 서버에서 아이디와 비밀번호를 확인한 후에 클라이언트에서 원하는 페이지로 리다이렉션할 수 있습니다. 일반적으로는 로그인 요청이 서버로 전송되고, 서버에서는 해당 정보를 확인한 후 토큰이나 세션 등의 방법을 사용하여 로그인 상태를 유지합니다. 다음은 간단한 예시입니다: // 예시: 로그인 함수 const handleLogin = async () => { try { // 로그인 요청 서버로 전송 const response = await fetch('https://yourserver.com/login', { method: '..

개인 프로젝트를 하다가 동적이름을 속성으로 정하고싶을 떄 [] 이거를 쓰라는 내용을 인터넷에서 찾았다. import "./newProduct.css"; export default function NewProduct() { const [inputs, setInputs] = useState({}); const [file, setFile] = useState(null); const [cat, setCat] = useState([]); //NOTE: Take previous one and return the new one const handleChange = () => { setInputs(prev=>{ return {...prev, [e.target.name]: e.target.value} }) } const..

AWS, Heroku, Google Cloud, 등 백엔드 툴 많은데 heroku가 제일 쉽다해서 도전 🎯 heroku cli 확인 (node.js 랑 버전 안 맞는 경우 node 버전 올려야함) 🎯 PS D:\personal\ecommerce-shop\api> $env:Path += ";C:\Program Files\Heroku\bin" 진짜 이렇게 설정을 해줘야함. 그다음에 🎯heroku -v 으로 버전 확인 🎯heroku login 🎯heroku create 🎯heroku apps:rename cassieecommerce (이름바꿈) -> 바뀌지않음🎯 heroku config:set MONGO_URL=process.env.MONGO_URL 업뎃하니까 됨;; 1시간 날림. 🎯 url 연결된 거 확인 ..