Next.js 13 을 standalone 빌드해서 Docker로 말아서ECS에 업로드 하고실행 -> 503 에러!!많은 삽질과 검색node 버전 문제!!해결책 : Node 버전을 기존 18에서 16으로 낮춘다.결과:잘 된다! (3일 걸림 ㅠㅠ)

json 텍스트를 Bundle 로 파싱해낸다.

React Context Wrapping 해서 사용하기 쉽고 단순하게 만들기

Next.js 로 작성한 사이트를 Docker로 빌드해서 컨테이너를 ECS로 서비스 하자.

서비스 개발을 위한 짜깁기 프레임워크용 라이브러리들. react-web, react-native 에서 동작 잘 하는 DI, StateManagement, Builder 등으로 구성하면 next.js 이나 Spring 같은 환경도 만들 수 있겠다 싶네.

Dependency 를 EnvironmentObject 에 넣어서 전달하는 방식으로 DI을 사용할 경우,최상단에서 제공하는 인스턴스가 어디까지 전달되는지 확인하는 실험이런 ViewModel을 만들고 View에 넣어주자Preview 는 이렇게 되겠지잘 되네!잘 되네!이렇

immutable 모델 만들기 1. getter only class 필드 변수가 많아지만 점점 관리가 어려워짐. constuctor나 getter는 WebStorm 이 만들어주기는 하지만, 코드가 길어져서 불편. 생성할 때 전부 초기값을 넣어야 해서 불편. Buil

텍스트를 고정길이로 만들기swiftkotlinJS

\[String: Any] 타입으로 만들어진 데이터를 각 타입별로 별도의 api 를 호출해야 할 때 구분하기이렇게 있을 때, value의 type 에 따라 다르게 처리해야할 때가 있다.type으로 캐스팅 해보는 방식으로 처리하기.주의할것! JSON 으로 date 가 전

요새의 React 개발 경향은 functional component 로 hook 을 사용한 state 를 관리하는 것이다.물론 redux 같은것도 있지만, 그것도 hook을 사용하는 추세다.그렇다 보니 많은 state를 관리할 때 state를 관리하는 container

웹에서 axios 로 iTunes Search API(https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/iTuneSearchAPI/LookupExamples.html검

보통 사이트에 GA 이벤트 스크립트를 심으면사이트 유입, 유입소스, 페이지 이동같은 기본적인것은 알아서 해주는데React 같은 SPA 사이트에서는 실제 페이지이동이 없으니까 PageView 이벤트는 발생하지 않더라.그래서 일부러 PageView이벤트를 발생시켜줄 필요가

react 에서 에러를 처리하기 위해서 ErrorBoundary를 사용하면 된단다.에러 경계(Error Boundaries)react-error-boundary그런데이 내용을 꼼꼼히 보지 않아서 원하는 대로 fallback 페이지를 보여주지 못하는 문제가 있었다.그래서

Android Webview 에서 fling 으로 스크롤 하는 중에 터치로 스크롤을 멈추면 멈추기만 하는게 아니라 클릭이 되버려서 의도치 않는 클릭이 발생하게 된다. (아이폰은 이런거 잘 되던대)검색을 해봐도 별로 뾰족한 수가 보이지 않는다.앱이 아니라 크롬 브라우져에

전화번호 입력하는 필드에 아이콘을 넣으려고 했다. 그래서 머리속에는 이미이런 이미지들을 떠올리고 있었다.머터리얼 아이콘 사이트에서 아이콘을 찾으려고 phone 을 검색한 순간 가장 먼저 검색된 것은이런 이미지 였다.순간 움찔 했다.

iOS 12 에서 Promise.allSettled 가 동작하지 않았습니다.compatibility(https://kangax.github.io/compat-table/es2016plus/그렇다면 이것을 하나하나 Polyfill 해야 하나?이미 누군가 만들어

Headless browser 를 통해서 크롤링 하는 작업을 Java 에서 하려고 찾아본 라이브러리.PlaywrightNode.js 나 Python과 함께 Java에서도 지원된다.maven이나 gradle을 통해서 dependency 추가가 쉽고, 기능도 충실해 보인다

Flutter 에서 dynamic link (v4.1.1) 모듈을 적용해 보면앱이 없을 때 다운로드 하고 설치 후 실행될 때 딥링크가 전달된다.앱이 종료상태에 있을 때 (링크를 클릭하면) 앱이 실행되고 딥링크가 전달된다.앱이 백그라운드 상태에 있을 때 (링크를 클릭하면