오늘의개발 [21/07/19] 업체 탐색 설명 모달 리팩토링 하지만 이렇게 자식으로 들어가게되면 FilterItem에 overflow-x:scroll을 추가해줘야하는 경우 드랍다운이 밑으로 가려지게됨. 위 빨간 사각형을 컨테이너 블록으로 인식하여 위치가 제대로 잡히지 않게되는데, 이를 제대로 구현하기위해 우선 getBoundingClientRect 메소드를 이용하기로 하였다. position이 뷰 포트기준이라면 top:y,left:x 값을 줌으로서 위... 오늘의개발오늘의개발 [21/07/31 ~ 08/01] 통합 검색 화면 서버사이드에서 검색 결과 fetch해서 보내주기 skeleton UI PagenationNavigator - SearchText 컴포넌트 중복 제거하기 propTypes 고도화하기 검색 타입 별 Minimi Component 만들기 전체 결과 화면에서 몇개만 보여줄 검색 타입 별 컴포넌트 하나로 Refactoring하기 전역 상태를 이용하지 않는다. 전역 상태를 가져야할 만큼 컴포넌트 구조가... 오늘의개발오늘의개발 [21/09/27] Junzzi Editor 프로젝트 셋팅 - (4) scss 적용하기 간략하게 작성하였다. scss를 사용하는 이유 학습의 목적 (지금까지 프로젝트는 css-in-js 환경에서 진행하였다. css-in-css를 적용해보고 싶어 결정) 상태에 따른 UI 스타일링이 바로 적용 (유저 인터랙션이 많은 어플리케이션의 경우 css-in-js 방식보다 효율적이다. -> 빠르게 UI스타일이 변경된다) 에디터를 이식할 부모 프로젝트의 환경을 고려 (업체 정보 입력 프로젝트가... 오늘의개발오늘의개발 [21/07/28] 필터 추가 기능 병원도다니고.. 토익준비도하고.. 하튼 여러모로 바쁜 탓에 개발을 리팩토링 말고는 못했다.. 오늘을 마무리로 내일부턴 검색 기능, 에디터 확장 기능 구현에 들어가야겠다.. 선택한 아이템이면 focus FilterItem props로 전해주는걸 children으로 바꾸어 전달 직접 입력의 경우 input으로 내부 요소를 변경해주어야함. 다른 컴포넌트에서 사용하는 경우 input은 사용되지 않으... 오늘의개발오늘의개발
[21/07/19] 업체 탐색 설명 모달 리팩토링 하지만 이렇게 자식으로 들어가게되면 FilterItem에 overflow-x:scroll을 추가해줘야하는 경우 드랍다운이 밑으로 가려지게됨. 위 빨간 사각형을 컨테이너 블록으로 인식하여 위치가 제대로 잡히지 않게되는데, 이를 제대로 구현하기위해 우선 getBoundingClientRect 메소드를 이용하기로 하였다. position이 뷰 포트기준이라면 top:y,left:x 값을 줌으로서 위... 오늘의개발오늘의개발 [21/07/31 ~ 08/01] 통합 검색 화면 서버사이드에서 검색 결과 fetch해서 보내주기 skeleton UI PagenationNavigator - SearchText 컴포넌트 중복 제거하기 propTypes 고도화하기 검색 타입 별 Minimi Component 만들기 전체 결과 화면에서 몇개만 보여줄 검색 타입 별 컴포넌트 하나로 Refactoring하기 전역 상태를 이용하지 않는다. 전역 상태를 가져야할 만큼 컴포넌트 구조가... 오늘의개발오늘의개발 [21/09/27] Junzzi Editor 프로젝트 셋팅 - (4) scss 적용하기 간략하게 작성하였다. scss를 사용하는 이유 학습의 목적 (지금까지 프로젝트는 css-in-js 환경에서 진행하였다. css-in-css를 적용해보고 싶어 결정) 상태에 따른 UI 스타일링이 바로 적용 (유저 인터랙션이 많은 어플리케이션의 경우 css-in-js 방식보다 효율적이다. -> 빠르게 UI스타일이 변경된다) 에디터를 이식할 부모 프로젝트의 환경을 고려 (업체 정보 입력 프로젝트가... 오늘의개발오늘의개발 [21/07/28] 필터 추가 기능 병원도다니고.. 토익준비도하고.. 하튼 여러모로 바쁜 탓에 개발을 리팩토링 말고는 못했다.. 오늘을 마무리로 내일부턴 검색 기능, 에디터 확장 기능 구현에 들어가야겠다.. 선택한 아이템이면 focus FilterItem props로 전해주는걸 children으로 바꾸어 전달 직접 입력의 경우 input으로 내부 요소를 변경해주어야함. 다른 컴포넌트에서 사용하는 경우 input은 사용되지 않으... 오늘의개발오늘의개발