트렌드를 유연하게 받아들이고,
완성도 높은 결과물로 다듬어냅니다.
HTML
시맨틱 태그를 적절히 활용하여 웹 접근성과 검색엔진 최적화(SEO)를 고려한 탄탄한 웹 구조를 설계할 수 있습니다.
CSS
반응형 웹 디자인 구현에 능숙하며, 크로스 브라우징 이슈를 이해하고 해결할 수 있습니다.
JavaScript
ES6+ 모던 문법에 익숙하며, DOM 조작, 이벤트 처리 및 비동기 통신을 통해 유려한 동적 사용자 경험을 구현할 수 있습니다.
TypeScript
정적 타이핑을 통해 런타임 에러를 방지하고, 명확한 인터페이스 정의를 통해 유지보수하기 좋은 코드를 작성합니다.
React
컴포넌트 기반 아키텍처를 이해하고 있으며, 커스텀 훅을 활용한 비즈니스 로직 분리와 효율적인 상태 관리가 가능합니다.
Next.js
SSR, SSG, ISR 등 다양한 렌더링 방식을 상황에 맞게 적용할 수 있으며, App Router 기반의 최적화된 웹 페이지를 구축합니다.
jQuery
레거시 코드에 대한 이해도를 바탕으로 기존 프로젝트의 유지보수 및 안정적인 DOM 조작을 수행할 수 있습니다.
React Native
React 생태계에 대한 이해를 바탕으로 iOS와 Android 양대 마켓에 대응하는 크로스 플랫폼 모바일 앱을 개발할 수 있습니다.
Expo
빠른 프로토타이핑과 내장된 배포 파이프라인을 활용하여 모바일 앱 개발부터 테스트, 배포까지의 주기를 단축시킬 수 있습니다.
Sass(SCSS)
변수, Mixin을 활용해 반복되는 스타일 코드를 줄이고, 모듈화하여 유지보수성을 높일 수 있습니다.
styled-components
CSS-in-JS 패턴을 적용하여 컴포넌트 단위로 스타일을 캡슐화하고, props를 활용한 동적인 테마 적용을 구현할 수 있습니다.
Tailwind CSS
디자인 시스템을 코드에 빠르게 적용하며, 직관적인 클래스명으로 일관성 있는 UI를 개발할 수 있습니다.
Three.js
웹 브라우저 상에서 인터랙티브한 3D 그래픽을 구현하며, 3D 툴로 제작한 모델을 웹에 최적화하여 몰입감 있는 사용자 경험을 제공할 수 있습니다.
Axios
RESTful API와 연동하여 비동기 데이터를 안정적으로 처리하고, 인터셉터를 활용한 공통 에러 처리가 가능합니다.
Redux
복잡한 전역 상태를 체계적으로 관리하며, 효율적인 상태 업데이트 로직을 구현합니다.
Zustand
직관적이고 가벼운 전역 상태 관리를 구현하며, 불필요한 렌더링을 방지하여 앱의 성능을 최적화할 수 있습니다.
Supabase
간단한 백엔드 인프라를 빠르게 구축하고 프론트엔드와 원활하게 연동할 수 있습니다.
AWS
클라우드 컴퓨팅의 기본 개념을 이해하고 있으며, EC2나 S3 등을 활용한 서비스 호스팅 및 정적 파일 배포 경험이 있습니다.
Vercel
GitHub 연동을 통한 프론트엔드 프로젝트를 자동 배포하고, 배포 환경 및 SEO 설정을 최적화할 수 있습니다.
Docker
컨테이너 기반 가상화의 개념을 이해하고 있으며, 일관된 개발 및 배포 환경을 구축하기 위해 이미지를 활용할 수 있습니다.
Git
브랜치를 활용하여 기능별로 코드를 분리하여 관리하고, 충돌을 해결하며 안전하게 버전을 관리합니다.
GitHub
코드 리뷰 문화를 이해하고 있으며, 이슈 트래킹을 통해 팀원들과 원활하게 비동기적으로 협업할 수 있습니다.
Jira
프로젝트 일정과 리스크를 체계적으로 관리합니다.
UX/UI & Web Design
사용자 중심의 디자인을 통해 서비스의 문제점을 찾고, 직관적인 사용성을 갖춘 인터페이스를 설계할 수 있습니다.
Figma
오토 레이아웃과 컴포넌트를 활용해 UI를 디자인하고 기획을 시각화할 수 있습니다. 툴에 대한 이해도를 바탕으로 기획·디자인 팀의 의도를 정확히 파악하고 소통하여, 프로젝트가 올바른 방향으로 나아갈 수 있도록 기여합니다.
Adobe Illustrator
벡터 기반의 그래픽(로고, 아이콘, 일러스트 등)을 직접 제작하여 웹/앱 디자인의 디테일과 완성도를 높일 수 있습니다.
Adobe Photoshop
고품질의 이미지 리터칭, 합성, 최적화 작업을 수행하여 UI/UX 디자인 및 웹 콘텐츠에 필요한 비주얼 리소스를 제작할 수 있습니다.
Adobe Premiere Pro
컷 편집, 자막, 효과 등 영상 편집 기술을 활용하여 서비스 홍보 영상 및 간단한 멀티미디어 콘텐츠를 제작할 수 있습니다.
SketchUp
공간의 구조를 직관적으로 파악하여 3D 모델링을 진행할 수 있습니다. 필요할 경우 웹/앱 서비스 내에 필요한 요소를 최적화하여 제작할 수 있습니다.
Blender
3D 에셋 모델링에 텍스처링, 렌더링까지 수행하여, 서비스 디자인에 필요한 시각적 효과를 제작할 수 있습니다.
