분류 전체보기 (36) 썸네일형 리스트형 [React + Spring] 사용자로부터 회차 정보 받고 사진 폴더 생성 1. Front UI단에서 사용자로부터 사진 파일들을 받아온다.//EpisodeRegister.jsx원고등록 setFiles([...e.target.files])} /> (권장 가이드) 가로: 690px / 새로: 제한없음 / 각이미지당 5MB 이하, 전체 100MB 이하 / jpg,png,gif 여러 개의 파일을 선택하거나 드래그해서 업로드할 수 있습니다. type = "file" 이 파일을 불러올 수 있는 UI 띄워준다. 2. Front 에서 받은 정보들을 api 호출하여 서버로.. [Flutter] 갤러리에서 이미지 가져오기 및 저장 우선 image_picker 라이브러리 가져와준다.# pubspec.yamldependencies: image_picker: ^1.1.2 pub.dev에서 라이브러리 검색 후 최신 버전으로 가져와준다. class _ProfileImagePickerState extends State { final ImagePicker _picker = ImagePicker(); File? _selectedImage; Future _pickImageFromGallery() async { final XFile? pickedFile = await _picker.pickImage(source: ImageSource.gallery); if (pickedFile != null) { setStat.. [SpringBoot] 날짜 별 폴더생성 및 이미지 정렬 (서버->프론트 UI) 먼저 구조부터 정리해보고 구현해보겠다.에피소드마다 폴더가 생성되고, 그 폴더 이름은 연월일(생성날짜)로 만들어진다.해당 날짜에 폴더가 없다면 자동으로 생성한다. 그 안에 만화 컷 씬 이미지들이 있고, /comics/20250509/1.jpg 이런식으로 저장된다. 또한 해당 폴더의 파일 목록을 서버가 숫자 순서대로 반환해야 한다. 폴더와 이미지가 들어가는 springBoot 쪽 Controller 부터 건드려보겠다.//ComicController.java@RestController@RequestMapping("/comics")public class ComicController { @GetMapping("/episode/{comicId}/{date}/images") public ResponseE.. [Java] 정처기 문제 풀어보기 23년 1회1번 출력결과class Static{ public int a=20; static int b=0; } public class Main { public static void main(String[] args) { int a=10; // main 메서드 내부의 지역 변수 Static.b=a; // 0 -> 10 Static st=new Static(); System.out.println(Static.b++); //아직까진 10이다. b++ 은 코드가 끝난 후에 실행됨. System.out.println(st.b); //11 System.out.println(a); // 지역변수 a :10 출력 System.out.println(st.a); // Static 인스턴스 변수 st.a : 20 출력 }.. 정처기 필기 틀린문제 해설 (05.12) 2021년08월14일 기출문제2.UML 모델에서 한 사물의 명세가 바뀌면 다른사물에 영향을 주며, 일반적으로 한 클래스가 다른 클래스를 오퍼레이션의 매개변수로 사용하는 경우에 나타나는 관계는? 1. Association 2. Dependency 3. Realization 4. Generalization UML 모델에서 한 사물 (클래스 또는 객체) 의 명세가 변경되면 다른 사물에 영향을 줄 수 있습니다. 이러한 관계는 주로 의존 (Dependency) 관계로 나타난다. - 한 클래스가 다른 클래스에 의존하여 해당 클래스의 기능을 사용하거나 데이터를 주고 받을때 발생 (ex 한 클래스가 다른 클래스 사용, 메서드 매개변수) 2021년03월07일 기출문제4.GoF(Gangs of Four) 디자인 패턴의 .. React랑 Spring 연동 후 간단한 예제 실행 React 설치 및 실행 방법: 누구든지 따라할 수 있는 가이드 React 설치 및 실행 방법: 누구든지 따라할 수 있는 가이드서론 끊임없이 진화하는 웹 개발 세계에서 React는 사용자 인터페이스 구축을 위한 가장 인기 있고 강력한 JavaScript 라이브러리 중 하나로 부상했습니다. 2013년 Facebook에서 개발한 React를 사용하면ha-jenong.tistory.com우선 React를 먼저 설치해야 하는데 사전에 Node.js가 설치되어 있어야 한다. 필자는 없기때문에 설치부터 해본다. msi로 받았다. 설치하면 powerShell 실행시키고 뭐가 막 다운 받아지는데 중간중간 오류 떠서 다운 안받아진줄 알았는데 다운되었다. 다운 여부는 터미널 열고 'node -v' 쳐보면 버전 정보 나온다.. Flutter 프로젝트 페이징 처리 프로젝트 하다가 어떤 곳은 정보가 너무 없고 반경이 똑같으면 계속 같은 장소만 나오는 게 이상해서 디버깅 출력해보니 이런 문제가 있었다... 알고보니 Firestore의 REST API 기본 응답은 최대 100개 문서만 반환한다고 한다. 모든 장소 문서들을 가져오기 위해 페이징 처리를 해보도록 한다! # travel_results_screen.dartFuture fetchPlacesAndAskGpt() async { List> allPlaces = []; String? nextPageToken; final centerLat = location['lat'] ?? 0.0; final centerLng = location['lng'] ?? 0.0; final radiusKm = l.. TmapAPI로 도착지<->목적지 소요 시간 가져오기 (자동차) 자동차 소요시간 가져오는것도 성공 시킨 김에 좀 더 필요한 부분만 추려서 포스팅 해본다. 먼저 서버단# main.py@app.post("/tmap/car")def get_tmap_car(body: CarRequest = Body(...)): url = f"https://apis.openapi.sk.com/tmap/routes?version=1" headers = { "appKey": TMAP_API_KEY, "Content-Type": "application/json", } payload = { "startX": body.startX, "startY": body.startY, "endX": body.endX, .. 이전 1 2 3 4 5 다음
