![]()
#문제아래의 코드는 server를 통해 tests의 목록을 가져와 화면에 출력하는 예시입니다 (server 쪽 코드는 생략)import { useEffect, useState } from 'react';export default function Test() { const [tests, setTests] = useState([]); useEffect(() => { fetch(`/api/tests`) .then(res => res.json()) .then(data => { const newItem = data.map(element => element.test_nm); setTests(prevT..
![]()
# confirm()사용자가 수행한 동작이나 입력 등을 확인하고 Yes/No 답에 따른 로직 처리 가능💡Ex- 게시글을 삭제할 때 "게시글을 삭제하시겠습니까?" 라는 메시지를 출력하고사용자가 [확인]을 선택하면 삭제 로직, [취소]를 선택하면 삭제 취소→ 이런식으로 "삭제" 동작에 대해 확인을 한번 더 하는 작업 # 사용 방법const confirmRes = window.confirm('메시지');if (confirmRes) { // 확인 선택 // 확인 후 처리 로직} else { // 취소 // 취소 후 처리 로직}
![]()
# 개요하나의 로직에서 여러 개의 쿼리문(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..
