jji_veloper

RDS 생성하기: https://xively.tistory.com/34 [AWS RDS 생성] 아마존 서버에 DB생성하기 및 DB 설정 값 추가 / 아마존 mysql서버 만들기 DB를 사용할 때 기존의 localhost로만 사용해도 무관하지만, 내가 개발한 사이트를 서비스할 때, 다른 팀원들과 팀 프로젝트를 할 때 db를 서버에 올려놓고 공유해야할 경우가 생긴다. 이때 사용할 xively.tistory.com RDS DBMS에 연결하기: https://xively.tistory.com/36 [AWS RDS] RDS에서 생성한 DB로 MySQL , MariaDB접속하기 RDS DB만들기: https://xively.tistory.com/34 [AWS RDS 생성] 아마존 서버에 DB생성하기 및 DB 설정 ..

AWS 2021. 5. 13. 23:19

RDS 값 설정 변경: https://xively.tistory.com/35 [AWS RDS 설정 값] 아마존 RDS 파라미터 그룹, 보안 그룹 설정하기 아마존으로 DB를 생성해주고나면 해줘야할 것이 파라미터그룹 설정, 보안그룹 설정이다. 파라미터 그룹은 DB에 대한 전반적인 설정을 변경할 수 있도록 해주는 것이고, 보안그룹은 접속할 수 있 xively.tistory.com RDS로 DBMS연결: https://xively.tistory.com/36 [AWS RDS] RDS에서 생성한 DB로 MySQL , MariaDB접속하기 RDS DB만들기: https://xively.tistory.com/34 [AWS RDS 생성] 아마존 서버에 DB생성하기 및 DB 설정 값 추가 / 아마존 mysql서버 만들기 ..

AWS 2021. 5. 13. 22:19

node.js에서 다중 쿼리문 실행 시 주의해야 할 점을 적어볼까한다. 이유는 내가 가끔 똑같은 실수를 반복하기 때문이다....ㅠ_^ 사용할 공통 예시 코드 // 다중 쿼리 1 쿼리1 = "INSERT INTO board(cid, pcode, category, rating, title, content) VALUES(?, ?, ?, ?, ?, ?); "; 데이터1 = [req.body.cid , req.body.pcode ,req.body.category ,req.body.rating ,req.body.title ,req.body.content]; let query1 = db.format(sqlQuery, data); // 다중 쿼리 2 let 쿼리2 = "UPDATE orderDetail SET addr..

React, Node.js, Express 2021. 5. 11. 12:45

참고: reactstrap.github.io/components/collapse/ reactstrap - Collapse Collapse Toggle Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. import React, { useState } from 'react'; impor reactstrap.github.io 특정한 것을 클릭했을 때 글이 숨어있다가 보이게 해주는 부트스트랩 Collapse 기능 그 중..

React, Node.js, Express 2021. 5. 9. 23:53

History.push() 로 값 전달하기 요약 history.push로 값 보내기 history.push로 보낸 값 받기 history.push( pathname: '경로', key: value ); 1. location을 받아와야함. function 컴포넌트명 ({location}){ let 받은값 = location.key; console.log(받은값); // 결과: value } 보낼 때 path지정 시 꼭 pathname을 사용해야한다. pathName, path 등 안됨! 우리가 아는 기존의 history.push()는 () 안에 '이동할 경로'를 적어주면 해당 경로로 이동한다. history.push('/api/product'); ▶ localhost:3000/api/product 경로로 ..

React, Node.js, Express 2021. 5. 7. 19:39

상황 - 후기 글 작성 시 로그인 된 사람만 작성 페이지로 들어갈 수 있다. - 로그인 되지 않은 사람이 페이지 접속 시 로그인 화면으로 이동시킨다. - 이때 history.push를 이용한다. src>app.js import 'bootstrap/dist/css/bootstrap.min.css'; import {BrowserRouter as Router, Route, Switch} from 'react-router-dom'; /**********Route import**********/ import Customer from './router/customerRouter'; import Main from "./components/product/productMain"; import Board from "./r..

React, Node.js, Express 2021. 5. 4. 21:25

mySQL에서 DATE 타입을 저장할 때 년도, 월, 일, 시, 분, 초 까지 저장하는 경우가 많을 것이다. (default를 NOW()로 때리면 저렇게 저장됨 → ex) 2020-05-05 01:43:00 ) 그래서 특정 날짜에 대해서 조회를 하고 싶은데 뒤에 시간까지 저장되기 때문에 값을 제대로 못불러오는 경우가 생긴다. SELECT * FROM example WHERE eDate = NOW();-- example테이블과 eDate는 지금 임의로 만든 폰테이블임 이렇게 조회했는데 년월일은 동일해도 시간은 동일하지 않아 결과가 불러와지지 않는 것이다. 그럼 mySQL에서 날짜만 비교해 해당 값을 들고올 수 있는 방법은 무엇일꺄 별 것 없다. - DATE() 함수 이용하기 SELECT * FROM exa..

DataBase_SQL 2021. 5. 2. 01:55

