React-hook-form과 Material UI MUI Select Component 같이 사용 하는 방법 react-hook-form과 MUI(Material-UI)의 Select 컴포넌트 같이 사용하려고 하는 경우에는 react-hook-form과 MUI가 모두 ref를 통해서 dom을 제어하기 때문에 라이브러리들끼리 충돌해서 제대로 동작하지 않습니다. 이 경우 react-hook-form의 Controller API를 사용해주면 됩니다. react-hook-form 버젼 7 기준 Controller 컴포넌트 사용 import FormControl from "@material-ui/core/FormControl"; import InputLabel from "@material-ui/core/Inpu..
요즘 스마트 스토어를 통해서 사업에 도전하는 초보 사업자 분들이 많다. 여기서 주의해야 될 점이 있는데 바로 통신판매업 의 경우 현금 영수증 가맹점 가입이 의무이다. 일반적으로 알고 있는 것과 다르게 통신판매업 의 경우 수익을 상관 없이 의무적으로 가입을 해야 되므로 사업자 등록에 이어서 진행해 주는 것이 좋다. 60일 이내 의무적으로 가입을 해야 된다. 현금 영수증 가맹점 가입 방법 현금 영수증 가맹점 가입 가장 쉬운 방법은 역시 홈택스를 이용 하는 방법이다. 먼저 홈택스에 접속해서 로그인을 한다. 카카오톡 / 네이버 같은 간편 로그인을 통해서도 가입이 가능하다. 메뉴에 조회/발급 -> 현금 영수증 -> 현금 영수증 발급을 선택한다. 현금영수증 발급 페이지에서 우측 상단에 있는 현금 영수증 발급 사업자..
크리에이티브 커먼즈 라이선스 creative commons license 일명 CC 라이센스라고 부르며 저작권자가 일정한 기준을 만족하면 자신의 저작물의 사용을 자유롭게 허가해주는 라이센스이다 이용허락조건 자료 출처 http://ccl.cckorea.org/about/ 01. CC 라이선스 크리에이티브커먼즈 라이선스(Creative Commons License, 이하 CC 라이선스)는 창작자가 자신의 창작물에 대하여 일정한 조건하에 모든 이의 자유이용을 허락하는 라이선스 입니다. ccl.cckorea.org
최근 한국공인중개사협회를 법정단체로 하는 법안이 발의되었습니다. 모든 공인중개사들에게 협회 의무가입을 강제하여 소비자들의 권리 및 프롭테크 기업의 혁신을 저해하는 법안입니다. 시대를 역행하는 중개협회 의무가입 법안 발의 반대하시다면 청원에 동의 해주세요. 회원 가입 없이 ‘비회원 동의’가 가능하니 청원 동의 부탁드립니다. http://cheong.one/zb134115
아이폰 키보드 햅틱 기능 가장 최신에 업데이트 IOS 버전인 ios16 부터 사용자한테 좋은 기능이 역대급으로 많이 업데이트가 됐습니다. 오늘은 그중에서 키보드에 햅틱 피드백 기능을 설정하는 방법에 대해서 공유하도록 하겠습니다. 햅틱 ( 진동 ) 스마트폰 같은 테크 기기에 관심이 많은 사용자라면 이미 한번쯤은 햅틱이란 말을 한번쯤 들어보셨을겁니다. 햅틱이란 단순하게 말하면 진동을 뜻합니다. 물리적인 버튼을 사용하는것이 아닌 스마트폰의 경우 디스플레이를 터치해서 조작을 하는데요. 이때 기기에 햅틱(진동)을 통해서 사용자에게 피드백을 줘서 확실한 터치감을 주는 사용자 경험입니다. 햅틱(진동) 피드백을 통해서 키보드를 터치할때마다 기분 좋은 사용감뿐만 아니라 터치를 했다는 것을 정확하게 인지할수 있기 때문에 ..
AWS Fargate 컨테이너에 적합한 서버리스 컴퓨팅 AWS Fargate는 서버를 관리하지 않고도 애플리케이션 구축에 초점을 맞출 수 있도록 지원하는 종량제 서버리스 컴퓨팅 엔진입니다 웹 앱, API 및 마이크로서비스 컨테이너의 속도 및 불변성을 바탕으로 애플리케이션, API 및 마이크로서비스 아키텍처를 구축 및 배포합니다. Fargate는 가장 중요한 애플리케이션에 초점을 맞출 수 있도록 컴퓨팅 인프라의 수명 주기를 소유, 실행 및 관리할 필요성을 없애줍니다. 컨테이너 워크로드 실행 및 크기 조정 Amazon ECS 또는 Amazon EKS와 함께 Fargate를 사용하여 컨테이너식 데이터 처리 워크로드를 손쉽게 실행 및 크기 조정합니다. 또한 Fargate를 사용하면 레거시 애플리케이션을 리팩터링..
AWS ECS 총정리 Amazon Elastic Container Service(Amazon ECS) 익숙해지기 위해서 AWS 용어는 영문으로 작성한다. ECS(Elastic Container Service) ECS는 AWS에서 제공하는 컨테이너 오케스트레이션 서비스입니다. 여러 어플리케이션 컨테이너를 쉽고 빠르게 실행하고, 컨테이너를 편하게 확장 & 축소하기 용이 합니다. * 다시 말해 컨테이너 관리를 도와주는 AWS 도구 ECS 주요 개념 AWS ECS 서비스 아키텍쳐를 살펴보면 아래와 같이 알고 넘어가야하는 주요 요소들이 있습니다. 한번 살펴볼까요? Container 개발자는 Container를 사용하여 빠른 속도로 애플리케이션의 실행하고 반복하고 이를 반복 할 수 있습니다. Container는 ..
const AlertModal = ({title,desc})=> { const domNode = document.getElementById(`modal`) return ReactDom.createPortal( {title} {desc} , domNode ) } 모달처럼 React 컴포넌트 트리와 실제로 렌더링되는 결과물 Dom과 일치 하지 않고 사용하는 경우가 있습니다. 그럴때는 ReactDom.createPortal 메소드를 사용하면 됩니다. ReactDom.createPortal( 컴포넌트 , 렌더링될 장소 ) 위 처럼 컴포넌트 구조와 상관없이 특정 dom에 렌더링 하는 것이 가능 합니다.
