// People, Research, Publications, News, Contact function ResearchPage() { const w = useWinWidth(); const isMobile = w < 900; return ( {/* Research Summary — with figure */}
── RESEARCH SUMMARY

A mechanism-driven approach to preclinical science for treating refractory human diseases.

Rigorous preclinical evaluation of novel therapeutics demands integration across pharmacology, pathophysiology, and translational science — asking not only whether a therapy works, but how and why it works in the living system.

Dual training (D.V.M., Ph.D. in Veterinary Pathology) anchors our ability to evaluate therapeutic efficacy, safety, and mechanism in animal disease models — spanning PK/PD, toxicology, histopathological assessment, and IND-enabling translational studies for chronic and refractory human diseases.

Research summary schematic
FIG · Development of minimally invasive therapy and disease modeling for personalized medicine
{/* Three-track framework with figures */}
── THREE COMPLEMENTARY TRACKS

Research framework

{[ { no: 'I', en: 'Preclinical Efficacy & Disease Modeling', ko: '전임상 약효 평가 · 질환 모델링', img: 'v2/assets/research-disease.png', caption: 'Disease modeling across four organ systems — Skin · Musculoskeletal · Liver & Nutrition · Tumor', desc: 'Animal and organ-on-chip models that faithfully reproduce human disease pathophysiology — serving as rigorous testbeds for therapeutic efficacy, safety, and mechanism. We run in vivo efficacy and toxicity studies across skin wound/dermatitis, osteoarthritis, liver disease, and oncology models, with histopathological readouts that anchor translational decision-making.', keywords: ['In vivo efficacy', 'Histopathology', 'Skin-on-a-chip', 'Tumor models', '3D cancer modeling'], tone: B.accent, }, { no: 'II', en: 'Animal-Alternative Preclinical Platforms', ko: '동물실험 대체 전임상 플랫폼', img: 'v2/assets/research-alt-platform.jpg', caption: 'Organ-on-a-chip platforms — Lung · Sensory Ganglion · Adipose · Patient-derived Cancer on a chip', desc: 'We develop microphysiological systems (MPS) that replicate human organ pathophysiology without animal subjects — enabling mechanistic drug screening and toxicity prediction with higher human relevance. Current platforms include Lung-on-a-chip (Air-liquid interface), Sensory Ganglion-on-a-chip, Adipose-on-a-chip, and Patient-derived Cancer-on-a-chip, built in collaboration with clinical and engineering partners.', keywords: ['Organ-on-a-chip', 'Lung-on-a-chip', 'Cancer-on-a-chip', 'Adipose-on-a-chip', 'MPS', '3Rs'], tone: '#0e7490', }, { no: 'III', en: 'Translational Therapeutic Development', ko: '중개 치료제 개발', img: 'v2/assets/research-platform.png', caption: 'Four therapeutic platforms — 3D tissue modeling · Organ-on-a-Chip · Microneedles · Injectable hydrogels', desc: 'Novel therapeutic modalities for refractory diseases — with a particular focus on stimuli-responsive embolic agents for intractable vascular diseases. Our platforms (injectable hydrogels, microneedles, organ-on-a-chip for drug screening) are developed with clinical translation as the endpoint, published across Advanced Healthcare Materials, Small, Advanced Functional Materials, and Advanced Science.', keywords: ['In vivo efficacy', 'Organ-on-a-Chip', 'Skin-on-a-chip', 'Injectable hydrogel', 'Drug screening'], tone: B.accent2 || '#1e6091', }, ].map((t, i) => (
{t.no}
TRACK {t.no}

{t.en}

{t.ko}

{t.desc}

{t.keywords.map(k => ( {k} ))}
{t.en}
{t.caption}
))}
{/* Research Goal */}
Translational bioconvergent solutions
FIG · Bridging Bioengineering, Clinical Application, and Pharmaceutical Science toward translational/bioconvergent solutions for human health
── RESEARCH GOAL

Advancing mechanism-based, translationally ready therapeutics for refractory diseases.

Developing effective therapeutics for refractory human diseases demands convergence across pharmacology, pathophysiology, and clinical science. Our research generates the preclinical evidence — efficacy, safety, mechanism — that determines whether a new therapeutic is ready to advance toward the clinic.

