[SI]공공데이터 포털 오픈 api 사용하여 음식점정보 불러오기

src - pages - thema-load - ThemaLoadList.tsx 생성 ThemaLoadList.tsx // ThemaLoadList.tsx : rfce // 공공 데이터 포털 : 부산 테마거리 전체 조회 import { Pagination } from "@mui/material"; import React, { useEffect, useState } from "react"; import TitleCom from "../../../components/common/TitleCom"; import IThemaLoad from './../../../types/shop/IThemaLoad'; import ThemaLoadService from "../../../services/shop/ThemaLo..

• format_list_bulleted SI
• · 2023. 11. 12.
• textsms

[SI]영화진흥위원회 오픈 api 사용하여 데이터(영화순위, 영화명, 개봉일, 누적관객수, 상영관수, 영화 정보) 불러오기

Open api를 사용하여 데이터를 불러오기 ReadME.md # 설치 패키지 # 1) 메뉴 라이브러리 설치 npm i react-router-dom # 2) 벡엔드 연동 라이브러리 설치 npm i axios # 3) pre css 컴파일러 : node-sass -> 더이상 안씀 : sass 설치할것 npm install sass # 4) Material Page component 업그레이드 # 과거 v4 -> v5 변경 설치 npm i @mui/material @emotion/react @emotion/styled # 4-1) 소스에서 임포트 사용법 : import Pagination from '@mui/material/Pagination'; # 5) typescript jquery, jqueryui ..

• format_list_bulleted SI
• · 2023. 11. 10.
• textsms

[SI] 벡엔드 (02_SimpleDMS_Page) 반응형 게시판

벡엔드 순서 ReplyBoard.java -> ReplyBoardRepository.java-> ReplyBoardDto -> ReplyBoardService.java -> ReplyBoardController.java ReplyBoard.java package com.example.simpledms.model.entity.normal; import com.example.simpledms.model.common.BaseTimeEntity; import lombok.*; import org.hibernate.annotations.DynamicInsert; import org.hibernate.annotations.DynamicUpdate; import org.hibernate.annotations.SQLD..

• format_list_bulleted SI
• · 2023. 10. 31.
• textsms

[SI] 프론트엔드 (02_SimpleDMS_Page) 반응형 게시판

플러그인 설치 CamelCase 단축키 (shift + alt + u) 프론트 ReplyBoardList.tsx -> app.tsx -> IReplyBoard.ts(벡엔드의 schema.sql 폴더 참고) -> ReplyBoardService.ts ReplyBoardList.tsx // ReplyBoardList.tsx : rfce import React, { useEffect, useState } from "react"; import TitleCom from "../../../components/common/TitleCom"; import { Link } from "react-router-dom"; import IReplyBoard from "../../../types/normal/IReplyBoard..

• format_list_bulleted SI
• · 2023. 10. 27.
• textsms

[SI] 벡엔드 (02_SimpleDMS_Page) 페이지 기능 추가

https://dobear.tistory.com/82 [SI] 벡엔드 순서 Build.gradle 수정 -> application.properties -> 파일 4개 resource넣기 -> config, controller, model, repository, service 폴더 만들기 -> model 폴더에 BaseTimeEntity(자바 인터페이스) 생성 -> Dept, Emp model 폴더에 넣기 Dept dobear.tistory.com 지난 글과 같은 순서로 시작 순서 Build.gradle 수정 -> application.properties -> 파일 4개 resource넣기 -> config, controller, model, repository, service 폴더 만들기 -> model..

• format_list_bulleted SI
• · 2023. 10. 23.
• textsms

[SI] 프론트엔드 (02_SimpleDMS_Page) 페이지 기능 추가

02_SimpleDMS_Page 폴더 만들고 frontend-react-new 압축 풀어서 넣기 src 통합 터미널 열고 4-1 빼고 순서대로 실행 # 설치 패키지 # 1) 메뉴 라이브러리 설치 npm i react-router-dom # 2) 벡엔드 연동 라이브러리 설치 npm i axios # 3) pre css 컴파일러 : node-sass -> 더이상 안씀 : sass 설치할것 npm install sass # 4) Material Page component 업그레이드 # 과거 v4 -> v5 변경 설치 npm i @mui/material @emotion/react @emotion/styled # 4-1) 소스에서 임포트 사용법 : import Pagination from '@mui/materia..

• format_list_bulleted SI
• · 2023. 10. 20.
• textsms