- 전체보기(170)
- React(39)
- TIL(15)
- redux(5)
- localstorage(3)
- 함수형으로 전환하기(3)
- forwardRef(2)
- async(2)
- git(2)
- 깊은복사(2)
- useParams(2)
- 함수형 프로그래밍 개요(2)
- useRef(2)
- 코테(2)
- position(1)
- promise(1)
- tab(1)
- vw(1)
- terminal(1)
- 인증과 인가(1)
- API(1)
- clock(1)
- URI(1)
- git master(1)
- Restful(1)
- 스코프(1)
- catch(1)
- restful api(1)
- 리액트(1)
- 호이스팅(1)
- react router dom(1)
- 세션(1)
- 쿠키(1)
- 가운데정렬(1)
- mac(1)
- nodejs(1)
- 컴포넌트(1)
- center zoom in(1)
- 웹브라우저 동작(1)
- try(1)
- url(1)
- 로그인 회원가입(1)
- 알고리즘(1)
- router(1)
- scss(sass)(1)
- 프로토타입(1)
- vh(1)
- await(1)
- sessionStorage(1)
- kakao api(1)
- unmount(1)
- mock data(1)
- React를 사용하는 JAM Stack 기반 프레임워크(1)
- progress bar(1)
- Flex(1)
- JavaScript(1)
- &&(1)
- pagination(1)
- gitgubError(1)
- canceltoken(1)
- 콜백함수(1)
- CI/CD(1)
- error(1)
- bundler(1)
- REST API(1)
- const(1)
- let(1)
- docker(1)
- 클로저(1)
- parallax(1)
- 얕은복사(1)
- 캐시(1)
- filter(1)
- bootstrap(1)
- foreach(1)
- getElementById(1)
- 부분 캐싱(1)
- circleci(1)
- useMemo(1)
- inline block(1)
- 제플린(1)
- 하(1)
- Sass(1)
- 함수 표현식(1)
- 무한 스크롤(1)
- useCallback(1)
- 리렌더링(1)
- reduce(1)
- useLayoutEffect(1)
- CSR(1)
- SSR(1)
- current.contains(1)
- 함수 선언문(1)
- block(1)
- inline(1)
- console(1)
- css접두어 webkit(1)
- Fetch(1)
- jest(1)
- useLocation(1)
- AMP(1)
- lazy(1)
- 객체문법(1)
- onClick(1)
- Advanced Router(1)
- Array.from(1)
- svg(1)
- life cycle(1)
- 콜스텍(1)
- Map(1)
- grid(1)
- 코드카타(1)
- 절대경로(1)
- 상대경로(1)
- memo(1)
- 문자열<-> 정수(1)
- Suspense(1)
- gatsby(1)
- pwa(1)
- canvas(1)
- error code(1)
- 정규표현식(1)
Rendered more hooks than during the previous render (React)
스토리카드에 서브헤드라인이 새롭게 추가되면서 서브헤드라인과, 헤드라인의 바텀 패딩이 유연하게 바껴야하는 상황 (8px <-> 12px)서브헤드라인의 위치, 서브헤드라인 show On/Off, Art 위치, 헤드라인의 위치, 반응형반응형에 대한 잘못된 설정UAT를
부분캐싱(partial-caching)
내일 질문 올려봐야지 전과 후의 퍼포먼스 차이를 어떻게 확인할 수 있는가? 10.5(수) Partial Caching with PageBuilder Engine How does PageBuilder Engine content caching work 위 2개에 대하여
2. gatsby
GraphQL은 페이스북에서 개발한 쿼리 언어입니다.Gatsby에서는 주로 페이지 또는 Static Query 컴포넌트에서 필요한 데이터를 받아오기 위해 사용되는데, 자세한 부분은 나중에 개발을 진행하며 차근차근 알아가봅시다.여기서 진행할 프로젝트에서는 제목, 개발자
1. gatsby
gatsby아래 글귀는 JAM Stack 공식 홈페이지에 나와있는 설명입니다.Jamstack is an architecture designed to make the web faster, more secure, and easier to scale.여기서 조금만 깊게 파고
vscode terminal 안열리는 현상
버그 : 터미널을 열면 0.5초안에 바로 닫혀버림해결 : vscode 왼쪽 아래 (톱니바퀴모양)설정에서 업데이트 후 재시작 하면 다시 열림
AMP란?
Accerlated Mobile Pages AMP는 구글에서 만든 모바일 최적화를 위한 표준이다. 뉴스나 블로그와 같이 정적인 HTML을 AMP 표준에 맞춰 작성하면 모바일 환경에서 15%~85%의 성능 향상을 가져올 수 있다고 구글은 주장한다. 데스크톱 환경에 맞
jest란?
jest에과한글코드가 올바르게 동작하는지 쉽게 확인할 수 있다.동료 개발자들에게 내 코드의 안정성을 쉽게 확인받고, 그 기능을 확인받는다기초적인 버그들을 사전에 차단한다.it(해당 테스트 설명)expect(여기에 어떨것이다 예상)expect().toBeexpect().
4.25~29 TIL
Array.from('foo');"f", "o", "o"authMenuRef.current로그인 됐을떄의 케이스에서 useRef를 쓴이유..focus를 하기위함이 아니니,,리렌더링을 막기 위해 사용했다 생각함authMenu.current.contains(e.target
CI/CD 방법론
먼저 CI/CD에 대하여 알아보자CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다."CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다"CD"는 지속적인 서비스 제공(Conti
about SVG
SVG(Scalable Vector Graphics)용량이 png,gif보다 작음.레스터 방식으로 표현하는 jpg,png,gif,bmp와 달리 벡터화된 그래픽 이미지레스터(비트맵 방식)색상 정보가 담긴 픽셀로 표현하는 방식각각의 픽셀을 이용해 작업하기에 자연스러운 이미
useRef, forwardRef
2개 차이 각각 정의 사용례 forwardRef 부모 컴포넌트에서 자식 컴포넌트로 직접 접근하기위해 사용. ref를 사용해야할 때 포커스, 텍스트 선택영역, 미디어의 재생을 관리할때 애니메이션을 직접 실행시킬때 서드 파티 dom라이브러리를 react와 같이 사용할
제플린의 시작
회원가입 링크에 GA 파라미터 추가, 일 클릭이 500회 이상이면 모바일 노출도 고려(아크 신규 회원가입자수 일평균이 587회,_1/3~4/18) 신문구독 텍스트 넣을 때 Link 넣었던것처럼 링크 걸어주면 되고, ARC-512 로그인 회원가입 구분선 포함 -> 구
git에 push 과정중 circleCI 오류 해결
먼저 CI/CD에 대하여 알아보자CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다."CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다"CD"는 지속적인 서비스 제공(Conti
번들러(bundler)란?
(webpack, parcel 등이 있고 webpack을 주로 사용함)우리가 파일 1개를 요청하고 응답하는데 서버가 1초가 걸린다고 가정해보자.100개면 100초, 10000개면 10000초다.여기에 수많은 사용자가 사이트를 이용할 경우, 응답을 제때 못하는 네트워크
Docker란?
configuration 환경설정staging 발판hassle 귀찮은만든 코드를 어디서든 돌아가도록 하게 하기 위해.도커를 이용하여 프로그램을 설치하면 예상치 못한 에러도 덜 발생하며, 설치하는 과정도 훨씬 간단해짐.build, share, runDeploy your
맥을 처음 받았다..
특정 버전 설치 위해 공식 node home에 들어가서 downloads tab에 previous realeasesnode-v14.18.0.pkg앞으로 기대된다.끝