This mission aligns directly with the educational and research goals of the College of Pharmacy at Korea University — training the next generation of pharmaceutical scientists to translate laboratory discovery into meaningful therapeutic impact.

); } function PeoplePage() { const w = useWinWidth(); const isMobile = w < 900; const pi = people.find(p => p.pi); const rest = people.filter(p => !p.pi); return ( {/* PI spotlight */}
Hanjun Kim, Ph.D. — Principal Investigator
{[ ['Google Scholar ↗', 'https://scholar.google.co.kr/citations?user=SF56UPQAAAAJ&hl=en'], ['ORCID ↗', 'https://orcid.org/0000-0001-9238-7238'], ['LinkedIn ↗', 'https://www.linkedin.com/in/hanjun-kim-158162183/'], ].map(([l, href]) => ( {l} ))}
PRINCIPAL INVESTIGATOR

{pi.name}

김한준 · Ph.D.
Associate Professor · College of Pharmacy, Korea University
고려대학교 첨단융합신약학과 학과장

Dr. Kim leads a preclinical science laboratory at the interface of pathophysiology, translational therapeutics, and in-vivo disease modeling. Drawing on dual training in veterinary medicine (D.V.M.) and veterinary pathology (Ph.D.), his group evaluates the efficacy, safety, and mechanism of novel therapeutics — with a translational focus on stimuli-responsive embolic agents for refractory vascular diseases.

{/* Bio — flattened, all sections always visible */}
{[ ['Current appointment', 'Associate Professor (2025.09 ~)'], ['Department head', '첨단융합신약학과 학과장 (2025.11 ~)'], ['Lab founded', '2023.03 (at KU Pharmacy)'], ['Office', 'Room 504 · 약학대학연구실험동'], ['Research area', 'Preclinical Science · Pathophysiology'], ['Editorial board', 'Artificial Organs (2021 ~)'], ].map(([k,v],i) => (
{k}
{v}
))}
{/* Lab members — grouped */} { const order = ['Ulziituya Batjargal','Minseok Kim','Soojin Park','Wonjun Jang','Minjin Kwak','Min Young Lee','Minjeong Kim','Jinsol Choi','Su-Hyun Kim']; return rest.filter(m => m.group === 'grad') .slice() .sort((a,b) => order.indexOf(a.name) - order.indexOf(b.name)); })()} detailed /> m.group === 'ug')} /> ); } function AlumniSection({ alumni }) { const w = useWinWidth(); const isMobile = w < 900; const [lightbox, setLightbox] = React.useState(null); return (
{lightbox && (
setLightbox(null)} style={{ position: 'fixed', inset: 0, zIndex: 9999, background: 'rgba(0,0,0,0.82)', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24, }}>
e.stopPropagation()} style={{ background: 'white', borderRadius: 14, overflow: 'hidden', maxWidth: 360, width: '100%', boxShadow: '0 24px 80px rgba(0,0,0,0.4)', }}> {lightbox.name}
{lightbox.name}
{lightbox.period}
{lightbox.affil && (
{lightbox.affil}
)}
)}
── ALUMNI

Past researchers

