새끼 개발자의 Life is egg

css 파일에 지정한 변수를 자바스크립트 코드에서 쓰고싶을 때 getComputedStyle(document.documentElement).getPropertyValue('--color-name') --color-name 부분에 변수명을 넣으면 해당 값을 반환해준다

보호되어 있는 글입니다.

세션이 없는 상태에서 데이터 요청시 권한이 없다는 응답을 주려고 app.get, app.post 마다 res.status(401).json({message: '권한이 없음'}); 이걸 쓰는건 좀 아니잖아... 미들웨어는 express에서 요청과 응답을 처리하는 기능이다. 애플리케이션과 라우터 수준에서 미들웨어가 처리하는 요청은 use, get, post, put 이 있고, 여기에 req, res, next 3개의 인수를 넣는다. req는 요청객체, res는 응답객체, next는 다음 미들웨어로 넘어갈때 사용하는 함수이다. app.use((req, res, next) => { }); 모든 요청이 이 미들웨어를 먼저 거치게 된다. 공통 로직이 필요하면 여기에 작업을 해주고 next() 를 사용한다. app...

mui 모달을 띄울 때 TextField에 포커스를 주고 싶어서 useRef를 썼다. inputRef.current.focus(); 근데 에러가 남; Cannot read properties of null (reading 'focus') inputRef 가 null 이더라고? 모달 안에 있어서 렌더링이 아직 안됐구나 싶어서 useEffect 를 써서 모달 오픈됐을 때... inputRef.current가 변경됐을때... ref current를 찾으려고 했는데도 계속 null 이었다. 방법은 disablePortal 속성을 주는 것... 이나 에 주면 된다. dom 구조에서 하위 요소가 상위 요소 아래에 배치되는지 여부를 결정하는 속성이고, 기본값은 false 이다. 내가 모달을 오픈하는 컴포넌트 하위에 ..

보호되어 있는 글입니다.

어떤 프로젝트에서는 노드 14, 뭐는 16, 18 이렇게 맞춰져있어서 빌드할때마다 오류 터지고 난리가 났다 매번 노드를 지웠다 깔았다 할 수도 없을 때 nvm을 사용한다 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 스크롤을 내리면 다운로드 링크가 나온다 난 nvm-setup.exe 받은듯? nvm 설치를 끝내고 터미널을 켜서 nvm 이라고 입력하면 현재 버전과 명령어가 나온다 노드 버전 변경하기 ..

노드 파일 저장할 때 Multer를 사용했는데 다시 파일을 불러와서 확장자를 mime 으로 뽑아보니 어우 getType이 null 이 떠버림 저장할때 확장자를 떼버려서... 확장자가 필요하면 multer 로 파일을 업로드할때 확장자를 추출해서 DB에 따로 저장하는 식으로 사용해야 한다고 한다.

노드를 실행할 때 --inspect를 붙인다 예) node --inspect app.js nodemon --inspect app.js 크롬 창을 띄워서 여기로 접속한다 chrome://inspect Devices 목록에 app.js 가 뜰것임 (조금 시간이 걸릴수도 있다...) 하단의 inpect 링크를 글릭하면 개발자도구가 나온다