필기 웹 어플리케이션 (Web Application)은 독립 어플리케이션 (Stand-alone Application) 에 비해 웹 기반 응용 프로그램으로서 웹 브라우저 상에서 HTTP 프로토콜 및 HTML 문서를 근간으로 만들어지는 어플리케이션이다. ∙∙∙∙∙( ) 답: o 다음 내용이 옳으면 O표, 틀리면 X표에 해당하는 번호를 선택하여 쓰시오.( ) 디스크 사에 데이터 레코드를 구성하는 데이터 구조인 인덱스는 데이터 검색 시 접근시간 단축에 영향을 미친다. ∙∙∙∙∙( ) 답: o 다음 Java 코드 중 에러를 유발하는 것은? ( ) boolean c = 1; 검증검사(Validation Test)는 소프트웨어가 사용자의 요구사항을 충족시키는가에 중점을 두고 검사하는 방법이다. 검증검사 기법에 해당..

업로드 jsp파일 업로드 현재 이미지 파일과 사진설명 text자료를 form으로 post형태 전송 ImageController.java @PostMapping("/image") public String imageUpload(ImageUploadDto imageUploadDto, @AuthenticationPrincipal PrincipalDetails principalDetails){ if(imageUploadDto.getFile().isEmpty()) { throw new CustomValidationException("이미지가 첨부되지 않았습니다.", null); } imageService.사진업로드(imageUploadDto, principalDetails); return "redirect:/use..
router npm install react-router-dom@6 axios npm install axios react-bootstrap npm install react-bootstrap bootstrap redux, thunk npm install @reduxjs/toolkit react-redux npm install react-redux react-icons npm i react-icons react-spinner npm i react-spinners --save
react에서 입력받은 데이터를 springBoot로 넘겨보자 react의 Signup.js import axios from "axios"; import React, { useState } from "react"; import { Button, Form } from "react-bootstrap"; const Signup = () => { // form의 변경된점을 저장하기위한 state const [form,setForm] = useState({email:"",password:"",name:"",gender:""}) // form안의 입력 데이터가 변경될때마다 발동되어 값을 실시간으로 바꿔줌 const handleChange = (e) =>{ setForm({ ...form, [e.target.name..

스프링 컨테이너 스프링에서 아파치는 사용되지않고 전부 톰켓에서 관리되기때문에 아파치는 없다고 생각하고 request가 오게되면 web.xml에서 받아 Dispatch Servlet에서 컴포넌트 스캔을 하게된다 Dispatch Servlet에서의 주역할은 주소분배가있는데 이때 주소에맞게 보낼려면 메모리에서 주소에 대한 데이터를 찾아야한다 그러므로 주소분배 전에 src폴더에서 자바파일들이 메모리에 떠야한다 이 자바 파일들이 메모리에 뜰려면 new하여 stact에 저장되어야하는데 stack에 저장되는 데이터들은 static가 아니라 생겼다 사라졌다하는 객체 형태이다 그럼 모든 자료들을 static으로 하면 안되나요? 안됩니다 static로 하게되면 서로 공유되기때문에 충돌이 무조건 발생하게 될것이고 그렇담 객..
Socket 운영체제가 들고있는 것이고 A와 B가 통신을 하고싶다면 Socket을 통해서 주고받게된다 A에서 5000번 포트를 열게되면 B에서 A로 통신을 하고싶다면 ip:5000으로 요청을 보내면된다 여기서 문제는 C가존재한다 가정할때 C가 A로 통신하고싶을때 연결할 방법이 없게된다 이를 해결하기위해 A에서 5000이란 포트는 연결의 용도로만 사용이되고 열결이되면 5001이라는 소켓이 열려 B와 연결이되게된다 즉 5000으로 연결을 받고 지정한 socket으로 통신을 하게됌 스래드 형태로 운영이되는데 스래드 형태가 아니라면 5000번에서 계속 요청을 받지 못하게된다 5001번과 새로운 5002번 포트도 모두 스래드 형태이다 스래드란 타임스탬프를 쪼개서 동시 동작하게 만들어줌 근대 여기서 문제는 소캣이 ..
JPA(Java Persistence Api) persistence란 데이터를 생성한 프로그램의 실행이 종료되더라도 사라지지 않는 데이터의 특성을 말함 RAM은 휘발성 데이터를 저장이 가능 즉 컴퓨터가 종료되면 데이터가 사라짐 그래서 하드디스크에 영구적 저장이되도록 기록하게되는데 이런 하드디스크에 저장하는것을 persistence라고 한다. 자바에서 데이터를 저장할때 하드시크에 저장되긴하지만 파일시스템이 다르다 DBMS API(Aplication programing interface) Aplication 프로그램, programing 프로그래밍, interface 인터페이스 인터페이스란 프로토콜이 있고 인터페이스가 있는데 프로토콜과 인터페이스는 어떤 약속을 뜻하게 되는데 둘의 약속은 다르다 예를 들어 A..
spring Framework 틀이 제공되고 그 틀에 맞게 프로젝트를 만들도록 인도해주는것을 framework라고한다 오픈 소스 소스가 공개되어있다 그말은 즉 spring의 소스를 우리가 수정할 수 있다는 뜻이된다. Ioc(Inversion of controll)컨테이너 [제어 역전] class = 설계도 object = 실체화가 가능한 것 instence = 실체화 된 것 abstract class 라는 추상클래스가 있고 누누라는 object를 생성하기 위해선 class(설계도)를 참조하여 만들게된다. 근데 이때 object는 모두 추상적이다 무슨말이냐면 누누가 될수도있고 케이틀린이 될 수 있기때문 그리고 만들어진 캐릭터는 instence가 된다. 제어 역전이란? 오브젝트를 생성해서 s라는 변수로 he..

node.js가 설치되어있다는 가정하에 진행 원하는 디렉토리에서 연습용 node.js받기 git clone https://github.com/joneconsulting/cicd-node-project.git npm설치 npm install node폴더 내부에서 실행시켜보기 ➜ cicd-node-project git:(main) ✗ node app.js Example app for CI/CD listening on port 8000 localhost:8000으로 접속하면 hello하고 undefinend 가보일것이다. pm2 설치 npm install -g pm2 pm2시작 pm2 start app.js pm2로 프로젝트를 시작하면 콘솔창 입력가능한상태로 가동되게된다 즉 백그라운드에서 진행되서 좋음 중지 ..

jenkins관리 - system - ssh server 추가해주기 jenkins서버에서 .ssh/id_rsa.pub의 key값을 ansible서버에 복사해주기 cat .ssh/id_rsa.pub 복사한뒤 ansible서버의 .ssh/authorized_keys를 수정 ansible서버에 authorized_keys파일에 방금 복사한 키값을 넣어주기 vi .ssh/authorized_keys 위 ip는 amazon에서 ansible의 private ip 주소입니다. 고급에서 key값은 밑의 jenkins서버에서 밑과 같이 입력하여 key값 가져와 넣어주기 jenkins서버에서 밑과 같이 입력하여 key값 가져와 넣어주기 cat .ssh/id_rsa 입력다되었다면 저장 후 item생성해보자 전글에서 생성한..