{alumni.length} alumni
{alumni.map((a, i) => (
a.photo && setLightbox(a)} style={{ display: 'flex', alignItems: 'center', gap: 12, padding: '10px 14px', background: 'white', border: `1px solid ${line}`, borderRadius: 8, cursor: a.photo ? 'pointer' : 'default', transition: 'box-shadow 0.15s', }} onMouseEnter={e => { if (a.photo) e.currentTarget.style.boxShadow = '0 2px 12px rgba(0,0,0,0.08)'; }} onMouseLeave={e => e.currentTarget.style.boxShadow = 'none'} >
{a.photo ? ( {a.name} ) : (
{a.name[0]}
)}
{a.name}
{a.period}
{a.photo &&
↗
}
))}
); } function MembersSection({ label, sub, members, detailed }) { const w = useWinWidth(); const isMobile = w < 900; if (!members || !members.length) return null; return (
── {label}

{sub}

{members.length} {members.length > 1 ? 'members' : 'member'}
{members.map((m, i) => ( ))}
); } function MemberCard({ m, detailed }) { return (
{m.photo ? ( {m.name} ) : (
{m.name[0]}
)}
{m.ko}
{m.name}
{m.role}
{m.period && (
{m.period}
)} {m.affil && (
{m.affil}
)} {detailed && m.edu && (
EDUCATION
{m.edu.map((e, k) => (
{e}
))}
)} {m.tags && m.tags.length > 0 && (
{m.tags.map(t => ( {t} ))}
)}
joined {m.since} {m.email && ✉ {m.email}}
); } function CVSection({ label, children }) { return (
── {label}
{children}
); } function CVList({ items }) { return (
{items.map(([when, what, where], i) => (
{when}
{what}
{where &&
{where}
}
))}
); } function CourseChip({ code, name, tone }) { const hasCode = code && code !== '—'; return (
{hasCode ? code : '···'}
{name}
); } function TeachingGrid({ undergrad, graduate }) { const Row = ({ label, sub, courses, tone }) => (
{label}
{sub}
{courses.length} courses
{courses.map((c, i) => )}
); return (
); } // Format an author string. Bolds "Kim HJ" (and variants) and highlights co-first / corr markers. function AuthorList({ raw }) { // Split on commas, then inspect each name. const parts = raw.split(',').map(s => s.trim()); return ( {parts.map((name, i) => { const isPI = /\bKim\s*HJ\b|\bKim,?\s*H\.?\s*J\b|^Kim HJ/i.test(name) || /Kim HJ\*/.test(name); const isCorr = /\*/.test(name) && /Kim/i.test(name); return ( {i > 0 && ', '} {name} ); })} ); } // BRIC 한빛사 badge — composite mark: BRIC wordmark + 한빛사 label // Two sizes: 'sm' for list row, 'xs' for grid tiles function HanbitsaBadge({ size = 'sm', topCited }) { const sm = size === 'sm'; const h = sm ? 20 : 16; const fs = sm ? 10 : 9; const kfs = sm ? 11 : 9.5; return ( {/* BRIC mark */} BRIC {/* 한빛사 label */} 한빛사{topCited ? ' · 상위피인용' : ''} ); } function PubBadge({ children, color, bg, solid }) { if (solid) { return ( {children} ); } return ( {children} ); } function PublicationsPage() { const w = useWinWidth(); const isMobile = w < 900; const [year, setYear] = React.useState('All'); const [q, setQ] = React.useState(''); const [view, setView] = React.useState('list'); // list | covers const [roleFilter, setRoleFilter] = React.useState('All'); // All | first | corr | cover const all = window.publications || []; const years = ['All', ...Array.from(new Set(all.map(p => String(p.y)))).sort().reverse()]; const matchesRole = (p) => { if (roleFilter === 'All') return true; if (roleFilter === 'first') return p.first || p.cofirst; if (roleFilter === 'corr') return p.corr; if (roleFilter === 'cover') return !!p.cover; if (roleFilter === 'hanbitsa') return !!p.hanbitsa; return true; }; const filtered = all.filter(p => (year === 'All' || String(p.y) === year) && matchesRole(p) && (q === '' || (p.journal + ' ' + p.title + ' ' + p.authors).toLowerCase().includes(q.toLowerCase())) ); const withCovers = all.filter(p => p.cover); const realCovers = all.filter(p => p.coverImg); // papers with actual uploaded cover art const featured = withCovers.slice(0, 5); // Group by year for list view const byYear = {}; filtered.forEach(p => { (byYear[p.y] = byYear[p.y] || []).push(p); }); const sortedYears = Object.keys(byYear).sort().reverse(); // Stats const nCorr = all.filter(p => p.corr).length; const nFirst = all.filter(p => p.first || p.cofirst).length; const nCovers = withCovers.length; const nHanbitsa = all.filter(p => p.hanbitsa).length; return ( {/* Stat strip */}
{[ [all.length, 'Total papers'], [nCorr, 'Corresponding author', '*'], [nFirst, 'First / co-first'], [nCovers, 'Journal covers'], [nHanbitsa, '한빛사 selected'], ].map(([n, label, mark], i) => (
0 ? `1px solid ${line}` : 'none' }}>
{n}{mark && {mark}}
{label}
))}
{/* Cover art wall — real uploaded journal covers, full width */}
── COVER ART GALLERY

Featured on {realCovers.length} journal covers

