💡 개발 이슈와 해결
-
[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..
-
인터넷 익스플로러를 떠나 보내며💡 개발 이슈와 해결/📚 채워나가는 IT 지식 2022. 6. 23. 23:30
최근에 가장 재미있게 봤던, 유쾌한 기사가 있어서 가져와봤다. 바로 익스 플로러의 사망(?)을 추모하는 묘비를 만든 한국에 어떤 소프트웨어 엔지니어에 대해서 CNN에서 기사를 쓴 것이다. 너무 웃겼다. ㅋㅋㅋㅋ 익스 플로러 때문에 마크업 개발을 할 때 고군분투 했던 나의 과거가 생각나서 그 추억과 함께 나도 애도하는 마음을 담아 포스팅을 해본다. 잘가. 덕분에 고생 좀 했지만 많은 발전을 했던 것 같아. https://edition.cnn.com/2022/06/18/asia/internet-explorer-gravestone-viral-south-korea-intl-hnk/index.html Internet Explorer's final resting place: as a 'world-class joke..
-
Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 6. 18. 19:53
macOS를 사용하고 있는데 보안 시스템의 문제인지 다른 곳에서 다운로드한 파일은 실행이 제한되었습니다. 회사에는 도와줄 사람이 아무도 없어서 혼자 찾아보다가 다른 분들과 함께 공유하면 좋을 것 같아서 오늘도 기록합니다. 문제 "Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다." 해결 1. "터미널" 실행 2. sudo spctl --master-disable 입력 sudo spctl --master-disable 3. 엔터(실행) -> 맥 비밀번호 입력 후 엔터(실행) 4. "시스템 환경설정" 클릭 5. "보안 및 개인 정보 보호" 클릭 6. '다음에서 다운로드한 앱 허용: ' 에 '모든 곳'이라는 항목이 없다가 생성 되었을 거에요. 7. '모든 곳' 체크.
-
[프로그래밍] 객체 지향 프로그래밍 OOP💡 개발 이슈와 해결/📚 채워나가는 IT 지식 2022. 2. 25. 16:29
'객체 지향 프로그래밍' 많이 들어 봤고, 실무에 적용해서 사용도 해봤지만 정작 설명을 하라고 하면 아직도 잘 못하겠더라고요... (자신감 하락) 기억력이 좋지 않은 저와 객체 지향 프로그래밍을 배우시는에게 도움이 되었으면 하는 바람입니다. OOP 란? Object Oriented Programming의 약자로 직역하게 되면 '객체 지향 프로그래밍'을 뜻합니다. 주어 동사 형태로 프로그래밍하는 것이라고 생각하시면 쉽습니다! OOP의 대표적인 특징 OOP에는 4가지의 중요한 특징이 있습니다. 캡슐화 (Encapsulation) 상속 (Inheritance) 추상 (Abstraction) 다형성 (Polymorphism) 1. 캡슐화 (Encapsulation) 캡슐화는 데이터와 기능을 하나의 객체로 묶는 ..
-
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 그래서 아래와 같은 내용을 확인 할 수 있었습니다. 초기화되기 전에는 변수를 사용할 수 없으므로 "초기화 전에 '단계'에..