profile
오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.
태그 목록
전체보기 (132)TIL(54)JavaScript(12)React(11)webpack(5)react hook(5)CSS(5)input(5)cross browsing(5)cookie(4)git(4)typescript(3)test(3)study(3)seo(3)OG(3)GA(2)iOS(2)react-query(2)vue3(2)npm(2)Cache(2)babel(2)cloudfront(1)html5(1)staletime(1)Event(1)정규표현식(1)Immutable(1)함수형(1)usequery(1)scss(1)unit test(1)iterable object(1)clipboard(1)figma(1)integration test(1)ellipsis(1)link(1)Portal(1)input file(1)스코프(1)호이스팅(1)S3(1)simualtor(1)Proxy(1)testing library(1)yarn-berry(1)nodejs(1)pako(1)iterable(1)yarn(1)유사배열(1)Emulator(1)url(1)TDD(1)yarn2(1)react hook form(1)localhost(1)App Store(1)vh(1)dotenv(1)webview(1)storybook(1)event loop(1)Share(1)앱스토어(1)IME(1)img(1)react redux(1)Flex(1)액티비티(1)aos(1)pagination(1)Viewport(1)ESLint(1)Prettier(1)craco(1)env(1)flex grow(1)hoisting(1)inappbrowser(1)cli(1)Node(1)Application Config(1)reactive(1)scroll(1)passive event listener(1)클로저(1)safari(1)Paging(1)리펙토링(1)conflict(1)cacheTime(1)Google Analytics(1)useRef(1)함수(1)this(1)arrow function(1)pointer(1)history(1)rdk(1)화살표함수(1)html(1)localstorage(1)google search console(1)file(1)onload(1)접근성(1)스택(1)monorepo(1)addEventListener(1)aws(1)github(1)reactquery(1)말줄임(1)atomic design(1)immutability(1)CDN(1)atomic design pattern(1)accessibility(1)e2e-test(1)스크롤바(1)웹뷰(1)vue-portal(1)useragent(1)오늘의집(1)swiper(1)algorithm(1)redux(1)closure(1)safe-area-inset-bottom(1)EOL(1)slot(1)kakao(1)xhtml(1)android(1)react router(1)globalProperties(1)scope(1)
post-thumbnail

private github repo 접근안될때

회사레포의 경우 직원들만 접근이 가능하고, 접근권한이 없는 경우 permission denined 와 같은 에러가 아닌 not found 에러를 내뱉는다.사용자 정보가 제대로 입력되어있는지를 확인해보자.https://skuld2000.tistory.com/14

2023년 8월 29일
·
0개의 댓글
·

2023.08.09

쿠키가 제대로 세팅이 되지 않는 상황에서는 동작을 하지 않는다.iframe 내부에서는 동작 안함스크립트를 심었다고하더라도, 웹 서버에 의해서 서빙되는 페이지가 아니면 동작안함

2023년 8월 9일
·
0개의 댓글
·

2023.08.03

웹뷰 프로젝트를 진행하고있다.할때마다 느끼는건데, 웹뷰는 프론트만 잘 구현한다고 되는게 아닌 것 같다.회사별, Android, IOS 플랫폼별 웹뷰 정책이 너무 천차만별이라 어디선 되고 어디선 안되는게 너무 많다.일단 진행하면서 경험한 이슈들을 정리해본다. Androi

2023년 8월 3일
·
0개의 댓글
·

input file 같은파일 두번 onChange 무반응

input file에서 동일한파일을 연속으로 입력하게되면 onChange 이벤트가 발생하지않는다.같은파일을 등록했을때도 onChange 이벤트를 발생하고싶다면 value를 초기화해주어야한다.

2023년 8월 2일
·
1개의 댓글
·

2023.07.26

컴포넌트의 상태를 줄이는게 중요상태를 줄일 수 있는 방법으로는 특정 상태와 관련된 로직들을 별도의 훅으로 분리시키는 것도 좋은 방법이다.특정 패턴들을 일관화해서 하나로 묶어보자.코드가 간결해지고 분기가 필요했던 부분이 명확해진다.액티비티 스택을 관리할 때, '시작점이

2023년 7월 26일
·
0개의 댓글
·

2023.07.20

x-cache는 CDN과 관련된 정보를 담고 있다.다양한 정보가 있지만 주로 확인하는 정보는 cache hit 유무에 대한 정보로 볼 수 있다.aws cloudfront 에서의 x-cacheazure 에서의 x-cacheX prefix란?

2023년 7월 20일
·
1개의 댓글
·

검색결과의 썸네일

seo는 어렵다.단순한 추측만으로 작업을 진행해야되기 때문이다.검색결과에 노출시키는 것 까지는 성공했다.하지만 검색결과의 썸네일 이미지가 거의 없거나, 있더라도 쓸모없는 이미지가 노출되곤 했다.이를 해결하기위해 몇가지 방안을 적용했다. 잘 적용될지는 지켜봐야겠다.goo

2023년 7월 4일
·
0개의 댓글
·

사이드 프로젝트 만들 때 유용한 것

ai logo makerchakrastarpi

2023년 6월 16일
·
0개의 댓글
·

2023.04.13

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

2023년 4월 13일
·
0개의 댓글
·

2023.04.04

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

2023년 4월 4일
·
0개의 댓글
·

2023.03.22

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

2023년 3월 22일
·
0개의 댓글
·

chrome inspect 안될 때

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

2023년 3월 20일
·
0개의 댓글
·

웹뷰에서 ios app store 이동

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

2023년 3월 15일
·
0개의 댓글
·

access git repository with git account

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

2023년 3월 14일
·
0개의 댓글
·

2023.03.09

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

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

2022.03.06

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

2023년 3월 6일
·
0개의 댓글
·

css, 링크스타일 없애기

2023년 3월 2일
·
0개의 댓글
·

css, 스크롤바 가리기

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

2023년 3월 2일
·
0개의 댓글
·

css 두줄 말줄임

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

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

웹뷰 작업시 고려해야 할 부분

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

2023년 2월 27일
·
0개의 댓글
·