![]()
요약Swiper에서 각 슬라이드는 콘텐츠 높이에 따라 크기가 결정된다.Swiper의 height 또는 width 값을 명시하지 않는다면 Swiper는 각 슬라이드의 콘텐츠에 높이|너비에 따라 크기가 결정된다.따라서, 항상 Swiper의 높이 또는 너비값을 명시해야한다. 전체 답변높이를 명시해야 버그가 발생하지 않는 이유는 다음과 같습니다:1. **슬라이드의 크기 결정**: `Swiper`는 슬라이드의 높이를 콘텐츠에 따라 자동으로 조정합니다. 만약 슬라이드의 높이를 명시적으로 설정하지 않으면, 슬라이드는 기본적으로 콘텐츠의 높이에 맞춰지게 됩니다. 이 경우, 슬라이드의 콘텐츠가 화면보다 작으면 슬라이드의 높이가 작아지고, 그로 인해 스크롤바가 필요하게 됩니다.2. **수직 스크롤의 필요성**: 수직 방향..
![]()
이 글은 next.js 15 + styled-components + MUI 를 사용한 프로젝트에 대해 다룹니다.이 글의 테마는 MUI의 디자인 시스템 컬러를 참고하였습니다. 0. 코드 템플릿 1. 테마 생성src/styles/theme.tsimport { createTheme } from '@mui/material/styles';export const muiTheme = createTheme({ palette: { primary: { light: "#42A5F5", main: "#2196F3", dark: "#1E88E5", }, secondary: { main: "#BA68C8", light: "#9C27B0", dark: "#7..
![]()
"use client";import { useSidebarStore } from "@/store/SidebarStore";import { Drawer } from "@mui/material";import styled from "styled-components";import SidebarItem from "./SidebarItem";// 기존 Sidebar 컴포넌트는 유지하고, 중복된 선언을 제거합니다.const Sidebar = () => { const { isOpen, setIsOpen, items } = useSidebarStore(); const category = Object.keys(items); const RenderSidebarItems = category.map((item) => );..
![]()
프로필 > 설정 설정 및 개인정보 클릭 계정 유형 변경 이후 업로드하는 게시물은 조회수를 확인 가능합니다.
![]()
메타 비즈니스 접속https://business.facebook.com/ Meta for Business(이전 명칭: Facebook for Business) business.facebook.com 인스타그램 로그인 게시물 생성 게시물 작성업로드할 이미지를 선택하고 게시물 본문 텍스트를 작성합니다. 업로드 예약 예약 확인사이드바 > 플래너 에서 현재 시점(파란 수평선) 이전에 업로드된 게시물과 예약되어있는 게시물 정보를 확인할 수 있습니다.
![]()
들어가며이 글은 Next.js 15 버전 환경을 기준으로 작성되었습니다. 1. 배포 [React] Vercel을 이용한 리액트 프로젝트 배포 방법Vercel 배포 방법 1. github에 레포지토리를 만든다.(Public / Private 모두 가능이기 때문에 소스코드 공유 싫으면 Private로 레포 생성) 2. Vercel 회원가입 및 github 연동 (github으로 회원가입해야 레포지토리sooncoding.tistory.com 2. 도메인 설정 도메인 -> 도메인 검색) https://domain.gabia.com/regist/regist_domain구매 완료 후 My 가비아 -> 도메인 에서 표시한 도메인 주소를 복사한다 2. " data-og-host="sooncoding.tistory..
![]()
Next.js 15버전 기준으로 작성된 글입니다. src / app / layoutimport type { Metadata } from "next";export const metadata: Metadata = { title: "CALLO - 제로 칼로리 쇼핑몰", description: "제로 칼로리, 제로 슈가 등 다양한 카테고리를 통한 제로 식품들을 만나보세요!", keywords: "제로 칼로리, 제로 슈가, 다이어트 식품, 칼로", openGraph: { title: "CALLO - 제로 칼로리 쇼핑몰", description: "제로 칼로리, 제로 슈가 등 다양한 카테고리를 통한 제로 식품들을 만나보세요!", url: "https://callo-mu.vercel.app/"..
파일 다운로드 방법1. 3개 파일 모두 다운로드2. Fliper(2).vol1.egg 파일 열기3. Fliper.exe 파일 실행 사용방법exe 파일 내부 작성됨
