VS Code에서 영감을 받은 개발자 포트폴리오를 만들었습니다

Source: Dev.to

I wanted my portfolio to feel familiar to other developers — not like yet another generic personal website.

그래서 나는 실제 IDE처럼 보이고 동작하는 VS Code‑영감을 받은 포트폴리오를 만들기로 했습니다. 목표는 간단했습니다: 개발자가 포트폴리오를 열면 즉시 친숙함을 느껴야 한다는 것이었습니다.

What it includes

• An editor‑style layout with tabs
• A sidebar that works like a real code editor
• Terminal‑inspired sections for content
• Draggable windows
• Fully responsive across devices
• Custom theme support

Why I built this

Many portfolios focus heavily on flashy animations and visuals. I wanted to take a different approach and focus on familiarity and usability—something developers already understand without needing an explanation.

I know it might feel complicated to non‑devs, so I’m planning to implement an Easy Mode (switchable) that changes the layout to a simpler VS Code‑like view, making it easily understandable for everyone while keeping the VS Code aesthetics.

Repository

https://github.com/arnofrxdd/ide-portfolio

Demo

https://arnofrxdd.github.io/ide-portfolio/