본문 바로가기
반응형

분류 전체보기117

Axios, CORS 설정을 적용한 React, Node.js 프로젝트 React 프로젝트의 설정 React는 사용자 인터페이스를 구축하는데 사용되는 자바스크립트 라이브러리이다Create React App을 이용해 React 프로젝트를 설정해보려 한다 1. 프로젝트 폴더 생성 npx create-react-app my-react-app 2. react 개발 서버 실행npm run start => 실행되는 것 확인http://localhost:3000  Node.js와 React 통신 설정 axios를 사용하여 프론트엔드에서 백엔드로 데이터를 전송하고 받아오는 API 통신 구현 Axios : Http 요청을 쉽게 보낼 수 있는 자바스크립트 라이브러리. GET, POST, PUT, DELETE 요청을 보내는데 사용되며 React에서 백엔드 API와 통신할 때 유용하다 1. Ax.. 2024. 10. 19.
2. React, Node.js를 이용한 게시판 만들기 - MySQL 연결 및 CRUD 작성 1. mysql community 버전 다운로드2. mysql 설치하기 3. 환경변수 설정4. 데이터베이스 초기화https://tiny-immj.tistory.com/79 React와 node.js를 사용한 게시판 만들기 - db 세팅이전에 node.js, npm, git 세팅을 하고 기초 프로젝트를 만들었다https://tiny-immj.tistory.com/78 React와 node.js를 이용한 기초 프로젝트 생성(for mac)1. 개발 세팅 준비1-1. Node.js 설치하기 https://nodejs.org/ Node.jtiny-immj.tistory.com  1. mysql community 버전 다운로드2. mysql 설치하기 3. 환경변수 설정4. 데이터베이스 초기화5. Node.js 프.. 2024. 10. 18.
에러 해결) ER_NOT_SUPPORTED_AUTH_MODE : Node.js에서 MySQL을 접근할 때 발생하는 에러 * 에러 해결 - 증상 *Node.js에서 MySQL을 접근하려고 하니 다음과 같은 오류 발생   에러 내용 :  Error connecting to MySQL: Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client  ...    code: 'ER_NOT_SUPPORTED_AUTH_MODE',  errno: 1251,  sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL clien.. 2024. 10. 10.
1. React, node.js를 사용한 게시판 만들기 - db 세팅 이전에 node.js, npm, git 세팅을 하고 기초 프로젝트를 만들었다https://tiny-immj.tistory.com/78 React와 node.js를 이용한 기초 프로젝트 생성(for mac)1. 개발 세팅 준비1-1. Node.js 설치하기 https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  pkg 파일이 다운받아지면 실행시켜 설치해주세tiny-immj.tistory.com db 중 mysql을 윈도우에 설치해보려 합니다  1. mysql community 버전 다운로드2. mysql 설치하기 3.. 2024. 10. 10.
React, node.js를 이용한 기초 프로젝트 생성(for mac) 1. 개발 세팅 준비1-1. Node.js 설치하기 https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  pkg 파일이 다운받아지면 실행시켜 설치해주세요  1-2. VS Code 설치https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Dow.. 2024. 10. 3.
5.Dart 언어 기초1_Flutter, Bootstrap을 활용한 크로스 플랫폼 웹 개발 Dart 언어의 기초 1. 변수와 데이터 타입1) Dart의 역할Dart : Flutter의 기본 프로그래밍 언어, 강력한 타입 시스템과 간결한 문법이 특징 Flutter에서 Dart의 역할 : Dart는 Flutter 애플리케이션의 모든 로직을 작성하는데 사용된다 Flutter 위젯의 상태 관리, 이벤트 처리, 네트워킹, 데이터 변환 등 모든 기능이 Dart로 구현된다 Flutter에서 복잡한 UI와 로직을 Dart로 쉽게 구현할 수 있다 -> Dart의 간결함, 효율성  2) 변수Dart에서 변수는 var,. final, const, 명시적인 타입(int, String)을 사용하여 선언할 수 있다 Dart의 주요 데이터 타입에는 int, double, String, bool, Map이 있다   Str.. 2024. 9. 11.
반응형