본문 바로가기
반응형

프로그래밍48

[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.
[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] 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.
글쓰기 에디터 Quill Editor Quill Editorvue3에서 게시판 글쓰기 에디터로 Quill을 사용함. 설치가 간편하며, 가볍다.    https://quilljs.com/ Quill - Your powerful rich text editorBuilt for Developers Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output.quilljs.com 2024. 5. 27.
[vue3 + spring boot] 클라이언트와 서버 형식이 다를 때 검사 페이지와 결과 페이지의 결과값이 다르다. submitTest의 내용이 맞다. submitTest와 getTestResult의 코드를 맞춰야 한다.  문제 1서로 보내는 형식이 다르다.   보내는 형식을 맞춰줘야 한다.   문제 2서버 콘솔에서 null값이 있다고 나온다. Received answers: [null, 3, null, 3, null, 3, null, 3, null, 3, null, 3, null, 3, null, 3, null, 3, null, 3, null] => null 값을 처리하는 로직을 추가하자.  // 미응답 질문에 대한 기본값 설정 (예: 0) const userAnswersArray = this.questions.map(question => { .. 2024. 5. 14.
반응형

티스토리툴바