profile
Front-end Developer

[graphql] ApolloClient에서 cache된 readQuery값이 null으로 표시되는 경우 ☹️

readQuery는 cache에 있는 query를 가져옵니다.writeQuery는 query를 cache하게 됩니다.시나리오는 다음과 같습니다.job list를 홈페이지에서 가져오고, 유저가 새로운 job을 포스팅하려고 합니다. 포스팅과정에서 현재 cache되어 있는

2022년 5월 12일
·
0개의 댓글
post-thumbnail

[github] terminal에서 github cli 사용하기 (feat. gh)

유튭을 보다가 우연히 gh라는 cli에 대해서 알게 되었습니다.매번 깃헙에 접속하여 작업을 했는데, 저는 터미널을 선호하므로 gh에 대해서 알아보겠습니다.아래 사용하는 모든 cli는 여기에 모두 있습니다.gh를 사용하기 위해서는 우선 gh로 로그인을 해야합니다.그리고,

2022년 5월 7일
·
0개의 댓글

[vscode] vim에서 키가 연속으로 입력되지 않을 때 (hjkl key repeat problem)

stackoverflow 참고hjkl키가 연속입력이 되도록하기 위해서 아래명령어를 터미널에 입력해준다. 그리고 Vscode를 종료 후 재시작

2022년 5월 4일
·
0개의 댓글
post-thumbnail

[vscode] 검색 후 검색pane으로 포커싱하는 방법

https://superuser.com/a/1526521/1140660

2022년 5월 4일
·
0개의 댓글

⌨️ 해키해킹 키보드 청소하기 🧼

다음달부터 새로운회사를 다니게 되었습니다. 회사에 출근하기까지 일주일정도 휴식기가 생겼는데, 하루종일 뒹굴거리다가 처음으로 키보드 청소를 해보기로 합니다. 저는 해피해킹 Professional Hybrid를 사용하고 있습니다. (Type-s는 아닙니다 T.T). 구매

2022년 4월 26일
·
0개의 댓글
post-thumbnail

[css] z-index가 의도대로 되지않는 것 같다? (with sticky)

sticky에서는 stacking context가 새로 생겨난다!아래 이미지를 설명하자면header(position: sticky)가 Modal(createPortal로 id='portal'내에 생성함)위로 올라와버린 상황입니다.모달은 분명 최상위 context이어야

2022년 4월 7일
·
0개의 댓글
post-thumbnail

[React-Native] metro terminal이 실행되지 않는 경우

간혹 앱을 끄고 재시작을 하다보면, metro가 실행되지 않는 경우가 있습니다.를 하였는데, 자동으로 metro의 launchCommander가 실행되지 않는 경우인데요,port를 kill하고 재시작을 해주도록 합니다.아래 명령어를 치면 현재 어떤 포트가 사용되고 있는

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

[React-Native] environment varible 파일 만들기 (.env)

다음 내용은 Using environment variables in a React Native App.을 일부 번역한 내용입니다.ios 디렉토리내에서 명령 실행babel.config.js파일에 아래와 같이 세팅root directory(package.json과 같은레벨

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[React-Native] Text strings must be rendered within a <Text> components (빈문자열에 대한 에러)

위와 같이 error의 초기값이 ''이면 string type이기 때문에 Render Error가 발생합니다.따라서 error 초기값을 string이 아닌 boolean(false)으로 바꿔주면 해결됩니다.

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[React-Native] TypeError: Cannot read property 'transformFile' of undefined

react-native을 처음으로 설치해봤습니다.시뮬레이터를 돌려봅니다.simulator는 정상적으로 뜨는데, build에러가 발생했습니다.transformer가 undefined라는 error입니다.해결방법을 찾아봅니다.현재 Latest version은 17.xx.x

2022년 3월 19일
·
0개의 댓글
post-thumbnail

[React] 컴포넌트가 어떤 hooks를 썼는지 알 수 있을까 (feat. useDebugValue)

하나의 컴포넌트에는 custom hooks나 기본 react hooks 등 여러개의 hooks를 사용합니다.1개,2개가 모여 5개,6개가 되버리면 컴포넌트내에서 어떤 hooks를 사용하고 있는 지 어떤상태인지 헷갈리기 쉽상입니다.이런경우, hooks내에 label을 붙

2022년 3월 6일
·
0개의 댓글
post-thumbnail

[React] You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). 해결방법

