💡 개발 이슈와 해결/📚 누군가를 위한 기록
-
[react-router-dom] Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_5__.withRouter) is not a function💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 10. 21. 21:05
문제 Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_5__.withRouter) is not a function 위의 내용 처럼 에러가 났다. withRouter 를 사용해서 문제가 생긴 것 같다. 원인 react_router_dom 의 v6 에서 withRouter를 지원하지 않아서 생기는 문제였다. 라우트가 아닌 컴포넌트에서 라우터에서 사용하는 객체 - location, match, history 를 사용하려면, withRouter 라는 HoC 를 사용할 때 사용한다. 이제는 match를 객체로 받아오는 것이 아니라 useParams를 사용해야한다. import { withRouter } from 'react-router-dom..
-
gh-pages로 react app 배포 시, 경로를 참조하지 않을 때💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 10. 12. 02:17
문제 gh-pages로 react app 을 배포하려고 했다. npm run deploy 를 실행 했는데 경로를 참조하지 못해서 화면이 이상하다. 해결 그럴 때는 BrowerRouter에 basename={process.env.PUBLIC_URL} 를 App.js에 추가하면 된다. App.js // 예시 import { BrowserRouter } from "react-router-dom"; ...
-
[PowerShell] yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다.💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 9. 27. 15:46
문제 컴퓨터를 바꿔가면서 이것 저것 작업 중인데 다른 환경에서 vscode를 깔고 yarn 을 설치하고 yarn start를 실행하니 아래와 같은 에러가 나왔다. yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID= 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID= 135170)를 참조하십시오. 위치 줄:1 문자:1 + yarn start + ~~~~ + Categ..
-
Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 6. 18. 19:53
macOS를 사용하고 있는데 보안 시스템의 문제인지 다른 곳에서 다운로드한 파일은 실행이 제한되었습니다. 회사에는 도와줄 사람이 아무도 없어서 혼자 찾아보다가 다른 분들과 함께 공유하면 좋을 것 같아서 오늘도 기록합니다. 문제 "Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다." 해결 1. "터미널" 실행 2. sudo spctl --master-disable 입력 sudo spctl --master-disable 3. 엔터(실행) -> 맥 비밀번호 입력 후 엔터(실행) 4. "시스템 환경설정" 클릭 5. "보안 및 개인 정보 보호" 클릭 6. '다음에서 다운로드한 앱 허용: ' 에 '모든 곳'이라는 항목이 없다가 생성 되었을 거에요. 7. '모든 곳' 체크.
-
XSS(Cross-Site Scripting) 보안 취약점💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 1. 20. 16:32
XSS(Cross-Site Scripting) (사이트 간 스크립팅)의 약자로, 웹 페이지에 삽입된 악성 스크립트를 통해 사이트 교차가 되며 발생하는 취약점입니다. 웹 애플리케이션에서 많이 나타나는 취약점의 하나로, 웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약점입니다. 이 취약점은 웹 애플리케이션이 사용자로부터 입력 받은 값을 제대로 검사하지 않고 사용할 경우 나타난다. 주로 여러 사용자가 보게 되는 전자 게시판에 악성 스크립트가 담긴 글을 올리는 형태로 이루어집니다. 이 취약점으로 해커가 사용자의 정보(쿠키, 세션 등)를 탈취하거나, 자동으로 비정상적인 기능을 수행하게 하거나 할 수 있다. 주로 다른 웹사이트와 정보를 교환하는 식으로 작동합니다. "사용자를 믿지 마라...
-
Uncaught ReferenceError: Cannot access 'OOO' before initialization💡 개발 이슈와 해결/📚 누군가를 위한 기록 2021. 12. 28. 19:23
문제 Uncaught ReferenceError: Cannot access 'OOO' before initialization React로 개발을 하다가 위와 같은 에러 메시지가 떴는데요. 개발하는 화면이 아무것도 렌더링 되지 않고 흰색 화면만 나오며 오류가 발생하였습니다. ㅠㅠ 저의 번역가인 '구글 번역기'를 돌려보면... 잡히지 않은 ReferenceError: 초기화 전에 'OOO'에 액세스할 수 없습니다. 라고 나오는데요. 원인 아래와 같이 구글링을 해보았습니다. uncaught referenceerror cannot access before initialization react 그래서 아래와 같은 내용을 확인 할 수 있었습니다. 초기화되기 전에는 변수를 사용할 수 없으므로 "초기화 전에 '단계'에..
-
[JavaScript] 문자 개행 처리 / 줄바꿈 처리 ('\n', 개행문자) / replace💡 개발 이슈와 해결/📚 누군가를 위한 기록 2021. 12. 24. 14:47
개행문자 : 컴퓨터에서 줄바꿈을 나타내는 제어문자 개행이 \n으로 넘어오는 경우가 생깁니다. 이럴 경우에는 HTML 화면에 개행이 안되는 경우가 있는데요. 아래와 같이 해당 부분을 변경 하면 됩니다. str = str.replace(/(?:\r\n|\r|\n)/g, ' '); 문제 데이터를 보여주는데, 줄바꿈이 되지 않아서 원인을 분석하였습니다. 원인 개발자 도구에 Console에 console.log(agentData); 로 확인해보니 사용하고자 하는 REMARK에 '\r\n\r\n' 가 들어가서 개행 처리가 필요했습니다. 해결 {agentData ? {agentData.REMARK} : } {agentData ? ( {agentData.REMARK.replace(/(?:\r\n\r\n|\n\n)/g,..
-
[iOS] iOS 15 버전에서 웹뷰 화면 개발 시, a태그나 button태그로 작업한 글자의 색이 파란색으로 나오는 문제💡 개발 이슈와 해결/📚 누군가를 위한 기록 2021. 12. 2. 16:23
문제 네이티브앱(NativeApp) 안에 웹뷰(WebView)로 화면 개발을 했습니다. 그런데 아이폰에서 , 등등 글자가 파란색으로 나오는 문제가 발생했습니다. 원인 디버깅을 해보았더니 iOS 15버전으로 업데이트가 되면서 발생하게 되었는데요. 동일한 문제를 겪으신 분들은 아마 user agent stylesheet에 color 값이 color: -apple-system-blue; 로 들어갔을거에요. 해결 명시적으로 color 의 값을 지정해주었더니 해결이 되었습니다. iOS 15 버전에서 웹뷰 화면 개발 시, a태그나 button태그로 작업한 내용이 파란색 글자로 나오는 문제. Text in HTML Buttons is blue on iOS 15.