{Code}·Desk
// {Code} · Desk — portfolio.config.tsimport { createSite } from '@codedesk/core'; export const site = createSite({ name: '{Code} · Desk', role: 'Frontend Developer & Designer', stack: ['TypeScript', 'React', 'Next.js', 'GSAP'],}); type Section = { id: string; title: string; theme: 'light' | 'dark';}; const sections: Section[] = [ { id: 'about', title: 'About', theme: 'light' }, { id: 'work', title: 'Work', theme: 'light' }, { id: 'service', title: 'Service', theme: 'dark' }, { id: 'thought', title: 'Thought', theme: 'light' }, { id: 'contact', title: 'Contact', theme: 'dark' },]; export function renderSections() { return sections.map((section) => { const node = mount(section.id); node.dataset.theme = section.theme; return node; });} async function build() { console.log('polishing pixels...'); await Promise.all([ optimizeImages(), inlineCriticalCss(), prefetchFonts(['Pretendard', 'Cormorant Garamond']), ]); return 'ready';} export default build;

About — 01 / 03

All-in-One Web Solution

웹사이트의 뼈대를 잡는 기획부터 안정적인 개발까지 전 과정을 아우르는 원스톱 서비스를 제공합니다.

{Code}·Desk

Service

우리는 전문적인 서비스를 제공합니다. 마이그레이션부터 프론트엔드 개발, 제품 컨설팅까지 — 아이디어가 실제로 작동하는 제품이 되기까지 전 과정을 함께합니다.

01

웹 기획 및 개발

비즈니스 로직에 맞춘 탄탄한 백엔드 설계와 최신 기술을 활용하여, 빠르고 안정적인 시스템을 구축합니다.

02

반응형 웹 구현

스마트폰, 태블릿, PC 등 모든 기기 화면에 완벽하게 맞춰지는 최적화된 웹 환경을 제공합니다.

03

프로덕트 컨설팅

성공적인 론칭을 위해 시장을 분석하고, 비즈니스 방향성과 웹 서비스 전략을 함께 기획합니다.

04

UI/UX 디자인

브랜드의 매력을 돋보이게 하는 세련된 시각 디자인(UI)과, 방문자가 쉽고 편하게 탐색할 수 있는 최적의 동선(UX)을 설계합니다.

05

유지보수 및 SEO

론칭 후 안정적인 사이트 관리와 함께 검색 엔진 최적화(SEO)를 적용하여 고객의 접근성을 높입니다.