profile
Front-Dev

vscode terminal 안열리는 현상

버그 : 터미널을 열면 0.5초안에 바로 닫혀버림해결 : vscode 왼쪽 아래 (톱니바퀴모양)설정에서 업데이트 후 재시작 하면 다시 열림

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

AMP란?

Accerlated Mobile Pages AMP는 구글에서 만든 모바일 최적화를 위한 표준이다. 뉴스나 블로그와 같이 정적인 HTML을 AMP 표준에 맞춰 작성하면 모바일 환경에서 15%~85%의 성능 향상을 가져올 수 있다고 구글은 주장한다. 데스크톱 환경에 맞

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

current.contains(e.target)

리액트 컴포넌트 특정 영역 외 클릭 감지를 위해 사용

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

jest란?

jest에과한글코드가 올바르게 동작하는지 쉽게 확인할 수 있다.동료 개발자들에게 내 코드의 안정성을 쉽게 확인받고, 그 기능을 확인받는다기초적인 버그들을 사전에 차단한다.it(해당 테스트 설명)expect(여기에 어떨것이다 예상)expect().toBeexpect().

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

4.25~29 TIL

Array.from('foo');"f", "o", "o"authMenuRef.current로그인 됐을떄의 케이스에서 useRef를 쓴이유..focus를 하기위함이 아니니,,리렌더링을 막기 위해 사용했다 생각함authMenu.current.contains(e.target

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

css 글자간 높이 조정차이 이유

계속 높낮이에 차이가 있었던 이유: 화면의 확대에 따라 천차만별이다100%로 기준 두고 확인할 것!

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

CI/CD 방법론

먼저 CI/CD에 대하여 알아보자CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다."CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다"CD"는 지속적인 서비스 제공(Conti

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

about SVG

SVG(Scalable Vector Graphics)용량이 png,gif보다 작음.레스터 방식으로 표현하는 jpg,png,gif,bmp와 달리 벡터화된 그래픽 이미지레스터(비트맵 방식)색상 정보가 담긴 픽셀로 표현하는 방식각각의 픽셀을 이용해 작업하기에 자연스러운 이미

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

useRef, forwardRef

2개 차이 각각 정의 사용례 forwardRef 부모 컴포넌트에서 자식 컴포넌트로 직접 접근하기위해 사용. ref를 사용해야할 때 포커스, 텍스트 선택영역, 미디어의 재생을 관리할때 애니메이션을 직접 실행시킬때 서드 파티 dom라이브러리를 react와 같이 사용할

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

제플린의 시작

회원가입 링크에 GA 파라미터 추가, 일 클릭이 500회 이상이면 모바일 노출도 고려(아크 신규 회원가입자수 일평균이 587회,_1/3~4/18) 신문구독 텍스트 넣을 때 Link 넣었던것처럼 링크 걸어주면 되고, ARC-512 로그인 회원가입 구분선 포함 -> 구

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

git에 push 과정중 circleCI 오류 해결

먼저 CI/CD에 대하여 알아보자CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다."CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다"CD"는 지속적인 서비스 제공(Conti

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

minimap

vscode 옆으로 전체 윤곽 보이게 하기 키기/끄기

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

번들러(bundler)란?

(webpack, parcel 등이 있고 webpack을 주로 사용함)우리가 파일 1개를 요청하고 응답하는데 서버가 1초가 걸린다고 가정해보자.100개면 100초, 10000개면 10000초다.여기에 수많은 사용자가 사이트를 이용할 경우, 응답을 제때 못하는 네트워크

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

Docker란?

configuration 환경설정staging 발판hassle 귀찮은만든 코드를 어디서든 돌아가도록 하게 하기 위해.도커를 이용하여 프로그램을 설치하면 예상치 못한 에러도 덜 발생하며, 설치하는 과정도 훨씬 간단해짐.build, share, runDeploy your

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

맥을 처음 받았다..

특정 버전 설치 위해 공식 node home에 들어가서 downloads tab에 previous realeasesnode-v14.18.0.pkg앞으로 기대된다.끝

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

브라우저의 동작브라우저 렌더링 과정DOM 조작의 비효율성Virtual DOM의 등장virtual dom의 등장virtual dom의 동작 원리Reat의 virtual DOMJSXReat의 virtual DOMdiffing 알고리즘dom tree 생성 - 렌더 엔진이 h

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

무한 스크롤

무한 스크롤 코드

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

cancelToken()

비동기 처리를 할 때 유용한 기능이다.구글, 네이버 등 웹 서비스의 검색창에 검색어를 입력하면, 입력된 검색어에 맞춰 적절한 검색어를 제시해 준다. 이는 검색어를 입력 받는 Input 의 값이 변할 때 마다, API 요청을 통해 응답을 받아 화면에 렌더링 해주는 방식으

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

useMemo, useCallback

리액트엔 참 많은 훅들이 많다. 제목과 같이 useMemo와 useCallback은 없어도 동작은 되지만, 소스 최적화를 위해서 필요한 기능들이다. 사전 지식: 함수형 컴포넌트는 그냥 함수다. 함수형 컴포넌트는 단지 jsx를 반환하는 함수다. 함수가 실행될 때마다

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