나의 개발일지🌿 Framework

# 개요하나의 로직에서 여러 개의 쿼리문(insert, update, delete 등)을 실행할 때 중간에 에러가 나면 이전에 실행한 쿼리문의 결과들을 다시 원래의 상태로 되돌려야 됩니다💡Exinsert 쿼리1insert 쿼리2→ 이렇게 실행할 때 쿼리1은 정상적으로 실행 but 쿼리2에서 오류! → 쿼리1에서 insert된 정보를 삭제해야 됨!이럴 때 트랜잭션을 사용하면 굳이 delete 쿼리문을 작성하지 않아도 알아서 관리해 줍니다# 사용 방법db 설정파일 혹은 서버 코드에서 생성한 Pool객체를 가져옵니다 → const pool = require('../dbConfig');트랜잭션을 시작하고 싶은 곳에서 BEGIN → await pool.query('BEGIN'); // 트랜잭션 시작트랜잭션을 종..
# 개요노드에서 데이터베이스 연동 후 CRUD 작업할 때 실행되는 쿼리, 실행 시간 등 콘솔로 출력하여 알고 싶음더보기- 리액트에서 노드 및 데이터베이스 연동은 아래 글 참고# Node.js 연동 [React] React생성부터 Node.js 연동까지 - 4) Node.js 연동Router 설정 [React] React생성부터 Node.js 연동까지 - 3) Router 설정React 앱 생성 [React] React생성부터 Node.js 연동까지 - 2) 프로젝트 Import 경로 설정 React 앱 생성 [React] React생성부터 Node.js 연동까지 - 1) Red0u0b.tistory.com # DB 연동 [React] React생성부터 Node.js 연동까지 - 5) DB 연동Node..
# 지정한 횟수만큼 반복하고 index 수로 link 이동10번 반복하고 div의 키값은 각 인덱스 (0번째면 0으로...)링크 클릭했을 때 인덱스 값 이용해 이동 -> ex) 0번째면 /posts/0으로 이동 {[...Array(10)].map((e, index) =>( 게시글 {index} ))}# 정의한 배열로 div 반복 생성첫 번째 예시 응용배열 생성 후 그 배열만큼 반복 생성import './App.css';import { useState } from 'react';function App() { let [title, setTitle] = useState(['남자 코트 추천1', '강남 우동 맛집2', '파이썬 독학3']); retu..
# geometryType 이란?공식 문서 보면 함수 중에 geometryType이라고 있음설명 보면 Geometry 값을 문자열로 반환해 줌 (종류는 괄호 안에)즉 POLYGON ((129.1258051 35.1658411, 129.1274953 35.1665351, 129.1276644 35.1662575, 129.1259741 35.1655635, 129.1258051 35.1658411)) 이런 값을 Polygon 문자열로 반환geometry 값이 point, line, polygon에 따라 스타일을 다르게 정의하고 싶을 때 사용https://docs.geoserver.org/stable/en/user/filter/function_reference.html Filter Function Refere..
Framework
Node.js 연동 [React] React생성부터 Node.js 연동까지 - 4) Node.js 연동Router 설정 [React] React생성부터 Node.js 연동까지 - 3) Router 설정 React 앱 생성 [React] React생성부터 Node.js 연동까지 - 2) 프로젝트 Import 경로 설정 React 앱 생성 [React] React생성부터 Node.js 연동까지 - 1) Red0u0b.tistory.com# 시작더미데이터 Hi가 아닌 db에서 데이터 조회 후 그 정보 출력db는 postgreSQL 사용# 모듈 설치npm install pg# 테이블 생성필요한 text 테이블 생성test_seq_no 는 시퀀스 이용해서 값 넣을거라 sq_test 시퀀스 생성CREATE TA..
Router 설정 [React] React생성부터 Node.js 연동까지 - 3) Router 설정React 앱 생성 [React] React생성부터 Node.js 연동까지 - 2) 프로젝트 Import 경로 설정 React 앱 생성 [React] React생성부터 Node.js 연동까지 - 1) React 프로젝트 생성 Node.js 설치된 상태에서 진행(없는 사람들은d0u0b.tistory.com# Node.js 연동기존에는 npm start로 3000 포트의 리액트 실행화면이 출력되면 필요한 데이터를 DB에서 조회해서 가져오고 싶은 경우 Node.js로 연동해서 사용합니다서버 설정하면 리액트는 3000, 노드는 8008 혹은 자신이 설정한 포트로 시작합니다리액트 시작 : npm start서버 시..
dOuOb