
한 파일에 코드와 스타일이 같이 있어 불필요하게 코드줄이 길어지는 것을 개선하고 다크모드, 라이트모드를 적용시키기 위해 custom style hook을 만들어보았다. 스타일을 사용하는 쪽에서는 아래와 같이 사용한다. 내가 만든 useStyle hook으로 스타일 및

컨셉: 한 이미지 당 4초간 노출, 4초에 한 번씩 자동으로 이미지가 넘어가는 Banner.Banner 컴포넌트의 구성은 위 이미지와 같다. 빨간색으로 표시된 부분이 눈에 보이는 부분이고, Animated.View는 각 이미지들을 감싸고 있는다. banner의 이미지가

form에 대한 설정 값만으로 자동 Input Form 만들기HForm.tsxHInput.tsx그 외에도 HButton, PressableButton 등 내가 만든 다른 컴포넌트들이 있지만 위 두 핵심 컴포넌트에 대해서 작성해보고자 한다.(HForm을 만들기 전에 마지

회색 View (swiper_area) 영역 위에서 마우스를 움직이면 마우스의 x위치 값 (locationX)을 얻을 수 있는데, 이를 이용해 연두색 View의 left를 조절한다.어느정도 위치가 변경되면 자동으로 이미지 사이즈에 맞게 left를 조절해주어야 한다.핵심