Research from our group has been selected for the cover artwork of Advanced Materials, {' '}Advanced Science, Small, Advanced Healthcare Materials, {' '}Advanced Functional Materials, and other leading journals.
CLICK ANY COVER TO VIEW PAPER →
{realCovers.slice().reverse().map((p) => ( e.currentTarget.style.transform = 'translateY(-4px)'} onMouseLeave={e => e.currentTarget.style.transform = 'translateY(0)'}>
{p.cover}
№{p.n} · {p.y}
{p.journal}
{p.cover}
))}
{/* Filter bar */}
YEAR
{years.map(y => ( ))}
ROLE
{[['All','All'],['corr','Corresponding *'],['first','First / co-first'],['cover','Cover art'],['hanbitsa','🇰🇷 한빛사']].map(([k,label]) => ( ))}
setQ(e.target.value)} placeholder="Search title, author, journal…" style={{ padding: '7px 12px', borderRadius: 6, border: `1px solid ${line2}`, fontSize: 16, fontFamily: 'inherit', width: 220, outline: 'none', marginLeft: 'auto', }}/>
{[['list','List'],['covers','Grid']].map(([v,label]) => ( ))}
{/* List / covers */}
Showing {filtered.length} of {all.length} papers {year !== 'All' && <> · year {year}} {roleFilter !== 'All' && <> · role: {roleFilter}} {q && <> · "{q}"} Kim HJ = PI ·{' '} name* = corresponding
{view === 'list' ? (
{sortedYears.map(y => (
{y}
{byYear[y].length} paper{byYear[y].length !== 1 ? 's' : ''}
{byYear[y].map(p => ( ))}
))} {filtered.length === 0 && (
No publications match these filters.
)}
) : (
{filtered.map((p, i) => (
№{p.n} · {p.y}
{p.journal}
{p.title}
{p.corr && Corr} {p.first && First} {p.cofirst && Co-1st} {p.cover && ★ Cover} {p.hanbitsa && } {p.IF && IF {p.IF}}
))}
)}
); } function PublicationRow({ p }) { const [open, setOpen] = React.useState(false); const roleBadge = p.corr ? { label: 'Corresponding', color: B.accent } : p.first ? { label: 'First author', color: '#15803d' } : p.cofirst ? { label: 'Co-first', color: '#15803d' } : null; return (
{/* number + IF */}
{p.n}
{p.IF && (
IF
{p.IF}
)}
{/* main */}
{/* top row: role badge + cover badge + hanbitsa */} {(roleBadge || p.cover || p.hanbitsa) && (
{roleBadge && {roleBadge.label}} {p.cover && ★ Cover art} {p.hanbitsa && }
)}
setOpen(o => !o)}> {p.title}
{p.journal} {p.vol && · {p.vol}}
{open && p.cover && (
★ {p.cover}
)}
{/* actions */}
{p.y}
{p.link && ( Read ↗ )}
); } function NewsLightbox({ item, onClose }) { // Normalize: support both `image` (single) and `images` (array) const imgs = item.images ? item.images : item.image ? [item.image] : []; const [idx, setIdx] = React.useState(0); const prev = () => setIdx(i => (i - 1 + imgs.length) % imgs.length); const next = () => setIdx(i => (i + 1) % imgs.length); React.useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') onClose(); if (e.key === 'ArrowLeft' && imgs.length > 1) prev(); if (e.key === 'ArrowRight' && imgs.length > 1) next(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [imgs.length]); const hasImages = imgs.length > 0; return (
e.stopPropagation()} style={{ background: 'white', borderRadius: 14, overflow: 'hidden', maxWidth: 860, width: '100%', maxHeight: '90vh', display: 'flex', flexDirection: 'column', boxShadow: '0 24px 80px rgba(0,0,0,0.5)', }}> {/* Image area */} {hasImages && (
{item.title {/* Prev / Next arrows */} {imgs.length > 1 && (<> {/* Dot indicators */}
{imgs.map((_, i) => (
{/* Counter */}
{idx + 1} / {imgs.length}
)}
)} {/* Info panel */}
{item.date} · {item.type}
{item.title &&
{item.title}
} {item.journal &&
{item.journal}
} {item.meta &&
{item.meta}
} {item.text &&
{item.text}
}
{item.link && ( Read paper → )}
); } function NewsPage() { const w = useWinWidth(); const isMobile = w < 900; const [filter, setFilter] = React.useState('All'); const [yearFilter, setYearFilter] = React.useState('All'); const [view, setView] = React.useState('timeline'); // timeline | gallery const [lightbox, setLightbox] = React.useState(null); const typeLabels = { All: 'All', paper: 'Papers & 한빛사', award: 'Awards', promote: 'Appointments', milestone: 'Milestones', event: 'Lab events', press: 'Press', member: 'Members', }; const types = ['All','paper','award','promote','milestone','event','press','member']; const typeColor = (t) => ({ paper: B.accent, award: B.accent2, promote: '#15803d', milestone: '#7c3aed', event: '#0891b2', press: '#be185d', member: '#0369a1', }[t] || ink2); // Available years derived from data const years = ['All', ...Array.from(new Set(newsFull.map(n => n.date.slice(0,4)))).sort().reverse()]; const filtered = newsFull .filter(n => filter === 'All' || n.type === filter) .filter(n => yearFilter === 'All' || n.date.startsWith(yearFilter)); const featured = newsFull.find(n => n.featured) || newsFull[0]; return ( {lightbox && setLightbox(null)}/>} {/* Featured card */}
(featured.image || featured.title) && setLightbox(featured)} style={{ display: 'grid', gridTemplateColumns: '1.2fr 1fr', gap: 0, border: `1px solid ${line}`, borderRadius: 12, overflow: 'hidden', background: 'white', cursor: 'pointer', }}>
── FEATURED · {featured.date}
{featured.title && (
{featured.title}
)} {featured.journal && (
{featured.journal}
{featured.meta && (
{featured.meta.split(' · ').map((part, j) => ( {part} ))}
)}
)}
{featured.text}
{featured.caption && (
{featured.caption}
)} {featured.link && ( Read paper → )}
{/* Year filter */}
Year
{years.map(y => ( ))}
{/* Filter + view switcher */}
{types.map(t => { const count = t === 'All' ? newsFull.length : newsFull.filter(n => n.type === t).length; return ( ); })}
{[['timeline','Timeline'],['gallery','Gallery']].map(([v,label]) => ( ))}
{view === 'gallery' ? (
{filtered.map((n, i) => (
setLightbox(n)} style={{ border: `1px solid ${line}`, borderRadius: 12, overflow: 'hidden', background: 'white', cursor: 'pointer', textDecoration: 'none', color: 'inherit', display: 'block', }}>
{n.type} {n.date}
{n.title &&
{n.title}
} {n.journal &&
{n.journal}
} {n.meta &&
{n.meta}
} {n.text &&
{n.text}
}
))}
) : (
{filtered.map((n, i) => (
setLightbox(n)}>
{n.date}
{n.type}
{n.title && (
{n.title}
)} {n.journal && (
{n.journal}
{n.meta && (
{n.meta.split(' · ').map((part, j) => ( {part} ))}
)}
)} {n.text &&
{n.text}
} {n.caption && (
{n.caption}
)} {n.link && ( Read paper → )}
))}
)}
); } function ContactPage() { const w = useWinWidth(); const isMobile = w < 900; const email = 'hanjun at korea.ac.kr'; return ( {/* ── Address + Contact */}
{/* Address */}
── ADDRESS
Department of Pathophysiology & Preclinical Science
College of Pharmacy, Korea University
2511 Sejong-ro, Sejong 30019, Republic of Korea
세종특별자치시 세종로 2511, 고려대학교 세종캠퍼스 약학대학
{[ ['Office', 'Room 504, Research Facility for the College of Pharmacy', '약학대학 연구실험동 504호'], ['Laboratory', 'Room 404, Research Facility for the College of Pharmacy', '약학대학 연구실험동 404호'], ].map(([label, en, ko]) => (
{label}
{en}
{ko}
))}
{/* Contact info + PI card */}
── CONTACT INFO
PRINCIPAL INVESTIGATOR
Hanjun Kim, Ph.D.
김한준 교수
✉ {email}
⚠ 본 홈페이지에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부합니다.
{/* ── Opportunities */}
── OPPORTUNITIES

Join the Kim Lab.

함께 연구할 연구원을 찾고 있습니다.

We welcome self-motivated and passionate postdocs, graduate students, undergraduate students, and visiting scholars/students to join our team. We hire the best and train the best.

{[ { label: 'Graduate Students', ko: '대학원생 (석사 · 박사 · 통합과정)', status: 'closed', statusLabel: 'No openings · 2025 – 2026', desc: 'Admissions are currently paused for the 2025 and 2026 cycles. Future openings will be announced here.', }, { label: 'Postdoctoral Researcher', ko: '박사후연구원', status: 'closed', statusLabel: 'No openings · 2025 – 2026', desc: 'No openings for 2025 and 2026. Exceptional candidates with fellowships may still inquire.', }, { label: 'Undergraduate Students', ko: '학부연구생', status: 'open', statusLabel: 'Openings available', desc: 'Several openings for undergraduate researchers. Interested students should contact Dr. Kim directly with a brief CV and statement of interest.', }, { label: 'Visiting Scholars / Students', ko: '방문 연구원 · 방문 학생', status: 'open', statusLabel: 'Open · international collaboration', desc: 'We welcome scholars and students with similar research interests to facilitate international collaboration. Please reference "Visiting Scholars/Students Application" in your email.', }, ].map((o, i) => { const isOpen = o.status === 'open'; return (
{o.label}
{o.ko}
{isOpen ? '● Open' : '○ Closed'}
{o.desc}
{o.statusLabel}
); })}
Interested? Send a brief CV and a short note about your research interests —{' '} 간단한 CV와 관심 분야를 이메일로 보내주세요.
Email Dr. Kim →
); } Object.assign(window, { ResearchPage, PeoplePage, PublicationsPage, NewsPage, ContactPage });