Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 2 additions & 4 deletions docs/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ import MemberGrid from '@site/src/components/MemberGrid';

<HeroSection />

<MemberGrid />

## 이 사이트는 무엇인가요

함수랑 산악회 7명이 진행한 Code Complete 2판 스터디 노트를 외부에 공개한 저장소예요. Steve
Expand Down Expand Up @@ -39,10 +41,6 @@ McConnell이 2004년에 쓴 책이지만 핵심 원칙(복잡도 관리·정보
| ✏️ 좋은 코드 쓰기 | 7-9장, 20-23장 | 좋은 루틴 · 방어적 프로그래밍 · PPP / 품질 · 협력 · 테스트 · 디버깅 |
| 🔧 완성과 성장 | 24-26장, 31-34장 | 리팩터링 · 코드 튜닝 / 레이아웃 · 자기 설명 · 성격 · 장인정신 |

## 스터디원

<MemberGrid />

## 기여하고 싶다면

오타·번역 제안·다른 시각의 의견은 [GitHub
Expand Down
2 changes: 1 addition & 1 deletion docusaurus.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import type * as Preset from '@docusaurus/preset-classic';

const config: Config = {
title: 'Code Complete 2판 한글 스터디',
tagline: '함수랑 동아리 — Code Complete 2nd Edition 함께 읽기',
tagline: 'FE 개발자 7명이 Code Complete 2판을 읽고, 2026년에도 살아있는지 직접 투표했어요',
favicon: 'img/favicon.jpeg',

future: {
Expand Down
69 changes: 5 additions & 64 deletions src/components/HeroSection.tsx
Original file line number Diff line number Diff line change
@@ -1,83 +1,24 @@
import useBaseUrl from '@docusaurus/useBaseUrl';
import MemberCard from './MemberCard';
import type { MemberName } from './types';
import styles from './HeroSection.module.css';

interface Member {
nickname: MemberName;
realName: string;
emoji: string;
role: string;
github?: string;
linkedin?: string;
}

const members: readonly Member[] = [
{
nickname: 'Alice',
realName: '소현',
emoji: '🦊',
role: '2년차 프론트엔드 개발자 (F-pretence)',
},
{
nickname: 'Amber',
realName: '도윤',
emoji: '🐵',
role: '5년차 프론트엔드 개발자, 지금은 취준생',
},
{
nickname: 'Crong',
realName: '규진',
emoji: '🦎',
role: '토큰 없으면 퇴근하는 1년차 프론트엔드 개발자',
},
{
nickname: 'diego',
realName: '장원',
emoji: '🦉',
role: '운동은 안 하고 Claude에 월 50만원 쓰면서 데이터로 뇌 운동하는 5년차',
},
{
nickname: 'Jay',
realName: '준근',
emoji: '🦜',
role: '에어팟 없으면 개발 못 하는 3년차 프론트엔드 개발자',
},
{
nickname: 'Leo',
realName: '승완',
emoji: '🐻',
role: '아침밥 안 먹는 4년차 프론트엔드 개발자',
},
{
nickname: 'zinii',
realName: '미진',
emoji: '🐿️',
role: 'Claude에게 직장을 빼앗기게 생긴 고민 개발자',
},
];

export default function HeroSection() {
const heroImage = useBaseUrl('/img/members/hero.png');

return (
<section className={styles.hero}>
<div className={styles.intro}>
<p className={styles.eyebrow}>함수랑 산악회</p>
<h1 className={styles.title}>7명이 읽고 토론한 Code Complete 2판</h1>
<h1 className={styles.title}>
FE 개발자 7명이 Code Complete 2판을 읽고, 2026년에도 살아있는지 직접 투표했어요
</h1>
<p className={styles.subtitle}>
2026년 프론트엔드 현업 관점으로 다시 본 Steve McConnell의 고전. 멤버 의견 · 투표 ·
Devil&apos;s Advocate는 AI가 건드리지 않은 원본 그대로예요.
2026년 프론트엔드 현업 관점으로 다시 본 Steve McConnell의 고전. 각자의 경험으로 읽고, 직접
투표하고, 치열하게 토론했어요.
</p>
</div>
<figure className={styles.figure}>
<img src={heroImage} alt="함수랑 산악회 7인 캐릭터" loading="lazy" />
</figure>
<div className={styles.grid}>
{members.map((m) => (
<MemberCard key={m.nickname} {...m} />
))}
</div>
</section>
);
}
Loading