vscode에서 typescript 에러
기록해두고 보는용mobx mobx-react 설치: npm i mobx mobx-reactnode-sass 설치 : npm install node-sass@\[버전 숫자]sass 버전과 node 버전을 맞춰줘야 됨 노드 버전이 14일 때는 4.14.1을 깔았고 노드
노션 설치문 npx create-react-app 'dirName' --typescript이거 적용안됨 .. \-> yarn add typescirpt \-> npm i --save-dev @types/react
강의 바로가기벡터: 벡터 공간의 원소스칼라: 체 집합의 원소변환(transformation)선형변환(linear transformation): 선형성을 가진 변환 현실세계의 공간은 하나, 게임의 가상 공간은 무한대행렬(Matrix): 선형변환을 수행하는 도구스스로 행렬
orbitControls: 마우스 인터랙션이 가능함 (스크롤, 마우스 왼쪽, 가운데, 오른쪽버튼)renderer: html render()orthographic camera의 top left right bottom값이 작으면 크게보임requestAnimationFra
카메라는 두개의 추가적인 4차원 matrix가 있다.matrixWorld : 오브젝트의 글로벌 변환Camera.matrixWorldInverse: 뷰(카메라 관점에서 보이는 공간) 매트릭스 - 카메라 matrixWorld의 역행렬Camera.projectionMatri
threejsfundamentals.org
threejs 라이브러리를 사용 중같은 mesh를 참조하는 서로 다른 오브젝트가 있고 각각 opacity를 다르게 해야됐던 상황. 참조관계라서 A오브젝트 opacity를 바꾸면 B오브젝트도 같이 바뀌었다.lodash의 \_.cloneDeep()을 써서 참조관계를 끊으려
gitlab에서 커밋후 푸시했는데 pipline has failed가 떴다.깃랩-CI/CD-Piplines에서 retry하고Jobs에서 branch deploy를 봤다.나의 경우 Cannot find module: (모듈이름). Make sure this package
네이버 지도 줌인아웃, 오른쪽 레이아웃, 하단 레이아웃을 접었다가 펼칠 때 지도의 폴리곤이 위치가 변경되는데 3d object(threejs) 는 가운데 고정이었다. 그래서 싱크가 안맞음이 둘을 계속 같은 위치에 고정시켜야되는 문제또한 작은 사이즈에서 큰사이즈로 지도
오랜만에 코드를 수정하고 push를 하려했더니 pull을 먼저 받아야됐다.그런데 pull을 받으려 하니 아래 문구가 나타났다.fatal: Invalid value for pull.rebase: current링크를 보고 해결했다.git bash에 git config pu
사내 서비스를 localization하면서 사용했던 rext-i18next를 사용법을 정리한 글입니다.클래스 컴포넌트를 다룹니다.npm install i18next react-i18next i18next-browser-languagedetector를 터미널에 입력해서
최근 material ui를 상속받아 styled component를 만들었다.특정 루트로 돌아다닐때마다 내가 작성한 CSS가 적용되지 않고 기본 material ui CSS가 적용되는 현상이 발생했다.내가 작성한 CSS가 먼저 적용되고 그다음에 material CSS
사내 프로젝트에 채널톡을 커스텀화해서 적용했다.채널톡 developer(https://developers.channel.io/docs/web-installation커스텀 버튼의 클래스 이름은 위 파일의 customLauncherSelector에 작성한 것과 동
프로젝트 메모 수정시 프로젝트 카드가 계속 마운트랑 업데이트가 같이 호출되는 현상 발생가까운 상위 컴포넌트중에 한번만 마운트되는 컴포넌트가 나올때까지 찾음기존 코드component에 const ProjectResultBodyDetail = () ⇒ <Project
polyfill문제라는 것을 인지npm install babel-polyfillindex.ts에 추가했는데 맨위에 import한게 아니라서 그런지 오류2가 나옴참고: https://ithub.tistory.com/271바벨( Babel )은 source to
animate.css를 사용하면 이미 만들어진 애니메이션을 쉽게 갖다 쓸 수 있다.컴퓨터에서 애니메이션이 잘 보이는지 확인해야된다.https://animate.style/ 에 가서 애니메이션이 보이는지 확인한다.만약 정지 화면이 보인다면 아래와 같은 문구가 나
react-typed
코드를 수정해서 새로 배포하면 사용 중인 웹에 바로 적용되면 좋겠다.회사 플랫폼은 현재 강제 새로고침(ctrl + F5)을 해야만 적용이 된다.처음에는 강제로 새로고침 하는 코드를 찾아봤지만 window.location.reload(true)는 deprecated됐다.
사내 서비스를 개발하다가 crypto를 써야 됐다. crypto를 추가했는데 처음엔 polyfill이 필요하다 해서 craco 파일에 webpackConfig > fallback을 추가했다.로컬에서는 잘 됐는데 배포 시 오류가 발생했다.1차 시도import { crea
서버로부터 받아온 HTML 스트링을 화면 영역에 미리보기화면처럼 보여주려 한다!html string에는 style태그가 있고 style태그에서는 \*, a 선택자를 사용해 스타일을 주고 있다.그런데 얘네가 다른 영역에도 스타일을 주어 기존 스타일이 오버라이딩되는것이다.
S3에서 gz파일을 가져와서 사용자가 압축이 해제된 파일을 다운로드할 수 있게 하려한다.이때 url로부터 파일을 가져오고 ArrayBuffer타입의 파일에 zlib.gunzipSync 사용했는데incorrect header check 에러가 발생했다.options에 w
ffmpeg 설치한다.ESSENSIAL 압축 파일 받는다.압축 해제 후 bin폴더로 이동.변환하고자하는 동영상을 폴더 안에 넣는다.cmd를 열어서 .\\ffmpeg -i video1.mp4 -c vp9 -b: v 0 crf 41 video1.webm를 입력한다.환경변수
브라우저 창을 닫으면 로그아웃시키는 기능을 만들려고 한다.브라우저 닫는 이벤트를 찾아서 로그아웃 함수를 호출하면 동작이 잘 안됐다.참고의 블로그를 통해 아래의 문장을 찾았다.브라우저 닫고 다시 열었을 때 로그인 상태로 남겨두고 싶다면 영속 쿠키에 세션 ID를 저장해야
웹페이지에 '🥲' 이모티콘을 추가했는데 특정 컴퓨터에 네모 모양(ㅁ)으로 보이는 현상이 있었다.알고보니 window 10에서 발생했고 window 11은 정상적으로 보였다.링크에 보면 window 10 업데이트에 지원되지 않는다고 한다.여기에도 보면 저 이모지는 wi