Heekeun Cho
Co-founder, Chief of Technical Director
ARTICLE
우리의 개발은
9 Sep, 2024
웹 개발을 위해서는 HTML을 활용한 퍼블리싱이 필요합니다. HTML, CSS, Javascript 및 jQuery를 활용하여 다이내믹하고 사용 친화적인 웹사이트를 제작하는 게 가장 기본적인 웹사이트 제작 방식입니다. 웹사이트를 만들 때에는 웹 표준, 웹 접근성, 반응형 웹 등 고려해야 할 다양한 조건들을 가지고 있습니다.
웹사이트를 접속하는 모든 사람들에게 각기 다른 사용자 환경(PC, 모바일 및 OS 별 브라우저, 버전 등)에서 동일한 경험을 주기 위하여 여러 방면으로 테스트를 거쳐 사이트를 제작합니다.우리는 누구나 쉽고 편리하게 사이트의 콘텐츠를 이용할 수 있도록 웹 접근성을 고려하여 제작합니다. 기획 단계에서부터 디자인, 개발에 이르기까지 장애인과 비장애인이 시각, 청각, 지각의 차이 없이 손쉽게 웹 콘텐츠를 활용할 수 있는 환경을 제공하기 위해 다양한 기능과 기술을 웹 접근성 기준에 맞춰 제작할 수 있도록 노력하고 있습니다. 모든 기기에서도 동일한 UI와 자연스러운 동작을 제공할 수 있는 반응형 작업을 고려하며 제작합니다. 모바일, 태블릿, 테스크탑 등 어떤 환경에서도 하나의 웹사이트를 경험할 수 있도록 화면을 구성하며, 화면 사이즈가 변화할 때마다 자연스러운 모션을 적용하여, 사용자로 하여금 이질감이 없는 경험을 제공합니다.스탬프는 지속적으로 변화하는 IT 환경과 고객의 다양한 요구에 부응하기 위해 최적의 기술 스택을 선택하고 적용합니다.그 첫번째로 React를 도입하고 Next.js를 적용하며 필요한 경우에 따라 react-router, styled-components, Tailwind CSS 등 여러 플러그인들을 사용합니다. React로 프로젝트를 진행하는 이유 중 가장 큰 장점은 컴포넌트 형식으로 작업하여 재사용이 용이한 점과 Hot Reloading을 기반하여 작업한 내용을 바로 확인할 수 있다는 점, 다른 프레임워크 언어 중 커뮤니티 생태계가 가장 크고 활발한 점을 꼽을 수 있습니다. 또한 상태 관리 라이브러리인 redux나 recoil 등 호환의 용이성도 React를 사용하는 장점 중 하나입니다.또한 2022년부터는 앱 개발 영역으로 확장을 위해 React Native를 도입하여 다양한 프로젝트를 성공적으로 진행하고 있습니다. React Native는 하나의 코드 베이스로 iOS와 Android 플랫폼 모두를 지원할 수 있는 강력한 프레임워크로, 개발 효율성과 유지 보수 측면에서 뛰어난 성능을 발휘합니다. 이러한 기술적 선택을 통해 <카누 패들>, <맥심 마이 포인트>, <한겨레>와 같은 앱들을 개발하며 고객들에게 일관되고 우수한 사용자 경험을 제공하고 있습니다.고객의 다양한 요구에 신속하게 대응하기 위해, 스탬프는 React Native 기술과 웹 기술을 유연하게 결합한 개발 방식을 도입했습니다. 성능이 중요한 화면은 React Native로 구현하여 최고의 사용자 경험을 보장하고, 자주 업데이트가 필요한 페이지는 웹뷰 (WebView)를 통해 웹 기술을 활용함으로써 신속하고 효율적인 관리가 가능한 하이브리드 앱으로 개발했습니다.이러한 접근 방식은 고객의 변화하는 요구에 빠르게 대응할 수 있는 유연성과 개발의 효율성을 동시에 제공하고 있습니다. 그리고 웹뷰 하이브리드앱의 태생적 한계에서 벗어나고 앱의 신속한 업데이트와 원활한 유지 보수를 위해 코드 푸시(CodePush) 기술을 도입했습니다. 코드 푸시는 앱 스토어를 거치지 않고도 실시간으로 최신 코드를 배포할 수 있는 혁신적인 기술로, 이를 통해 고객에게 최신 기능과 개선 사항을 즉시 제공할 수 있습니다. 이 방식은 특히 <맥심 마이포인트> 앱에서 성공적으로 적용되어 사용자들에게 항상 최적화된 최신 앱 경험을 제공하고 있습니다.스탬프는 React, ReactNative 기반으로 웹/앱서비스를 제공하고 있으며, 프로젝트 기간/비용에 따라 합리적인 개발 방법을 제시하는데 노력하고 있습니다.Previous Article
