[Office 정품인증 업데이트 방법]1. 엑셀 파일 열기2. 좌측상단 [파일] 메뉴 선택3. 좌측 상단 [홈] 메뉴 선택4. 좌측하단 [계정] 메뉴 선택5. '인증 필요' 박스 내부의 '제품 키 변경' 클릭6. 아래 제품키 복사 붙여넣기7. [Office 정품 인증 ]버튼 클릭* Office2021 제품키 : FXYTK-NJJ8C-GB6DW-3DYQT-6F7TH
분류 전체보기
display : flex 값을 가진 엘리먼트는 자식 요소로 인해 넘침이 일어나도 스크롤이 작동되지 않는다. 이 이유 자세히 설명해줘 display: flex;에서 스크롤이 동작하지 않는 이유display: flex;를 가진 부모 요소에서 자식 요소가 넘쳐도 스크롤이 작동하지 않는 이유는 기본적인 Flexbox의 동작 방식 때문입니다.즉, Flex 컨테이너는 기본적으로 자식 요소를 '압축'하지 않고, 오히려 컨테이너의 크기를 조절하려고 하기 때문입니다.1. Flexbox는 기본적으로 컨테이너 크기를 조절한다.Flexbox는 자식 요소가 넘칠 경우, 부모 컨테이너 크기를 늘리는 방식으로 배치합니다.즉, 부모 요소는 자식 요소의 크기에 맞춰 확장되며, 스크롤이 발생하지 않습니다.📌 예제 (스크롤이 안 되는..
설치npm install notistack 예시 코드src / app / layout.tsximport ClientSnackbarProvider from "@/lib/ClientSnackbarProvider";export default function RootLayout({ children,}: Readonly) { return ( {children} );} src / lib / ClientSnackbarProvider.tsx"use client";import { enqueueSnackbar, SnackbarProvider } from "notistack";const ClientSnackbarProvider = () => ..
예시 코드import QuestionItem from "@/components/question/QuestionItem";import { getQuestionById } from "@/service/table/questions";import { Metadata } from "next";// ✨// 1. Next15에서는 파라미터를 비동기적으로 처리해야하며 이로 인해 타입을 프로미스 객체로 정의해야한다.// 2. 동적 라우팅에서 params의 타입은 string으로 설정해야한다.type PropsType = Promise// ✨ 동적 메타데이터 생성export async function generateMetadata({ params }: { params: PropsType }): Promise { con..
만약 supabase api key에 문제가 없을에도 불구하고 400 에러가 발생한다면 한 번에 너무 많은 데이터를 삽입하고 있는 것은 아닌지 확인해야합니다.Supabase bulk insert 1회 최대 삽입 행 개수는 30개입니다.그럼 너무 많다고 에러를 띄워줘..... 테스트 코드"use client";import { getCurrentUserUID } from "@/service/auth";import { postQuestions } from "@/service/table/questions";const page = () => { async function printUid() { const { data: uid, error } = await getCurrentUserUID(); if (..
믹스인 코드src / styles / mixins.tsimport { css } from '@emotion/react';// 믹스인 정의export const mixinFlex = (direction : "row" | "column") => css` display: flex; flex-direction: ${direction}; align-items: center; justify-content: center;`; 컴포넌트 코드"use client";import { Accordion, AccordionDetails, AccordionSummary, styled, Typography } from "@mui/material";import React from "react";import ExpandMore..
타입 정의"use client";import React from "react";type ExampleType = { Icon: React.ReactElement;};const Example = ({ Icon }: ExampleType) => { return ( {Icon} );};export default Example;타입 정의 방법 : React.ReactElement로 정의 후 JSX로 렌더링 사용 예시 import Example from "./Example";import { Psychology, Science, Engineering, MedicalServices, Gavel, Palette, Business, School, Agriculture, Waves, ..
