wadoob

윈도우 소문자(Lower case) 로 변경: CTRL+SHIFT+Y 대문자(Upper case) 로 변경: CTRL+SHIFT+X Mac 소문자(Lower case) 로 변경: CMD+SHIFT+Y 대문자(Upper case) 로 변경: CMD+SHIFT+X

오늘은 온라인 쇼핑몰 Open API 에 대해서 알아보고자 합니다. 온라인 쇼핑몰 Open API를 통해서 대량 상품등록 및 고객문의를 처리할 수 있기 때문에 쇼핑몰을 운영하는 사람 입장에서는 높은 인건비를 상쇄할 수 있는 서비스를 만들 수 있는 기초라고 생각하면 됩니다. 그럼 먼저, 2022년 온라인 쇼핑 점유율의 통계치를 확인해보도록 하겠습니다. 위의 이미지를 보면, 쿠팡이 1위 그 뒤를 네이버가 바짝 쫓고 있으며, 쓱닷컴과 지마켓이 3위 11번가 4위 그 뒤로 카카오, 롯데온, 위메프, 티몬이 뒤따르고 있음을 알 수 있습니다. 그럼 순위대로 Open API 사이트에 대해 알아보겠습니다. 1. 쿠팡 https://developers.coupangcorp.com/hc/ko 2. 네이버 https://a..

Flutter 로 앱을 개발하다가 어느날 갑자기 아래의 에러 코드가 발생하였습니다. Error connecting to the service protocol: failed to connect to http://127.0.0.1:1368 무엇이 문제인지 도통 모르겠어서 인터넷을 검색하여 다음과 같이 해결하게 되었습니다. Device Manager 에서 해당 Device 를 선택하여 Cold Boot Now 를 클릭하여 기기를 재부팅하니 문제가 해결되었습니다. 이상. 즐코 하십시오.

앱을 실행하면 잠시동안 앱의 로고를 보여주는 화면이 있습니다. 이를 Splash Screen 이라고 하는데 flutter_native_splash 라이브러리를 이용하여 만드는 방법에 대해 알아보고자 합니다. Splash 이미지를 준비합니다. 라이브러리를 설치합니다. pubspec.yaml 에 아래의 라이브러리를 추가 한 후, flutter pub get 을 실행합니다. ... dependencies: flutter_native_splash: ^2.2.4 ...Splash Screen 세팅하기 다음의 yaml 코드를 pubspec.yaml 파일에 추가하거나, Root 프로젝트 폴더에 flutter_native_splash.yaml 이라는 새 파일에 작성합니다. flutter_native_splash: co..

스토리북에서 Viewport 툴바를 사용하면 스토리가 렌더링되는 iframe의 크기를 조정할 수 있습니다. 이를 통하여 반응형 UI를 쉽게 개발할 수 있습니다. 설치 $ npm i -D @storybook/addon-viewport 그런 다음 .storybook/main.ts 에 다음과 같이 추가합니다. export default { addons: ['@storybook/addon-viewport'], }; 설정 기본적으로 Viewport 애드온은 표준 Viewport 세트를 제공합니다. 기본 Viewport 세트를 변경하려는 경우, 전역 파라미터로 설정할 수 있습니다. 다음과 같이 .storybook/preview.js 에 viewport 파라미터로 설정 가능합니다. // .storybook/previ..

안녕하세요. 오늘은 React TS(Typescript) + Tailwindcss + Storybook 환경 구축에 대해 알아보고자 합니다. React Typescript 프로젝트 만들기 먼저, 아래의 코드로 기본인 React Typescript 프로젝트를 생성합니다. (한참을 관련 라이브러리를 설치하네요.) $ npx create-react-app [프로젝트명] --template=typescript Tailwindcss 설치 아래와 같이 tailwindcss 를 설치합니다. $ npm i -D tailwindcss $ npx tailwindcss init 설치가 완료되었다면, tailwind.config.js 다음과 같이 수정합니다. // tailwind.config.js module.exports ..