개발130 transform, zoom, scale 후 흐릿한 현상 해결 에러 내용 css로 transform 또는 zoom, scale을 적용한 후 이미지 또는 텍스트 등이 흐릿해지는 현상이다. 에러 원인 흐릿한 이미지의 경우, scaling 과정이 실제로 원본 이미지를 흐릿하게 변경하기 때문이다. 흐릿한 텍스트의 경우, transform 과정에서 텍스트의 backface가 의도하지 않은 형태로 보이게 되어 frontface와 겹쳐지면서 흐릿하게 보인다. 해결 방법 1-1. css의 경우 다음 세 가지 선언을 차례로 적용시켜본다. backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; 1-2. react라면 다음과 같이 시도해본다. 2. 이미지의 경우.. 2022. 12. 9. react url 파라미터 여러 개 받기 설명 react에서 url로 파라미터 받는 방법입니다. (여러 개) (예 : /url/:parameter) create-react-app으로 코드의 기본 틀이 만들어져 있다고 가정합니다. react url 파라미터 여러 개 받는 방법 router를 사용하고 Route의 path에 url/:파라미터 이름 를 설정하고 useParams()로 가져옵니다. 1. react-router-dom, react-dom을 설치합니다. npm i react-router-dom react-dom 2. src/index.js를 다음과 같이 수정합니다. import React from "react"; import { createRoot } from "react-dom/client"; import Router from "./Ro.. 2022. 12. 9. 포트 번호로 프로세스 찾고 종료시키기 설명 포트 번호로 프로세스 찾고 종료시키는 법입니다. (kill process with port number) 해결방법 netstat으로 각 포트를 사용하고 있는 프로세스를 조회합니다. findstr로 특정 포트를 사용하고 있는 프로세스를 검색합니다. kill로 해당 프로세스를 종료시킵니다. netstat -ano | findstr : kill 예시 참조 Node.js Port 3000 already in use but it actually isn't? I have been working with a node.js project for a few weeks and it has been working great. Usually, I use npm start to run my app and view it i.. 2022. 11. 22. import 시 확장자( .js ) 및 index 생략 설명 위의 스샷처럼 import 시 확장자(extenstion)와 index를 생략할 수 있는 편리한 옵션이 있습니다! 방법 다음과 같이 package.json의 scripts 부분을 수정합니다. ... "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "cross-env NODE_ENV=development && nodemon --experimental-specifier-resolution=node index.js", "production": "cross-env NODE_ENV=production && pm2 start index.js" }, ... --experimental-specifier-resolution=nod.. 2022. 11. 22. morgan winston 사용 시 파일에 이상한 특수 문자 출력 "[0m" 해결 에러 내용 node js에서 log를 위해 morgan과 winston을 함께 사용했을 때 log file에서 이상한 특수문자 "[0m"가 출력된다. 참고로 "[0m"는 reset all modes(colors and styles)를 위해 사용되는 ANSI escape code이다. ("[0m"는 "ESC[0m"으로도 적을 수 있다.) 에러 원인 morgan에서 console에 출력하기 위해 color를 입히는( colorize ) 과정에서 특수문자가 들어가는데, morgan에서 winston으로 만든 logger를 사용할 때 특수문자 ( ANSI colors/styles )가 포함된 string을 그대로 전달하기 때문이다. 콘솔이나 터미널과 다르게 로그 파일에서는 이러한 특수문자가 적용되지 않기에.. 2022. 11. 22. URLError: <urlopen error [Errno -3] Temporary failure in name resolution> 에러 내용 import seaborn as sns titanic = sns.load_dataset('titanic') 위 kaggle seaborn load_dataset 실행 시 다음의 오류가 발생합니다. URLError: 에러 원인 kaggle 기본 설정에서는 인터넷 연결이 되어 있지 않아 seaborn의 load_dataset이 에러를 출력합니다. 해결 방법 코드 작성 시 바로 옆에 있는 바의 setting을 열고 internet 토글을 클릭하여 인터넷을 연결합니다. 참고 자료 Product Update: Enable Internet Access on Kernels | Data Science and Machine Learning Product Update: Enable Internet Access .. 2022. 11. 11. 이전 1 ··· 5 6 7 8 9 10 11 ··· 22 다음