create-react-app을 하는데 최신버전이 아니어서 실행이 되지 않습니다.output에 있는 방법대로 아래 2가지를 시도해봤으나, 결과는 같았습니다.create-react-app@latest(https&#x3A;//github.com/facebook/create

2022년 3월 6일
·
0개의 댓글
post-thumbnail

[HTTP] 커넥션 관리에 대해서

이번에는 다소 와닿지 않는 내용에 대해서 정리하고자 합니다. HTTP의 커넥션이 어떻게 만들어지는지 유지되는지에 대해서 설명해봅니다.우선 Network Protocol Stack에 대해 알아야합니다.우선 우리가 다루는 HTTP는 Application Layer에 있습니

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

[HTTP] HTTP 메시지는 어떤내용을 주고 받는가?

메시지는 one direction으로 inbound하여 송신됩니다.그리도 down-stream으로 흐르게 됩니다.쉽게 말해서 아래와 같이 한쪽방향으로만 흐른다는 의미입니다. (클라이언트 -> 프록시 -> 서버 -> 프록시 -> 클라이언트)클라이언트에서 서버로 데이터를

2022년 2월 28일
·
0개의 댓글
post-thumbnail

URL과 리소스에 대해서

URL(Uniform Resource Locator)는 브라우저에 입력하는 리소스(열고 싶은 어떤 파일같은것)의 주소를 의미합니다.URL을 브라우저에 입력함으로써, 브라우저를 통해 파일을 접근할 수 있습니다.URL은 특정컴포넌트의 조합으로 구성되어 있습니다.아래와 같은

2022년 2월 26일
·
0개의 댓글
post-thumbnail

[javascript] replace 잘 써보기

The replace() method returns a new string with some or all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, an

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[css] drop-shadow VS box-shadow

일반적으로 box-shadow를 많이 씁니다.위에서 &lt;>는 필수값 \[]는 옵션값입니다.안쪽으로 값을 주기 위해서 inset을 붙일 수도 있습니다.box-shadow와 달리, 사각형 box가 아닌 여러가지 형태에 대해서 shadow를 줄 수 있습니다.예를 들면 i

2022년 2월 22일
·
0개의 댓글
post-thumbnail

[css] box내에서 한줄(single line)으로 text를 짜르고 싶을 때 (feat. text-overflow)

text-overflow를 몰랐을 땐, 그냥 임의로 substring을 자르고 끝에 ...을 강제로 붙였다!..위와 같은 형태로 엄청나게 긴 text를 끝에 잘라내고 싶은데, 거기다가 끝에 ...과 같이 표시할때 text-overflow를 쓴다.중요한점은 width를

2022년 2월 16일
·
0개의 댓글
post-thumbnail

[postman] cookie 설정하기

postman은 브라우저에 저장되어있는 cookie를 자동으로 셋팅해줍니다. 사용을 위해서는 Postman Interceptor을 우선설치합니다. 다음으로 도메인을 설정합니다. 화면 하단에 있는 Capture requests and cookies를 클릭합니다. 도

2022년 1월 24일
·
0개의 댓글
post-thumbnail

[s3] frontend에서 s3 bucket에 이미지 바로 올리기

s3 bucket을 생성하고 이미지를 바로 업로드하는 방식을 설명합니다.아래 설명은 Youtube를 보고 그대로 따라한 것입니다. 영상에서는 빠르게 지나가기때문에 참고용으로 작성하였습니다. 간단한 예제에 대한 소스코드 또한 영상의 설명란에서 확인할 수 있습니다.순차적으

2022년 1월 22일
·
0개의 댓글