241112 파일 업로드 (DB) / Security

241112 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.파일 업로드 (DB) / SecurityDB에 파일을 업로드하게 된다면 어디서든 불러다 쓸 수 있다는 장점이있다.단점으로는 이미지나 사운드의 양이 엄청 많다면 DB가 무거워진다는 단점이 있다. 백업과 복구가 힘들다!이미지의 경우에 있어서는 DB에 집어넣는 방법이 더 좋지만 사운드의 경우는 무겁기 때문에 비추천된다.clob, blob 타입 알아보기!DB에서 이미지 분류/분석, base64로 인코딩된 이미지 패턴을 DB에 집어넣어, DB는 패턴을 파악하여 어떤 이미지인지 판단함!API를 읽어보는 것이 중요하다!! 우리는 이미 만들어져있는 라이브러리를 가져다가 프로젝트를 만드는 것!시큐리티, CSRF 공격파일 업로드 실습 (DB)테이블 생성cr..

• format_list_bulleted Study/Acorn
• · 2024. 11. 12.
• textsms

241108/241111 파일 업로드/다운로드

241108/241111 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.파일 업로드 / 다운로드파일 업로드 / 다운로드는 스프링에서 내부적으로 지원!웹 프로젝트 내에 업로드 폴더를 만들고 해당 폴더에 업로드 / 다운로드를 진행하면 된다!방법 1 (가장 일반적인 방법)업로드 폴더 (외장 하드)에 담아두고 DB에는 해당 파일의 경로명 및 파일명만 저장하고, 경로명 및 파일명을 읽어와 show 해주면 된다.방법 2업로드 폴더말고 DB에 직접 저장할 수 있다. 장점으로는 DB만 들고다니면 된다. 단점으로는 수가 많아지면, 용량이 커지만 DB 용량도 커질 수 있다.SPA 구현 시 지능형 웹까지 쓸 수 있다면 거의 배울거는 다 배웠다고 볼 수 있다. 자바스크립트 라이브러리도 써보자~웹표준, UX/UI에 관한..

• format_list_bulleted Study/Acorn
• · 2024. 11. 8.
• textsms

241107 RESTful / AOP

241107 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.RESTfulRESTful H2 데이터베이스로 서버 사이드 만들기!HTML화면은 각자 만들어보기!RESTful 실습 (H2)dependenciesH2 Database / Lombok / Thymeleaf / Spring Web / Spring Boot DevTools / Spring Data JPAapplication.propertiesspring.application.name=sprweb37todolistserver.port=8888spring.thymeleaf.cache=false#H2DBspring.datasource.driver-class-name=org.h2.Driverspring.datasource.url=jdbc:h2:file..

• format_list_bulleted Study/Acorn
• · 2024. 11. 7.
• textsms

241106 RESTful (CRUD/문제)

241106 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.RESTful겟/포스트 방식만 사용하는 것보다 싱글페이지어플리케이션을 구현하기 위해 레스트풀을 사용하면 쉽게 구현 가능하다 html/자바스크립트/css만으로도 구현 가능하다!일반 html 요청과 레스트풀 요청으로 나누어서 컨트롤러 작성자바스크립트, 함수를 잘 알면 새로운 기술이 나와도 금방 적응 가능하다~RESTful 실습 (CRUD) dependencies Spring Web / Spring Boot DevTools / Spring Data JPA / Lombok / MariaDB Driver / Thymeleaf application.propertiesspring.application.name=sprweb35restful_memserv..

• format_list_bulleted Study/Acorn
• · 2024. 11. 7.
• textsms

241105 RESTful (PUT/DELETE/문제)

이전 글과 이어서 진행됩니다.RESTful 실습 3 (PUT/DELETE)controllerpackage pack.controller;import org.springframework.web.bind.annotation.PutMapping;import org.springframework.web.bind.annotation.RequestBody;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic class PutController { @PutMapping(value = "/hiput") public String put1() { // 용도는 자료 수정 System.out.println("put 요청1 처리")..

• format_list_bulleted Study/Acorn
• · 2024. 11. 5.
• textsms

241105 RESTful (GET/POST)

241105 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.RESTfulAJAX를 운영하고 있다면 RESTful을 필수적으로 알아야 한다.RESTful 하나의 프로그래밍 기법이다. 웹의 장점을 최대한 활용할 수 있는 아키텍처, 하나의 스타일인 것이다.모바일, 웹 프로그래밍, 클라우드와 소통할 수 있는 아키텍처하지만 REST를 사용했다 하여 모두가 RESTful 한 것은 아니다.  REST API의 설계 규칙을 올바르게 지킨 시스템을 RESTful 하다고 할 수 있다.클라이언트가 요청할 때 GET/POST 방식만 써왔다. 서버도 마찬가지로 GET으로 요청이 왔을 때 GET 방식으로 응답, POST 방식으로 요청이 왔을 때 POST 방식으로 응답해왔다.GET / POST 방식으로 모든 CRUD가 가능..

• format_list_bulleted Study/Acorn
• · 2024. 11. 5.
• textsms

241104 AJAX (DB연동/문제)

241104 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.AJAX과거 xml을 컴퓨터와 컴퓨터 사이의 데이터를 전달하는 방식으로 많이 썼다. 현재는 대부분 JSON방법을 사용하여 데이터를 전달한다.txt, csv, tsv를 데이터 전달을 위해 사용하긴 하는데 xml, JSON 방식은 데이터를 구조적으로 전달할 수 있어 수정, 삭제, 등록 등의 CRUD 작업이 가능하지만 반면 txt, csv, tsv 방법들은 불가능하다.AJAX는 클라이언트 사이드에서 자바스크립트로 요청하고 서버 측의 응답도 자바스크립트에서 받게 된다. 참고로 xml을 자바스크립트로 받는 경우는 그냥 데이터로만 받을 수 있다.기존에는 HTML로 브라우저에서 받는 것인데 AJAX를 사용하게 된다면 비동기 방식으로 자바스크립트 내에서..

• format_list_bulleted Study/Acorn
• · 2024. 11. 4.
• textsms

241101 AJAX (jQuery/fetch then/AXIOS)

241101 에이콘 아카데미 수업을 기반하여 작성되었음을 알립니다.AJAXAJAX는 자바스크립트와 XML기반의 비동기 통신 방식이다.클라이언트 요청 시 서버 DB 데이터를 클라이언트 브라우저 앞의 자바스크립트 단에서 받아 출력한다.우리가 현재까지 배워왔던 데이터 전달 방식은 같은 페이지 내에서 불가하고 새로운 HTML 페이지로 이동하여 출력했다.하지만 AJAX를 쓰게된다면 한 페이지 내에서 요청과 응답을 모두 할 수 있다. SPA 구현에 효과적이다.DOM을 사용하여 동적 화면 구성을 할 수 있다.💡 나의 생각!"AJAX는 자바스크립트 단에서 이루어지는 비동기 통신 방식이고 쉽게 말해서 서버에 데이터 요청을 했을 때 페이지 이동 없이, 싱글 페이지 내에서 새로고침 없이 요청과 응답을 받을 수 있는 기술인..

• format_list_bulleted Study/Acorn
• · 2024. 11. 4.
• textsms