Web Dev
241128 - react webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. / cloudinary fs module not found
문제 상황cloudinary client를 다운받고, .ts파일을 만들어 돌리려는데 Webpack 5 어쩌고 에러가 남문제를 해결했지만, fs module을 찾지 못했다는 에러가 계속 남해결 방법1번 문제 webpack.config.js를 연다 (위치 - node_modules/react-scripts/config/webpack.config.js)plugin 부분에 밑에 github 답변대로 new webpack.ProvidePlugin... 부분을 넣는다.그 아래 resolve 안에 fallback 부분을 추가하고, 필요한 모듈을 넣는다.https://webpack.kr/configuration/resolve/#resolvefallback추가한 모듈들을 모두 npm install한다. 설치하지 않으면 ..
[REACT] react-router-dom 및 module.css 사용 중 이슈
개요react-router-dom을 이용해 nav바를 만들어 routing을 제어하고, activeclassname 속성을 활용하여 nav바에서 선택된 이름을 표시하는 기능을 구현했었다. Home Category Tags About 문제상황그런데 css modules을 이용하면서 문제가 생겼었는데, css modules에선 className 및 일부 요소들만 뒤에 hash를 붙여서 고유하게 되기 때문에 activeclassname으로 지정한 .active 클래스 이름이 적용되는 과정에서 문제가 생겼다.activeclassname으로 지정한 .active 클래스가 (해당 path일때 클래스가 추가됨) 분명 styles.을 붙여서 넣었는데도 뒤에 해시가 붙지 않고 들어가는 문제가 ..
[AWS] EC2 인스턴스 설정하기
0. ubuntu 업데이트 apt update apt upgrade 1. mysql 설치 및 설정 // 설치 sudo apt install mysql-server // 설치 설정 sudo mysql_secure_installation 비밀번호 설정하기 -> 0~2 로 보안 강도 설정 Remove anonymous users - y Disallow root login remotely - n Remove test database and access to it - y Reload privilege tables now? - y -> 설정 완료 EC2에서 Mysql 접속 mysql -u root -p + 비밀번호 입력 -> mysql 접속 완료 php 설치 다음과 같은 명령어를 입력해 php를 설치한다. sudo..
[Node.js] express로 서버 구축하기 - (1)
Node.js는 크롬의 v8엔진 기반 javascript 런타임이다. Node.js에서 제공하는 라이브러리인 express.js를 사용하면 웹 서버를 쉽게 구축할 수 있다. node.js 프레임워크를 배우며 공부한 내용을 정리하고, 관련 지식을 찾는 사람에게도 내용을 공유하기 위해 해당 주제에 대해 작성해보기로 했다. 1. 폴더 및 package.json 설정 Node.js 프로젝트를 시작하려면 먼저 폴더를 만들고, 거기에 사용할 라이브러리(모듈)을 설치해야 한다. -> BackEnd Study 폴더를 만들어 주고, 거기에 npm init 명령어를 입력해준다. npm init 명령어를 입력하면 cmd창에 이것저것 이름을 설정해주라는 항목이 뜨는데, 일단 특별한 설정을 해주지 않을 거면 전부 enter 키..