SSR에서 페이지를 처음에 진입했을 때 onload 이벤트가 씹히는 현상이 있다.이때는 HTMLImageElement의 complete 속성을 사용하면된다.https://developer.mozilla.org/en-US/docs/Web/API/HTMLImage

그 동안 request에 실리는 데이터가 아니면, 원하는 생명주기에 맞춰서 sessionStorage나 localStorage를 사용하는게 낫다고 생각해왔다.그런데 한가지 간과한게있다. session/localStorage는 expireDate를 설정할 수 없다.만약

카카오톡에서 OG title이 길면(2줄이면) description이 짤린다.description이 잘린다면, title글자수를 줄여보자안드로이드에서 appsflyer sdk 를 쓸 때, 쿼리스트링을 종종 인코딩하는 경우가 있다.제대로 링크이동이 안될떈 url enco

크롬 인스펙터가 디바이스를 제대로 인식하지 못할떄가 있다.이럴땐 디버깅서버를 죽이고 다시 재시작해준다.디바이스의 usb 디버깅모드도 껐다 켜주면 좋다.근데 대부분 과도한 메모리사용으로 인식이 늦어지는 경우도 종종 있어서 재부팅해주면 앵간하면 된다.https:/

웹뷰에서 app store를 이동하는 버튼을 만들고자 할 떄,button이 아닌 a 태그를 사용하자.button 방식은 앱스토어 웹사이트가 열리는 경우가 있다.a 태그를 이용해야 앱스토어앱으로 리다이렉트된다.

git account config 설정이 제대로 되어있지 않을 경우, private한 repostiory에 접근할 때 404에러가 발생한다.가장 간단히 해결할 수 있는 방법은, 접근하고자하는 repository 주소에 계정정보를 아애 포함시키는 방법이다.

웹뷰의 경우, userAgent에 앱 버전이 반드시 명시되는건 아니다.자동으로 명시가 되는 줄 알았지만, 아니었다.userAgent 세팅을 앱쪽에서 직접해주는듯하다.따라서 웹에서 앱버전체크가 가능한지는 userAgent를 까보고 판단하자.

반응형으로 화면이 줄어들더라도 비율을 유지하기 위해 aspect-ratio라는 속성을 사용했다.근데 IOS 14 에서 제대로 적용이 안되는 이슈가 있었다.확인해보니 지원을 안하고있었다 제길..chatGPT에 물어보니 다행히 다른 방안이 있어 적용해두었다.고마워요 cha

스크롤바 가리기디스커버 적용할 때, 이미지 리사이즈서버를 적용하려고했다.디스커버적용 때

두 줄 말줄임 하는 방법, 단 webkit 기반 한정임

safe area 는 항상 염두해 두어야 한다. safe area영역의 너비나 높이는 css에서 환경변수로 접근할 수 있다.만약 제대로 접근이 안된다면 네이티브개발자분께 여쭤보거나, document의 메타태그가 제대로 작성되어있는지 확인해보자 (참고)Web API를

이미지 사이즈 관련해서 접했던 키워드들을 적어둔다.이미지 비율을 유지한체 가운데정렬시키기한계점들이 많았다.Next/Image는 width height prop 을 필수로 입력해야하기 때문에, 가로나 세로 특정 비율에 맞춰서 이미지가 커지게 할 수 없었다. (물론 리서칭

Server Side Rendering요청이 들어올때마다 렌더링서버가 매번 페이지를 렌더링한다.Static Site Generation프로젝트를 빌드할때 미리 페이지를 구성해두는 것Incremental Static Regeneration, SSG의 일종으로, 미리 페이

길고긴 JSON string을 줄이기위해 pkao라는 라이브러리를 사용한다.

https://stackoverflow.com/questions/50043803/how-to-make-an-element-fill-the-remaining-viewport-height

CssTransition의 props인 classNames에는 각 transition stage(appear, enter, and exit)별로 적용시킬 스타일의 class나 id를 넘겨주어야 한다.다시말해, emotion css 가 최종적으로 생성하는 class명이

초기값을 제네릭타입에 상관없이 null로 선언했을 경우 추론되는 타입초기값을 제네릭타입에 맞춰서 정의하거나 undefined로 냅뒀을 경우 추론되는 타입

팀에서 모노레포 세미나를 진행해주셨다.한가지 말이 와닿아서 적어둔다."모노레포의 궁극적인 목표는 표준화의 자동화이다"표준화를 위한 설정파일들 (eslint, tsconfig) 와 같은 파일들을 npm 모듈로 관리한다면, 버전이 올라감에 따라 프로젝트별로 최신표준을 맞출

yarn berry & pnp 설명https://medium.com/wantedjobs/yarn-berry-%EC%A0%81%EC%9A%A9%EA%B8%B0-2-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%A0%81%EC%9A%A9