TIL
1.[21-02-24 TIL] vscode에서 tsc 에러
vscode에서 typescript 에러
2.[21-01-16 TIL] mobx, mobx-react, sass 설치 명령어
기록해두고 보는용mobx mobx-react 설치: npm i mobx mobx-reactnode-sass 설치 : npm install node-sass@\[버전 숫자]sass 버전과 node 버전을 맞춰줘야 됨 노드 버전이 14일 때는 4.14.1을 깔았고 노드
3.[21-01-16 TIL] CRA에서 typescript 적용한 프로젝트 생성 방법
노션 설치문 npx create-react-app 'dirName' --typescript이거 적용안됨 .. \-> yarn add typescirpt \-> npm i --save-dev @types/react
4.[21-05-08 TIL] 게임 수학의 이해 필기
강의 바로가기벡터: 벡터 공간의 원소스칼라: 체 집합의 원소변환(transformation)선형변환(linear transformation): 선형성을 가진 변환 현실세계의 공간은 하나, 게임의 가상 공간은 무한대행렬(Matrix): 선형변환을 수행하는 도구스스로 행렬
5.[21-04-25 TIL] three.js 필기
orbitControls: 마우스 인터랙션이 가능함 (스크롤, 마우스 왼쪽, 가운데, 오른쪽버튼)renderer: html render()orthographic camera의 top left right bottom값이 작으면 크게보임requestAnimationFra
6.[21-06-05 TIL] three.js matrix
카메라는 두개의 추가적인 4차원 matrix가 있다.matrixWorld : 오브젝트의 글로벌 변환Camera.matrixWorldInverse: 뷰(카메라 관점에서 보이는 공간) 매트릭스 - 카메라 matrixWorld의 역행렬Camera.projectionMatri
7.[21-06-06 TIL] html 태그를 Scene Object에 위치시키기
threejsfundamentals.org
8.[21-06-08 TIL] threejs 오브젝트 복사
threejs 라이브러리를 사용 중같은 mesh를 참조하는 서로 다른 오브젝트가 있고 각각 opacity를 다르게 해야됐던 상황. 참조관계라서 A오브젝트 opacity를 바꾸면 B오브젝트도 같이 바뀌었다.lodash의 \_.cloneDeep()을 써서 참조관계를 끊으려
9.[21-07-07 TIL] gitlab pipline has failed
gitlab에서 커밋후 푸시했는데 pipline has failed가 떴다.깃랩-CI/CD-Piplines에서 retry하고Jobs에서 branch deploy를 봤다.나의 경우 Cannot find module: (모듈이름). Make sure this package
10.[21-12-03 TIL] 네이버지도 폴리곤과 three.js object 위치 맞추기
네이버 지도 줌인아웃, 오른쪽 레이아웃, 하단 레이아웃을 접었다가 펼칠 때 지도의 폴리곤이 위치가 변경되는데 3d object(threejs) 는 가운데 고정이었다. 그래서 싱크가 안맞음이 둘을 계속 같은 위치에 고정시켜야되는 문제또한 작은 사이즈에서 큰사이즈로 지도
11.[22-05-22 TIL] git fatal: Invalid value for pull.rebase: current
오랜만에 코드를 수정하고 push를 하려했더니 pull을 먼저 받아야됐다.그런데 pull을 받으려 하니 아래 문구가 나타났다.fatal: Invalid value for pull.rebase: current링크를 보고 해결했다.git bash에 git config pu
12.[22-06-06 TIL] react i18next 사용법
사내 서비스를 localization하면서 사용했던 rext-i18next를 사용법을 정리한 글입니다.클래스 컴포넌트를 다룹니다.npm install i18next react-i18next i18next-browser-languagedetector를 터미널에 입력해서
13.[22-07-28 TIL] Material UI CSS injection
최근 material ui를 상속받아 styled component를 만들었다.특정 루트로 돌아다닐때마다 내가 작성한 CSS가 적용되지 않고 기본 material ui CSS가 적용되는 현상이 발생했다.내가 작성한 CSS가 먼저 적용되고 그다음에 material CSS
14.[22-08-05 TIL] 리액트에 채널톡 적용하기
사내 프로젝트에 채널톡을 커스텀화해서 적용했다.채널톡 developer(https://developers.channel.io/docs/web-installation커스텀 버튼의 클래스 이름은 위 파일의 customLauncherSelector에 작성한 것과 동
15.[22-11-28 TIL] Route props 사용
프로젝트 메모 수정시 프로젝트 카드가 계속 마운트랑 업데이트가 같이 호출되는 현상 발생가까운 상위 컴포넌트중에 한번만 마운트되는 컴포넌트가 나올때까지 찾음기존 코드component에 const ProjectResultBodyDetail = () ⇒ <Project
16.[22-12-15 TIL] IE에서 react app 오류
polyfill문제라는 것을 인지npm install babel-polyfillindex.ts에 추가했는데 맨위에 import한게 아니라서 그런지 오류2가 나옴참고: https://ithub.tistory.com/271바벨( Babel )은 source to
17.[22-12-30 TIL] animate.css 사용하기
animate.css를 사용하면 이미 만들어진 애니메이션을 쉽게 갖다 쓸 수 있다.컴퓨터에서 애니메이션이 잘 보이는지 확인해야된다.https://animate.style/ 에 가서 애니메이션이 보이는지 확인한다.만약 정지 화면이 보인다면 아래와 같은 문구가 나
18.[23-01-10 TIL] react-typed에 이모지 넣기
react-typed
19.[23-01-19 TIL] CRA에 Service worker 적용하기
코드를 수정해서 새로 배포하면 사용 중인 웹에 바로 적용되면 좋겠다.회사 플랫폼은 현재 강제 새로고침(ctrl + F5)을 해야만 적용이 된다.처음에는 강제로 새로고침 하는 코드를 찾아봤지만 window.location.reload(true)는 deprecated됐다.
20.[23-03-17 TIL] crypto import후 배포 시 오류 발생
사내 서비스를 개발하다가 crypto를 써야 됐다. crypto를 추가했는데 처음엔 polyfill이 필요하다 해서 craco 파일에 webpackConfig > fallback을 추가했다.로컬에서는 잘 됐는데 배포 시 오류가 발생했다.1차 시도import { crea