로니의 개발 이야기

npm install을 진행했는데, npm sill idealtree buildDeps에서 멈추는 현상이 발생하여서 해당 문제를 해결해보기로 했다. 먼저, https://ggodong.tistory.com/318 글의 3번을 따라서 진행해보았다. 아래 명령어를 입력 후 npm install을 진행해보았다. npm set registry http://registry.npmjs.org/ 일단 npm sill idealtree buildDeps에서 멈추는 현상은 사라졌지만, 아래와 같은 메시지가 나와서 뭔가 해결되지 않은 느낌이 들었고, 아래의 메시지에서 해결책을 찾아보고자 했다. 메시지 내용은 2021년 10월 4일부터 패키지 설치를 포함하여 npm 웹 사이트 및 npm 레지스트리에 대한 모든 연결은 TLS..

Node.js Express에서 파일 업로드 요청 처리 및 DB에 데이터 삽입하기 1️⃣ 고객 데이터 사용 요청 처리하기 (server.js) 1) 파일 처리를 위해서 'npm install --save multer' 명령어를 통해 multer 라이브러리를 설치한다. 2) 필요한 라이브러리를 불러온다. const multer = require('multer'); const upload = multer({dest : './upload'}) // 사용자의 파일이 업로드가 되는 공간으로 설정 3) image 폴더에서 upload 폴더에 접근할 수 있도록해서 사용자가 접근해서 프로필 이미지를 확인할 수 있도록 한다. 사용자 입장에서는 image 폴더에 접근을 하는데 실제 서버에서는 upload 폴더로 맵핑이 되..

🛴 고객(Customer) DB 테이블 구축 및 Express와 연동하기 0️⃣ DB 이름 사용하기 DB 이름을 management라고 설정했기 때문에 아래와 같이 써주어야 한다. USE management; 1️⃣ 고객 테이블 만들기 (1) 고객 테이블 만들기 CREATE TABLE CUSTOMER( ) (2) 한글 데이터를 포함하기 위해서 Character 세팅을 UTF 8으로 해준다. CREATE TABLE CUSTOMER( ) DEFAULT CHARACTER SET UTF8 COLLATE utf8_general_ci; (3) 필요한 컬럼들을 추가해준다. CREATE TABLE CUSTOMER( id INT PRIMARY KEY AUTO_INCREMENT, image VARCHAR(1024), na..

🏎 React.js & Node.js express에서 REST API 구축하기 0️⃣ REST API? REST API는 웹 프레임워크에서 지원하는 기능으로서 클라이언트가 웹 프로토콜을 기반으로 하여 효과적으로 데이터를 주고받을 수 있도록 해준다. 1️⃣ Server (./server.js) : customers api 만들기 클라이언트가 customer api에 접근하면 반환되는 값을 설정해준다. 아래와 같이 자바스크립트의 배열 데이터를 응답(response) 하겠다고 데이터를 넣어 주기만 하면 json 형태로 변환해서 client에게 보내준다는 특징이 있다. /api/customers로 접속하면 아래의 데이터를 볼 수 있도록 한다. https://jsonlint.com/ 를 이용하면 json 형식이..

Node.js exress 서버 개발 환경 구축 0️⃣ Server (root directory) : package.json 파일 만들기 (1) 프로젝트의 이름, 어떻게 실행할 것인지, 어떤 버전을 이용할 것인지에 대한 부분을 작성한다. (2) 아래의 코드에서 주목해야 할 부분은 dev이다. dev를 통해서 client와 sever의 서버를 동시에 구동할 수 있다. (3) 또한 dependencies에 있는 항목들은 npm install을 통해서 설치해 줄 수 있다. { "name": "management_product", "version": "1.0.0", "private": true, "scripts": { "client": "cd client && yarn start", "server": "node..