목표 : 상품 주문 시 주문테이블에 들어가는 주문 코드(pk)를 yyyyddyy-count() 이런 형식으로 만들고 싶었음 아래 코드는 문제가 있으니 참고만 해주세용~~ USE `사용중인DB명`;-- 생략 가능 DROP function IF EXISTS `사용중인DB명`.`CREATE_OCODE_FC`;-- 기존에 함수 있으면 지우고 다시 만듦 DELIMITER $$ CREATE FUNCTION `CREATE_OCODE_FC`() RETURNS char(13) BEGIN DECLARE _count INT DEFAULT 0;-- 오늘 날짜에 해당하는 주문 건수를 가져오기 위함 DECLARE _ocode CHAR(13);-- 반환할 주문 코드 총 13자리 SET _count = ( SELECT COUNT(*..

DataBase_SQL 2021. 5. 2. 01:39

내가 하려는 상황 (쇼핑몰 프로젝트) 1. 고객이 후기를 남길 때 상품에 평점을 메긴다. (게시글 테이블) 2. 이 평점들의 평균을 상품 테이블의 평점 컬럼에 저장한다. 이 과정에서 INSERT TRIGGER를 이용하기로 했다. DROP TRIGGER IF EXISTS `사용하는 DB이름`.`새로 만들 트리거 명`; DELIMITER $$ CREATE TRIGGER `새로 만들 트리거 명` AFTER INSERT ON `인서트가 진행될 테이블 명` FOR EACH ROW BEGIN DECLARE _oldSum INT DEFAULT 0; DECLARE _oldCount INT DEFAULT 0; DECLARE _sum FLOAT DEFAULT 0; DECLARE _avg FLOAT DEFAULT 0; IF..

DataBase_SQL 2021. 5. 1. 02:57

mySQL global 설정 시 Error Code: 1227. Access denied; you need (at least one of) the SUPER or SYSTEM_VARIABLES_ADMIN privilege(s) for this operation 에러 났을 때. mysql에서 function 저장하려는데 안되길래, 설정을 바꿔주려니까 이번에는 또 권한이 없다고 한다..... 찾아보니 AWS RDS를 사용하면 직접 변경이 안될 수도 있다고... AWS에 접속 후 RDS에 적용한 파라미터 그룹을 찾자!! (해당 RDS에 파라미터 그룹을 설정하지 않았다면 따로 만들어줘야 한다.) RDS > 파라미터 그룹 > (해당되는 파라미터 그룹 선택 후) 파라미터 편집 저기 검색 창에 내가 바꿔 줄 권한을 ..

DataBase_SQL 2021. 4. 30. 00:01

함수를 만드려고했는데 apply 시 에러가 났다. 내 함수 코드는 이론상 문제없는데(진쨔 >.

DataBase_SQL 2021. 4. 29. 23:31

내 상황 : 상위 라우트에서 하위 라우트로 값을 보내야 함 상위 Board 라우트에서 하위 Review와 Inquiry 로 해당 user state의 값을 보내려고 함 import React, {useEffect, useState} from "react" import {BrowserRouter as Router, Link, Route, Switch} from "react-router-dom" import Inquiry from "../components/board/inquiry"; import Review from "../components/board/review"; import axios from "axios"; function Board({ props, match }) { const [user, se..

React, Node.js, Express 2021. 4. 28. 23:00

상위 라우트에서 보내준 props를 받아서 하위 라우트 컴포넌트에서 쓰려고 하니까 history가 정의되지 않았다고 에러가 났다. route에서 render를 통해 props값을 넘겨줘야했기 때문에 매개변수를 두개줘야하나 고민했는데 일단 급한대로 history를 컴포넌트 내에서 직접 선언하는 방법을 쓰기로했다. import { useHistory } from "react-router-dom"; function 함수({props}){ let history = useHistory(); //...생략 history.push('/');//이렇게 필요한 곳에 바로 history. 해서 쓰면 됨 } 1. react-router-dom 에서 history import해오기 2. let history = useHist..

React, Node.js, Express 2021. 4. 28. 22:44

참고 : developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 tes developer.mozilla.org 정규 표현식 기본 패턴 /포함돼야할 문자/ /abc/ 문자열에서 정확히 'abc' 라는 문자들이 모두 함께 순서대로 나타나야 대응 abcde (o), bcde (x) 정규 표현식에 사용되는 패턴, 표현들 (가독성이 떨어져서 추후에 표형식으로 바꿀 예정...) 특수 문자 \(역슬래쉬) 특수 문..

Hello, World 2021. 4. 12. 00:00

오늘은 express에서 winston으로 console창에 logger 남기는 법, log기록 파일로 저장하는 법에 대해 말해볼 것이다 정말...열심히 찾아가보면서 만들었더니 혼자 쓰기 아까워서 글로 남김ㅋㅋㅋ글쓰는데 시간 더 걸리는거같혀ㅠㅠ node로 서버단을 구현하게 되면서 console창에 logger를 남겨야겠다는 생각이 들었다. 엄청 소규모 프로젝트를 하는 중이라 파일까지는 안남겨도 될 것 같았으나... 아직 이해력 부족으로 파일로도 log를 저장하는 코드까지 구현해봤다 (=사실상 블로그보고 따라하기) 수 많은 블로그를 봤으나 제일 많이 참고된 블로그... 참고 : https://velog.io/@denmark-banana/%EA%B0%84%EB%8B%A8%ED%95%9C-Node.js-API..

React, Node.js, Express 2021. 4. 11. 00:02

react와 node.js로 공부 중에 경로를 여러가지로 설정하고 싶단 생각이 들었다... 기존에 springBoot, java, html(thymleaf)로만 개발을 해서 그런지 url을 여러가지 쓰는게 습관이... 코찔이라서 react같은 SPA에서 경로가 여러개이면 문제가 되는지는 잘 모른다는 점 양해바랍니다.... 암튼 기존에 쓰던 '/api' 경로 외에 새로운 경로를 createProxyMiddleware proxy에 추가하는 법을 알아보자. 참고한 사이트는 이 곳 : www.npmjs.com/package/http-proxy-middleware http-proxy-middleware The one-liner node.js proxy middleware for connect, express an..

React, Node.js, Express 2021. 4. 10. 08:00