새로운세계

2024.11.24 - [Vue.js 를 배워보자] - Nuxt(Pinia) 게시판 페이징, 검색, RESTful API (Node.js, MySQL) 예제 Nuxt(Pinia) 게시판 페이징, 검색, RESTful API (Node.js, MySQL) 예제1. 프로젝트 설정# Nuxt 프로젝트 생성npx create-nuxt-app my-board# Pinia 설치cd my-boardnpm install pinia 2. Pinia Store 설정 (store/board.js)import { defineStore } from 'pinia'import axios from 'axios'export const useBoardStore = defineStonotion4570.tistory.com 기존의 게시판 ..

1. 프로젝트 설정# Nuxt 프로젝트 생성npx create-nuxt-app my-board# Pinia 설치cd my-boardnpm install pinia 2. Pinia Store 설정 (store/board.js)import { defineStore } from 'pinia'import axios from 'axios'export const useBoardStore = defineStore('board', { state: () => ({ boards: [], currentPage: 1, pageSize: 10, searchKeyword: '', }), actions: { async fetchBoards() { const response = await a..

스프링 부트 실전 프로젝트: 간단한 게시판 만들기 상세 가이드서론스프링 부트는 빠르고 쉬운 개발 환경을 제공하여 많은 개발자들에게 사랑받는 프레임워크입니다. 이번 글에서는 스프링 부트를 활용하여 간단한 게시판 웹 애플리케이션을 만들어 보면서 실제 프로젝트 개발 과정을 경험해 보겠습니다.1. 개발 환경 설정Java 설치: 최신 LTS 버전의 Java를 설치합니다.Spring Boot 설치: Spring Initializr (start.spring.io)에서 프로젝트를 생성합니다.IDE 설정: IntelliJ IDEA, Eclipse 등 자신에게 맞는 IDE를 설치하고, 생성된 프로젝트를 import 합니다.빌드 도구: Maven 또는 Gradle을 사용하여 프로젝트를 관리합니다.2. 의존성 추가Web: 웹..