ginameee.log - mysetting

7:09 8/01

velog.io

mobile screenshot relative

7:09

velog.io

mobile screenshot

ginameee.log
https://velog.io/@ginameee

멍청합니다. 오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.

저작도구: velog

최종 피드 수집: 2024-11-12 11:45

전체 (135)

1d

2024.11.11

hydration
hydration 이슈가 발생했을때 해결방안
mounted 조건 추가
const Modal: React.FC = ({ isHide }) => {
const [isMounted, setIsMounted] = use

000

4d

2024.11.08

ip 주소 얻어오기
nextjs 에서 request 객체를 통해 주소를 얻어오고 싶다면,
이 때는 x-forwarded-for 라는 헤더값을 사용하면된다.
사실 request.ip 나 request.geo 등 다양한 값들을 제공하

000

5d

2024.11.07

AI 기반의 서비스를 어떻게 만들지?
생각보다 별개없었다.
준비물
사용하려는 LLM 의 api key 를 준비한다.
제공하려는 서비스를 위한 프롬프트를 준비한다.
현재의 질문이 어떤 서비스의 답변으로 사용되는지
어떤형태로 답변을

000

6d

2024.11.06

localization
사용자의 환경에 따라 특별한 동작을 수행하고 싶을 때, 두가지 방법을 생각해볼 수 있다.
(ex 해외에서 접속 시, 영문페이지 보여주기)
지역기반
geoip 를 사용하여 ip 기반으로 지역을 판단할 수 있다

000

11d

2024.11.01

padding 상대값
패딩의 상대값은 부모의 너비값을 따른다.
<div class="parent" style="position: relative; width:1000px;">
<div class="child" style="po

000

13d

2024.10.30

Image 압축
이미지는 웹성능개선에 있어서 가장 큰 영향을 미친다고 생각한다.
lazy loading 이나 가상 스크롤 혹은 preconnect를 통한 네트워크 요청/속도를 개선하는 것도 중요하지만 애초에 이미지를 최대한 압축하

000

9M

2024.01.17

채용과제를 진행함, 간만에 개발해보면서 느낀것들 간단히 적기
스캐폴딩
디렉토리 구조를 어떻게 가져갈까에 대한 고민이 항상 있다.
뭔가 공식처럼 패턴화해서 나만의 노하우를 갖고 싶었다.
처음에는 Atomic Design Patter

001

9M

2024.01.15

구직활동을 위해 거진 3달만에 개발을 손에 잡는다.
문법도 기억이 안나고 큰일이다.
그동안 일하면서 갖고있던 생각들을 복기하고 정리해본다.
개발전에 데이터구조를 먼저 확인/논의하자
정석대로라면 데이터설계 및 API가 먼저 개발된

001

1y

private github repo 접근안될때

회사레포의 경우 직원들만 접근이 가능하고, 접근권한이 없는 경우 permission denined 와 같은 에러가 아닌 not found 에러를 내뱉는다.
레포 접근시 사용되는 인증정보가 잘못되었을 확률이 높다.
1. 어디에 저장

000

1y

2023.08.09

GA가 동작안하는 경우
iframe 내부에서는 동작 안함
iframe 에서의 network request라고 하더라도, first-part cookie (부모페이지의 쿠키)를 사용하기 때문에, 부모페이지에서 GA 관련 쿠키가 없다

000

1y

2023.08.03

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

000

1y

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

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

0015

1y

2023.07.26

리펙토링
컴포넌트의 상태를 줄이는게 중요
상태를 줄일 수 있는 방법으로는 특정 상태와 관련된 로직들을 별도의 훅으로 분리시키는 것도 좋은 방법이다.
특정 패턴들을 일관화해서 하나로 묶어보자.
코드가 간결해지고 분기가 필요했던 부분

000

1y

2023.07.20

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

000

1y

검색결과의 썸네일

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

000

1y

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

ai logo maker
chakra
starpi

000

1y

2023.04.13

SSR 환경에서의 onload
SSR에서 페이지를 처음에 진입했을 때 onload 이벤트가 씹히는 현상이 있다.
이때는 HTMLImageElement의 complete 속성을 사용하면된다.
https://developer.mozi

000

1y

2023.04.04

cookie vs storage
그 동안 request에 실리는 데이터가 아니면,
원하는 생명주기에 맞춰서 sessionStorage나 localStorage를 사용하는게 낫다고 생각해왔다.
그런데 한가지 간과한게있다. sess

000

1y

2023.03.22

카카오톡 OG Description이 안나오는 이슈
카카오톡에서 OG title이 길면(2줄이면) description이 짤린다.
description이 잘린다면, title글자수를 줄여보자
one link 이슈
안드로이드에서 a

001

1y

chrome inspect 안될 때

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

000