반응형 전체 글201 [Ubuntu] MariaDB 사용자 생성, 권한 부여, 포트 연결 # 환경ubuntuOracle CloudMariaDB (HediSQL)외부 접속 가능 User 생성1. 데이터베이스 접속mysql -u root -p2. 유저 생성// 생성CREATE USER '유저이름'@'%' IDENTIFIED BY '비번';// 권한 부여GRANT ALL PRIVILEGES ON mydatabase.* TO '유저이름'@'%';// 설정 적용FLUSH PRIVILEGES;3. 3306 포트 열기데이터베이스 연결 끊고, sudo 명령어로 포트를 열어준다.sudo iptables -I INPUT 1 -p tcp --dport 3306 -j ACCEPT4. SSH 연결파워쉘에서 명령어로 연결해준다.공용 ip는 클라우드에서 생성해야함.ssh -i 파일명.key ubuntu@공용ip5. 클.. 2024. 6. 9. [Ubuntu] mariaDB 설치 설치 순서1. updatesudo apt update 2. mariaDB 서버 설치sudo apt install mariadb-server 3. mariaDB 클라이언트 설치sudo apt install mariadb-client 4. 보안 설정sudo mysql_secure_installation 2024. 6. 8. [MongoDB] 접속 에러 (IP whitelist) 에러 내용Error connecting to MongoDB MongooseServerSelectionError: Could not connect to any servers in your MongoDB Atlas cluster. One common reason is that you're trying to access the database from an IP that isn't whitelisted. Make sure your current IP address is on your Atlas cluster's IP whitelist: https://www.mongodb.com/docs/atlas/security-whitelist/ Configure IP Access List Entries - MongoDB .. 2024. 6. 7. [배포] Render.com 배포하기 (Node.js, React, mongoDB) 배포 준비1. server.js 2. package.json 3. cmdD:\Workspace\CHAT-APP>npm run build 4. dist 폴더 생성 완료 5. npm startD:\Workspace\CHAT-APP>npm start 6. git commit수정한 파일들을 깃허브에 업로드하기. Render.com 배포하기 1. Web Service 생성하기 2. 필수 내용들 써주기 3. 성공하면 live 단점Render.com은 무료로 사용할 수 있어서 좋지만, 15분동안 트래픽이 없으면 서버 연결이 끊어진다.다시 연결하려면 수동으로 해줘야한다.이 부분을 개선하기 위해 스케줄을 지정해놓고 서버에 연결해주는 cron jobs 사이트를 이용할 것. 2024. 6. 7. [React] 리액트 라이브러리 hook의 useEffect useEffectuseEffect는 React의 Hook 중 하나로, 컴포넌트가 렌더링된 이후에 어떤 작업을 수행하기 위해 사용됩니다. useEffect는 클래스형 컴포넌트의 생명주기 메서드인 componentDidMount, componentDidUpdate, componentWillUnmount를 함수형 컴포넌트에서도 사용할 수 있도록 해줍니다. 주로 다음과 같은 용도로 사용됩니다: 데이터 가져오기:API 호출을 통해 데이터를 가져올 때 사용됩니다.구독 설정 및 해제:웹소켓 연결이나 이벤트 리스너를 설정하고, 컴포넌트가 언마운트될 때 이를 정리하는 데 사용됩니다.DOM 업데이트:컴포넌트가 렌더링된 후 DOM을 직접 조작해야 하는 경우 사용됩니다.타이머 설정:setTimeout 또는 setInterva.. 2024. 6. 6. [JavaScript] Named Export와 Default Export의 차이점 Named ExportNamed export는 여러 개의 변수를 내보낼 수 있으며, 각각의 변수는 반드시 중괄호 {}로 감싸서 임포트해야 합니다. 예를 들어, 파일에서 다음과 같이 여러 개의 변수를 내보낼 수 있습니다:// utils.jsexport const foo = 'foo';export const bar = 'bar';export const baz = 'baz'; 임포트할 때는 다음과 같이 중괄호 {}를 사용하여 필요한 변수만 선택적으로 임포트할 수 있습니다:// main.jsimport { foo, bar } from './utils';Default ExportDefault export는 한 파일당 하나의 값만 내보낼 수 있으며, 중괄호 없이 임포트할 수 있습니다. 예를 들어, 파일에서 다음과 .. 2024. 6. 6. [JavaScript ES6] 객체 구조 분해 할당 (Destructuring Assignment) 객체 구조 분해 할당 (Destructuring Assignment) 객체 구조 분해 할당은 객체에서 필요한 값을 쉽게 가져올 수 있게 해주는 방법입니다. 중괄호를 사용한 경우:중괄호 {}를 사용하면 객체 구조 분해 할당이 됩니다. 즉, 함수가 객체를 매개변수로 받을 것으로 예상합니다.const login = async ({ username, password }) => { // username과 password를 가진 객체를 매개변수로 받음 console.log(username, password);}// login 함수를 호출할 때 객체로 전달해야 합니다.await login({ username: 'testuser', password: 'password123' });중괄호를 사용하지 않은 .. 2024. 6. 5. [Tailwind CSS] css가 적용 안 되는 문제 (+ Daisy UI) REACT + VITE 프로젝트에서 tailwind, daisy ui의 css가 적용이 안 되는 문제 발생문제 내용나의 경우에는 React에 tailwind + Daisy UI를 사용했다. daisy에서 가져온 버튼 코드가 회색 사각형의 기본 버튼으로만 나오고 css가 적용이 안 된 상태로만 보였다. 공식 문서 그대로 했는데도 적용이 안 되었다. 지웠다가 다시 깔아도 계속 안되었는데, 구글을 뒤지며 문제를 해결했다. 해결 방법1. tailwind를 삭제한다. (package.json에서도 다 삭제하기.)npm uninstall tailwind 2. 다시 설치한다. 여기에서 중요한 것은 아래의 코드로 설치한다. npm install -D tailwindcss postcss autoprefixer// pos.. 2024. 6. 5. [Node.js] 채팅 앱 만들기 (backend) 채팅 앱 만들어보자!Node.jsVite + ReactMongoDBreact 설치터미널 frontend 폴더에서 설치하기npm create vite@latest .React / JavaScript 선택패키지 설치루트 폴더에서 npm init -y 실행npm i express dotenv cookie-parser bcryptjs mongoose socket.io jsonwebtoken 전부 설치 : express, dotenv, cookie-parser, bcryptjs, mongoose, socket.io, jsonwebtokennodemon 설치npm install nodemon --save-dev -g Nodemon은 Node.js 애플리케이션 개발을 보다 편리하게 해주는 도구로, 소스 코드가 변경될.. 2024. 6. 5. [Node.js] express 서버 만들기 expressapp.jsconst express = require("express");const app = express();app.get("/", (req, res) =>{ res.send('hellloooooo!');});app.listen(4000, () => { console.log('서버 실행 중');}); Thunder Clientpostman과 같은 기능을 vscode에서 확장프로그램으로 사용 가능. 라우트 파라미터특정 조건을 지정할 때 라우팅 코드에서 요청 URL 뒤에 : 콜론을 붙인 후 그 뒤에 변수 작성 /요청URL/:id 2024. 6. 4. 이전 1 2 3 4 5 ··· 21 다음 반응형
