diff --git a/README.md b/README.md
index fea25f6f..721bbbf3 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
# nypc.github.io
-넥슨 청소년 프로그래밍 챌린지 (NYPC) 아카이브
+넥슨 영 프로그래머스 컵 (NYPC) 아카이브
[작업 가이드](GUIDE.md)
diff --git a/public/favicon.ico b/public/favicon.ico
index 4ed1b724..2ea7896d 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/Details.tsx b/src/components/Details.tsx
new file mode 100644
index 00000000..fbf978e8
--- /dev/null
+++ b/src/components/Details.tsx
@@ -0,0 +1,29 @@
+import styled from "@emotion/styled";
+import type { ReactNode } from "react";
+
+const DetailsContainer = styled.details`
+ margin: 16px 0;
+ padding: 8px 16px;
+ border: ${({ theme }) => theme.styles.border()};
+ border-radius: 8px;
+`;
+
+const Summary = styled.summary`
+ cursor: pointer;
+ font-weight: bold;
+`;
+
+export const Details = ({
+ summary = "자세히 보기",
+ children,
+}: {
+ summary?: string;
+ children?: ReactNode;
+}) => {
+ return (
+
+ {summary}
+ {children}
+
+ );
+};
diff --git a/src/components/PostLayout.tsx b/src/components/PostLayout.tsx
index ea348ce2..53d11e0b 100644
--- a/src/components/PostLayout.tsx
+++ b/src/components/PostLayout.tsx
@@ -65,7 +65,7 @@ export const PostLayout: React.FC = (props) => {
? `${meta.title}${
meta.codebattle ? " — NYPC CODE BATTLE" : meta.year ? ` — NYPC ${meta.year}` : ""
}`
- : "NYPC — Nexon Youth Programming Challenge";
+ : "NYPC — NEXON Young Programmers Cup";
return (
<>
diff --git a/src/components/Simulators.tsx b/src/components/Simulators.tsx
index eb231227..123bdcb2 100644
--- a/src/components/Simulators.tsx
+++ b/src/components/Simulators.tsx
@@ -11,10 +11,11 @@ const SimulatorButtonsGrid = styled.div`
interface Props {
urlPrefix: string;
count: number;
+ param?: string;
}
export const Simulators = (props: Props) => {
- const { urlPrefix, count } = props;
+ const { urlPrefix, count, param = "subtask" } = props;
return (
@@ -23,7 +24,7 @@ export const Simulators = (props: Props) => {
.map((_, index) => (