Konsta UI 웹으로만 만들던 기존 프로젝트와 달리 앱 출시가 메인인 프로젝트인 만큼 UI가 모바일처럼 느껴지는 것이 중요하다고 생각했다. 그래서 이번 프로젝트에서는 Konsta UI 라이브러리를 적용하기로 하였다. Konsta UI는 React에서 iOS 디자
지난 프로젝트에서 Form 컴포넌트를 많이 사용했었는데, 그 때 이러한 고민이 있었다.연관성Form 컴포넌트 내에 하나의 input만이 존재한다면 상관 없겠지만, 당시에는 여러 개의 input이 필요했다. Form 내에서 사용되는 어떠한 input에서라도 validat
다담다 프로젝트에서 유일한 프론트엔드로 활동하다가 처음 프론트엔드 팀으로 협업해보게 되었다. 의욕 넘치던 처음 환경 세팅을 좀 길게 가져가면서 할 수 있는 자동화는 모두 해보고자 했다. 오늘은 그 과정에서 가장 오랜 시간을 소요했던 스토리북 배포 과정에 대해서 다뤄보고
현재 서비스의 어드민을 작업중이고, 구현은 위 이미지처럼 쪼개어 구현중이다. (실제 구현에 대해서는 추후 블로그 포스팅을 작성할 예정이다.)각 데이터들은 리액트 쿼리의 조회 요청을 통해 받은 값을 그대로 보이고, post나 patch 요청이 생기면 조회 데이터를 재조회
요구사항 정리 특정 input은 매 입력마다 '원'을 붙인다.
웹뷰는 고달프다. 달달 쇼핑은 모든 기능을 react로 만들고, 웹뷰를 통해 앱으로 서비스할 수 있도록 제작하였다. 웹뷰를 사용하면 고단한 점이 여럿 있지만, 그 중에서도 앱과 웹에서의 상이한 동작이 은근 구현하기 힘들다. (정확하게는 서치가 힘들다...) 오늘은 이
달달 쇼핑에서는 SVG Sprites로 아이콘 컴포넌트를 만든다.약 3주 전, 한 가지 문제가 발생했는데, 특정 상황에서 아이콘이 렌더링되지 않는 문제가 생겼다.(원래는 좌측 상단에 뒤로가기를 위한 아이콘이 존재하나 렌더링 되지 않는 상황의 이미지이다.)원인을 알기 위
어제 밤, 오랜만에 달달쇼핑 코드를 업데이트하던 중, 이해할 수 없는 오류가 발생했다.위 이미지는 달달 쇼핑 웹의 vercel deployments를 캡쳐한 이미지이다.코드를 수정하고, 배포를 확인해보러 vercel로 넘어가니, 언젠가부터 vercel build에서 오