전체 글 (48) 썸네일형 리스트형 css cascading / twMerge의 의의(작성중) cascade가 뭔가 ? twMerge는 뭘 해결해주는가? 왜 "px-2 py-2 p-3" 은 px-2 py-2를 먼저 적용시키는가?=> 명시도 때문. 셀렉터가 가리키는것이 명확할수록 우선순위를 높게 준다. 모호하게 여러개를 가리키는 셀렉터보다 보다 적은 범위를 명확하게 가리키는 셀렉터 스타일의 우선순위가 높다. 여기에서는 p-3은 top bottom left right를 일괄로 지정하고, px-2 py-2는 top과 bottom과 left right를 골라서 지정한다. 그러면 후자가 더 명확하게 가리키고 있다고 할 수 있을것이다. 그러면 p-2 p-4라면? p-4가 적용된다. => 왜냐? 코드 순서 우선순위 때문. 우선순위의 마지막 요소가 코드 순서인데, 가장 마지막에 등장한 속성을 최우선으로 적용한다.. console.log()에 출력된 값을 펼쳤는데 값이 다르다? 진짜 소름.. 1년여동안 js 기반 언어 쓰면서 이걸 몰랐다니..발단은 react drei에서 제공하는 DragControls의 onDrag 이벤트 인자로 들어오는 행렬값이 정확히 어떤 값인지 알아내려고드래그 하면서 콘솔에 행렬을 전부 찍어보고있었다.const handleDrag = ( localMatrix, deltaLocalMatrix, worldMatrix, deltaWorldMatrix ) => { console.log(localMatrix, deltaLocalMatrix, worldMatrix, deltaWorldMatrix); const vector = new THREE.Vector3(0, 0, 0); const vector2 = new THREE.Vec.. 죽은 프로젝트의 localhost:3000이 살아있을 때... 예전에 하던 Next.js 프로젝트가 있는데 pwa로 만들려고 했어서 service worker를 달아놨었다. 오늘 다른 프로젝트 고친다고 이래 저래 로컬 포트로 접근을 하는데 돌아가고 있는 앱이 없는데 자꾸 localhost:3000에 가면 예전 프로젝트 페이지가 보이는것이었다..? 열려있는 포트도 확인해봤는데 3000번 포트가 열려있지도 않은데 어떻게 통신이 되고있지? 싶어서 네트워크를 까보니 그 예전에 쓰던 service worker가 200 응답을 주고있더라. ㅋㅋ 그래서 그러면 이걸 안돌아가게 하면 되겠군! 하고 구글링하니까 자꾸 코드상으로 unregister 하는 법만 알려줬다.. 난 프로젝트를 다시 돌리고 싶지 않고 서비스워커만 제거하고싶은데.. 여튼 스택오버플로우에서 unregister 하.. Cannot read properties of undefined(reading 'from') react + vite 써서 react-webcam 라이브러리의 getScreenshot() 함수로 받아온 base64 img src string을 aws-sdk의 AWS.S3.ManagedUpload() 함수를 이용하여 s3에 업로드 하려는 중 자꾸만 오류가 났다. 처음에는 decode 문제인줄 알았으나 그게 아니고 vite가 node의 Buffer를 못 찾아서 생기는 문제임을 깨달았다.그래서 여러가지를 검색 해본 결과 @esbuild-plugins/node-gloabals-polyfill 모듈을 install 해서 vite.config.ts에서 설정 하는 방법을 발견했다.그런데? 아래와 같은 오류가 발생하는 것이었따.. 원래 쓰던 vite-plugin-node-polyfills 설정이랑 겹쳐서 .. dd [TypeScript] 화살표 함수(Arrow Function)가 대체 뭔가? 자바스크립트를 한번도 사용 해보지 않은 입장에서 무슨 말인지 잘 모르겠다. this가 어떤 혼란을 야기했길래 그러는 걸까? (필자는 C, C++ 프로그래밍에 대한 지식은 있음을 참고하자.) class Person { name: string; constructor(name: string) { this.name = name; } sayHello() { console.log(`Hello, my name is ${this.name}`); } sayHelloWithTimeout() { setTimeout(function() { console.log(`Hello, my name is ${this.name}`); }, 1000); } sayHelloWithArrowFunctionTimeout() { setTimeou.. [docker] cannot-autolaunch-d-bus-without-x11-display 해결 갑자기 왜 ?????? 저 오류가 뜨면서 이미지 빌드가 안 됐는지는 모르겠지만 일단 나의 경우 Dockerfile 내에서 FROM 베이스이미지 [ssh] 비밀번호 맞는데 자꾸 permission denied, please try again 뜨는 경우 virtual box 7.0.4로 업데이트 된 이후 이상하게 잘 되던 host only network 접속이 안 됐다. 원래는 host only adapter 라고 이름이 vboxnet0인 네트워크가 있었는데 그게 deprecated 됐대서 새로 host only network를 만들었는데 자꾸 맞는 비밀번호를 입력 해도 안 되는 것이었다. 웃긴게 호스트 상에서 22번 포트를 제외 하고 포트포워딩을 하면 또 로그인이 됐다. 진짜 몇시간을 허비했는데 답을 찾았다. 네트워크 설정인데 저기서 lower bound를 192.168.56.3 으로 설정하고 vm의 ip도 192.168.3 으로 설정 해놔서 안 되는 것이었다. 겹치지 않게 해주면 잘 됨.. 이전 1 2 3 4 ··· 6 다음
