타코딩

https://owasp.org/www-project-top-ten/ OWASP Top Ten | OWASP Foundation The OWASP Top 10 is the reference standard for the most critical web application security risks. Adopting the OWASP Top 10 is perhaps the most effective first step towards changing your software development culture focused on producing secure code. owasp.org {getUser() ? ( 장바구니 # 상품정보 상품금액 배송비 가나다라마바사 가나다라마바사 금액 배송비 ): 잘못된 경..

spl의 count함수를써서 1차적으로 id 체크를 한 후 compare을 사용해서 비밀번호 비교를 진행 //loginrepository import { db } from "../db/database.js"; export async function getLogin(id){ return db .execute(`SELECT count(pass) as cnt,any_value(pass) as pass FROM shoppy_member WHERE id = ?`,[id]) .then((row)=>{ return row[0][0] }) } //login controller import * as loginRepository from '../repository/loginRepository.js' import bcryp..

보호되어 있는 글입니다.

import { atom } from "recoil"; import { recoilPersist } from 'recoil-persist'; const { persistAtom } = recoilPersist(); export const productsState = atom({ key:'productsState', default:[], effects_UNSTABLE: [persistAtom] }) 1. npm i recoil-persist 후 진행

server 설치 기본세팅 npm init npm i express npm i cors npm i mysql2 npm i nodemon { "name": "server", "version": "1.0.0", "description": "", "main": "app.js", "type": "module", // 자바스크립트 문법을 쓰기위해 (require안쓰기위해) "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "nodemon app.js" // npm start할때 default값 지정 }, "author": "", "license": "ISC", "dependencies": { "cors": "^2.8.5", "..

문제 도현이는 바구니를 총 N개 가지고 있고, 각각의 바구니에는 1번부터 N번까지 번호가 매겨져 있다. 바구니에는 공이 1개씩 들어있고, 처음에는 바구니에 적혀있는 번호와 같은 번호가 적힌 공이 들어있다. 도현이는 앞으로 M번 공을 바꾸려고 한다. 도현이는 공을 바꿀 바구니 2개를 선택하고, 두 바구니에 들어있는 공을 서로 교환한다. 공을 어떻게 바꿀지가 주어졌을 때, M번 공을 바꾼 이후에 각 바구니에 어떤 공이 들어있는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 N (1 ≤ N ≤ 100)과 M (1 ≤ M ≤ 100)이 주어진다. 둘째 줄부터 M개의 줄에 걸쳐서 공을 교환할 방법이 주어진다. 각 방법은 두 정수 i j로 이루어져 있으며, i번 바구니와 j번 바구니에 들어있는 공을 교환한다는 뜻..

공 넣기 성공 입력 첫째 줄에 N (1 ≤ N ≤ 100)과 M (1 ≤ M ≤ 100)이 주어진다. 둘째 줄부터 M개의 줄에 걸쳐서 공을 넣는 방법이 주어진다. 각 방법은 세 정수 i j k로 이루어져 있으며, i번 바구니부터 j번 바구니까지에 k번 번호가 적혀져 있는 공을 넣는다는 뜻이다. 예를 들어, 2 5 6은 2번 바구니부터 5번 바구니까지에 6번 공을 넣는다는 뜻이다. (1 ≤ i ≤ j ≤ N, 1 ≤ k ≤ N) 도현이는 입력으로 주어진 순서대로 공을 넣는다. 출력 1번 바구니부터 N번 바구니에 들어있는 공의 번호를 공백으로 구분해 출력한다. 공이 들어있지 않은 바구니는 0을 출력한다. 예제 입력 1 복사 5 4 1 2 3 3 4 4 1 4 1 2 2 2 예제 출력 1 복사 1 2 1 1 ..

import { useQuery } from '@tanstack/react-query' import axios from 'axios' import React, { useEffect } from 'react' import { Container } from 'react-bootstrap' import { useParams } from 'react-router-dom' import styled from 'styled-components' const DetailContainer = styled.div` display: flex; width: 100%; ` const OrderContainer = styled.figure` flex: 0.5; padding: 10px; div{ margin: 10px 0; } i..

import React from "react"; import { useRecoilState, useRecoilValue } from "recoil"; import { hourSelector, minuteState } from "./atoms"; const Time = () => { const [minutes, setMinutes] = useRecoilState(minuteState); const [hours, setHours] = useRecoilState(hourSelector); const onChange = (event: React.FormEvent) => { setMinutes(+event.currentTarget.value); }; const onHoursChange = (event: React..

import React, { useState } from "react"; export default function Quantity(){ const [count,setCount] = useState(0) const handleDecrease = ()=>{setCount((count)=>count{setCount(count=>count>=10 ? count=10 : count+1) count == 10 && alert('최대수량은 10개임')} function quantityCheck(checkFlag,e){// 파라미터,이벤트 동시에 사용 시 이벤트를 반드시 뒤에 적는다 if(checkFlag == 'minus'){ //minus setCount((count)=>countcount>=10 ? count=..