분류 전체보기
-
[react] 스프링부트 프로젝트 연동react+vue 2022. 10. 13. 15:13
준비 스프링부트 프로젝트를 이클립스나 sts로 만든다. 스프링부트 : 2.7.4 버전 메이븐: 4.0.0 버전 jpa tymeleaf lombok mariaDB VScode에서 react 프로젝트를 만든다. bootstrap react-bootstrap react-dom react-router-dom react-redux redux java서버에서 react로 데이터 불러오기 id와 title, author가 있는 book이 있고 db에 book데이터가 저장되어있다. 그 book데이터를 react 화면에 띄워보자 java Book.java package com.yujin.react.vo; import javax.persistence.Entity; import javax.persistence.Generat..
-
[정보처리기사] 응용 SW 기초 기술 활용정보처리기사 2022. 10. 13. 10:03
운영체제 특징 윈도즈 운영체제 기본 명령어 ATTRIB: 파일 속성을 표시하거나 변경한다. CALL: 한 일괄 프로그램에서 다른 일괄 프로그램을 호출 CD: 현재 디렉토리 이름을 보여주거나 바꿈 CLS: 화면을 지움 CMD: 명령 프롬프트창을 열어줌 COMP: 두 개 이상의 파일을 비교 DISKPART: 디스크 파티션 속성을 표시하거나 바꿈 ECHO: 메시지를 표시하거나 ECHO를 사용 또는 사용하지 않음 ERASE: 하나 이상의 파일을 지움 EXIT: CMD.EXE 프로그램을 마침 리눅스/유닉스 운영체제의 기본 명령어 uname -a: 시스템의 모든 정보 확인 uname -r: 운영체제의 배포버전 출력 cat: 파일의 내용을 화면에 출력 uptime: 시스템의 가동시간과 현재 사용자 수, 평균 부하량 ..
-
[react] Reduxreact+vue 2022. 10. 11. 16:59
설치 npm install react-redux yarn add redux react-redux 숫자 증가시키기 예제 Redux를 사용하지 않을 경우 두 개의 컴포넌트에서 각각 하나는 숫자를 보여주고, 나머지 하나는 숫자를 증가시키는 역할을 한다. App.js에서 두개의 컴포넌트에 각각의 변수와 함수를 넘겨준다. App.js import Bottom from "./components/Bottom"; import Top from "./components/Top"; import React, { useState } from "react"; import "./App.css"; function App() { const [number, setNumber] = useState(1); const addNumber = ..
-
[react] Fluxreact+vue 2022. 10. 11. 16:58
Flux 자기 스스로는 반응하지 않으면서 다른 물질의 반응을 촉진시켜 주는 촉매와 같은 역할을 한다. 지속적인 흐르면서 요청에 의해 다른 물질의 반응을 촉진한다. 흐름 요청이 들어오면 dispatcher에서 해당하는 store를 찾아서 던져준다. 사실 dispatcher는 store를 식별하여 요청을 던져주지 않고 모든 store에 요청을 던진다. store가 자신에 맞는 요청을 선별하여 받아 처리한다. 예를 들어 A라는 store는 A요청을 구독한다. dispatcher는 모든 요청을 모든 store에 던진다. A는 B,C,D 요청을 받으면 처리하지 않지만, A요청을 받으면 처리한다. 그러면 A store를 구독한 모든 화면들이 처리된 결과로 변경된다.
-
[react] computed property namesreact+vue 2022. 10. 11. 13:58
computed property names 동적으로 객체의 키값을 할당한다. 게시판 예제 초기 데이터 const [posts, setPosts] = useState([ { id: 1, title: "제목1",content:"내용1" }, { id: 2, title: "제목2" ,content:"내용2"}, { id: 3, title: "제목3",content:"내용3" }, { id: 4, title: "제목4",content:"내용4" }, { id: 5, title: "제목5",content:"내용5" } ]); return ( 리스트 페이지 { posts.map((post) => { return ( 번호:{post.id} 제목:{post.title} 내용:{post.content} 삭제 ); }) ..
-
[백준][java] 이친수 2193번잡동사니 2022. 10. 9. 17:37
bottom-up import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; public class Main { static ArrayList list = new ArrayList(); public static void main(String[] args) throws NumberFormatException, IOException { // TODO Auto-generated method stub BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int n = Intege..
-
[백준][java] 쉬운 계단 수 10844번잡동사니 2022. 10. 9. 15:11
점화식 구하기 점화식은 i가 홀수일 경우: d[i] = (d[i-1]-2)*2+2 i가 짝수일 경우: d[i]=(d[i-1]-1)*2+1 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class 쉬운계단수10844 { public static void main(String[] args) throws NumberFormatException, IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int n = Integer.parseInt(br.readLine()); long..
-
[정보처리기사] 디자인패턴: FlyWeight (java)정보처리기사 2022. 10. 8. 21:11
FlyWeight 어떤 클래스의 인스턴스 한 개만 가지고 여러개의 가상 인스턴스를 생성하는 패턴 즉 인스턴스를 가능한대로 공유시켜 new연산자를 최소한으로 사용하여 메모리를 절약하는 방식이다. 구조 FlyWeight : 최상위 인터페이스 ConcreteFlyWeight: FlyWeigth를 구현한 클래스 FlyWeightFactory: FlyWeight인스턴스를 공유하고 생성하는 클래스 도형 예제 FlyWeight: Shape public interface Shape{ public void draw(); } ConcreteFlyWeight: Circle public class Circle implements Shape{ private String color; private int x; private in..