This is a Next.js project bootstrapped with create-next-app.
파드 웹파트 5기 이태윤입니다. 이번에 코드를 짜면서 많은 문제가 있었습니다.
웹페이지 확대를 100%로 하면 팝업 화면을 눌렀을때 그림이 깨지고 다행인건 댓글창과 하트가 나오는데 하트의 로고또한 깨져서 이걸 어떻게 해야할 지 모르겠습니다. 분명 하트 로고 관련 파일이 있는데 깨지는 이유에 대해서 모르겠습니다.
그리고 그림이 나오게 하려면 화면 확대를 175%이상으로 해야 사진의 팝업이 보입니다. 하지만 댓글창과 하트의 비율이 맞지 않아 화면 밖으로 사라지는 문제가 있었습니다. 왜 이런지 꼭 좀 알고 싶습니다.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.