본문 바로가기

분류 전체보기191

[React][Router] 라우터 활용을 통한 비동기 통신 (상) 목차 lodaer활용하기우리는 페이지를 불러오기 전에 데이터를 먼저 불러오고 그 데이터를 기반으로 페이지를 불러오고 싶은 경우가 있다.그럴떄 loader를 이용하면 된다. import { createBrowserRouter, RouterProvider } from "react-router-dom";import HomePage from "../pages/HomePage";import Layout from "./components/Layout";import EventsPages from "../pages/EventsPage";import EventDetailPage from "../pages/EventDetailPage";import EventLayout from "../pages/EventLayout";i.. 2024. 8. 22.
백엔드와 함께 프론트 개발 시 유용한 패키지들 목차 Concurrently 라이브러리서버와 클라이언트를 따로 npm start 를 해주면 번거로운데 이것을 한번에 실행할 수 있게하는 패키지이다. 다음 코드를 통해 패키지를 받아주자$ npm install concurrently --save package.json에서 아래와 같이 내가 원하는 명령어와 함께 같이 실행해 주고 싶은 것들을 넣어주면 된다. Nodemon 라이브러리nodejs 진행하면 소스 수정 시 서버 재시작을 해야한다.개발 진행 시 수정할 때 마다 재시작을 하면 여간 불편한게 아니다.그 대안으로 nodemon(소스 수정 시 재시작 없이 반영) 모듈이 있다.  다음 코드를 통해 패키지를 받아주자$ npm install nodemon --save-dev  package.json에서 아래와 같.. 2024. 8. 22.
[React] 통신을 위한 Json과 response, error에 대해 알아보자 목차 JSON과 JavaScript의 차이JSON은 일반 JavaScript처럼 보이지만 JSON을 텍스트 파일과 유사한 데이터 형식으로 이해하는 것이 좋다. JSON이 JavaScript와 매우 비슷해 보이는 이유는 JSON은 JavaScript 문법에서 영감을 받아 만들어졌기 때문이다. 다음 코드를 실행해보면 json과 자바스크립트 객체의 차이를 볼 수 있다.const arr = { name: "hauksu", age: 19, school: 'sejong',};function Practice() { console.log(arr); console.log("------------"); console.log(JSON.stringify(arr)); return ;}export default Pr.. 2024. 8. 21.
[백준][이분탐색] 2632 피자판매 c++구현 목차https://www.acmicpc.net/problem/2632문제 문제 구현 방향연속된 값을 더하는 것이므로 일단 누적합이 생각났다.경우의 수가 매우 많으므로 각각의 경우를 구한뒤 합치는게 효율적이라고 생각했다. 문제 풀이 시 아이디어 1. 원형 배열 직선 배열로 만들기22172 아래와 같이 배열을 한번 더 합치면 원형 배열 구간합 탐색이 가능하다.2217222172 단 시작점이 초기 배열 사이즈-1 인덱스에 오면 탐색을 멈추어야 중복을 막을 수 있다.사이즈가 초기 배열 사이즈만큼일때는 한번 탐색하고 중단해야한다.  2. 각 경우 곱해서 구하기만들어 질 수 있는 각각의 경우를 구해 준 뒤 곱해서 더해준다. for (int i = 0; i  코드 구현#include #include #inclu.. 2024. 8. 19.
728x90

티스토리툴바