this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다.this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.자바스크립트에서 this가 가리키는 값은 다른 언어와 다르게 함수 호출방식(함수 호

🍏 <모던 자바스크립트 Deep Dive>를 바탕으로 요약 정리한 글입니다.이터레이션 프로토콜(iteration protocol): 순회 가능한(iterable) 자료구조를 만들기 위해 미리 약속한 규칙이다. 이터러블 프로토콜과 이터레이터 프로토콜이 있다.순회

🍏 <모던 자바스크립트 Deep Dive>를 바탕으로 요약 정리한 글입니다.스코프(Scope): 식별자가 유효한 범위식별자: 변수 이름, 함수 이름, 클래스 이름 등모든 식별자는 선언된 위치에 따라 참조 가능한 유효 범위가 결정된다.식별자 결정: 자바스크립트 엔

사내 서비스를 개발하다가 crypto를 써야 됐다. crypto를 추가했는데 처음엔 polyfill이 필요하다 해서 craco 파일에 webpackConfig > fallback을 추가했다.로컬에서는 잘 됐는데 배포 시 오류가 발생했다.1차 시도import { crea

무인도 여행

코드를 수정해서 새로 배포하면 사용 중인 웹에 바로 적용되면 좋겠다.회사 플랫폼은 현재 강제 새로고침(ctrl + F5)을 해야만 적용이 된다.처음에는 강제로 새로고침 하는 코드를 찾아봤지만 window.location.reload(true)는 deprecated됐다.

react-typed

animate.css를 사용하면 이미 만들어진 애니메이션을 쉽게 갖다 쓸 수 있다.컴퓨터에서 애니메이션이 잘 보이는지 확인해야된다.https://animate.style/ 에 가서 애니메이션이 보이는지 확인한다.만약 정지 화면이 보인다면 아래와 같은 문구가 나

polyfill문제라는 것을 인지npm install babel-polyfillindex.ts에 추가했는데 맨위에 import한게 아니라서 그런지 오류2가 나옴참고: https://ithub.tistory.com/271바벨( Babel )은 source to

프로젝트 메모 수정시 프로젝트 카드가 계속 마운트랑 업데이트가 같이 호출되는 현상 발생가까운 상위 컴포넌트중에 한번만 마운트되는 컴포넌트가 나올때까지 찾음기존 코드component에 const ProjectResultBodyDetail = () ⇒ <Project

사내 프로젝트에 채널톡을 커스텀화해서 적용했다.채널톡 developer(https://developers.channel.io/docs/web-installation커스텀 버튼의 클래스 이름은 위 파일의 customLauncherSelector에 작성한 것과 동

최근 material ui를 상속받아 styled component를 만들었다.특정 루트로 돌아다닐때마다 내가 작성한 CSS가 적용되지 않고 기본 material ui CSS가 적용되는 현상이 발생했다.내가 작성한 CSS가 먼저 적용되고 그다음에 material CSS

사내 서비스를 localization하면서 사용했던 rext-i18next를 사용법을 정리한 글입니다.클래스 컴포넌트를 다룹니다.npm install i18next react-i18next i18next-browser-languagedetector를 터미널에 입력해서

문제 링크

오랜만에 코드를 수정하고 push를 하려했더니 pull을 먼저 받아야됐다.그런데 pull을 받으려 하니 아래 문구가 나타났다.fatal: Invalid value for pull.rebase: current링크를 보고 해결했다.git bash에 git config pu

링크: 2018 KAKAO BLIND RECRUITMENT > \[3차] 자동완성Trie 자료구조를 사용했다.Node에 hits변수를 써서 해당 알파벳 노드를 몇번 방문했는지 카운트했다.hits가 1이면 한번 방문한 것이고 그 아래에는 한 종류의 단어만 존재하므로 더이

네이버 지도 줌인아웃, 오른쪽 레이아웃, 하단 레이아웃을 접었다가 펼칠 때 지도의 폴리곤이 위치가 변경되는데 3d object(threejs) 는 가운데 고정이었다. 그래서 싱크가 안맞음이 둘을 계속 같은 위치에 고정시켜야되는 문제또한 작은 사이즈에서 큰사이즈로 지도

gitlab에서 커밋후 푸시했는데 pipline has failed가 떴다.깃랩-CI/CD-Piplines에서 retry하고Jobs에서 branch deploy를 봤다.나의 경우 Cannot find module: (모듈이름). Make sure this package

코딩테스트 연습 > 2019 카카오 개발자 겨울 인턴십 > 크레인 인형뽑기 게임