분류 전체보기

# 문제( 전체 코드가 아닌 일부분입니다 )1. front에서 로그인을 위한 요청 (post : /api/users/login)// 인증 코드를 사용하여 백엔드 서버로 요청axios.post(`${process.env.REACT_APP_API_BASE_URL}/api/users/login`, reqData) .then(res => { if (res.status !== 200) { alert(res.data.resultMsg); } // sessionStorage.setItem('loginUser', JSON.stringify(userInfo)); // 세션 저장 navigate(res.data.redirectUrl); })..

#문제아래의 코드는 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(prevTe..

# 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'); // 트랜잭션 시작트랜잭션을 종료한다...