← uvws

블랙 앤 화이트, 개발자를 위한 최소한의 UI

복잡함을 덜어낸 미니멀한 React 프론트엔드 작업기.

ReactUI/UX

기능이 아무리 좋아도 못생기면 손이 안 간다. 내가 매일 띄워놓고 쓸 앱이니까 무조건 예뻐야 했다.

디자인 컨셉은 철저하게 ‘다크 모드’와 ‘미니멀’. 화려한 색상 대신 무채색 계열을 베이스로 하고, 아주 작은 애니메이션이나 hover 효과에만 은은한 색상을 얹었다. 여러 프로젝트를 리스트업하는 사이드바와, 선택된 프로젝트의 터미널 뷰를 보여주는 메인 패널로 레이아웃을 쪼갰다.

가장 신경 쓴 부분은 포트 감지 기능이다. 서버가 뜨고 http://localhost:8000 같은 텍스트가 터미널에 찍히면, 그걸 정규식으로 감지해서 우측 상단에 예쁜 “Open in Browser” 버튼이 나타나게 만들었다. 사소하지만 이게 진짜 개발 생산성을 높여주는 디테일이라고 굳게 믿는다.

uvws의 다른 기록 보기
김현빈 Developer & Writer

기술, 포스팅 관련 질문, 프로젝트 협업 등 연락주시면 언제든지 회신 드립니다.

esc

↑↓ 고르기↵ 열기? 단축키

해변에서 주운 것

읽으러 가기 →
guest@beachcombers — zsh

단축키

⌘K 또는 /
글·작업·개발일지 찾기
R
해변 산책 — 아무 글 하나 줍기
`
터미널 열기
←→
쪽 넘기기 (휠·스와이프도 됩니다)
?
이 안내
esc
닫기