memo6759 님의 블로그

package com.example.springsecurity.controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic class TestController { @GetMapping("/test") public String test(){ return "스프링시큐리티"; } //1. 누구나 접근 할 수 있는 컨트롤러 @GetMapping("/") public String home(){ return "누구나 접속할 수 있는 컨트롤러"; ..

1. 스트림(Stream) 정리 ) Stream이란?Java 8에서 도입된 기능“컬렉션의 대량 데이터를 간결하게 처리하기 위한 API”JavaScript 배열의 filter, map, reduce 기능과 유사기존 반복문보다 훨씬 깔끔하고 안전한 형태로 데이터를 가공할 수 있음 Stream 처리 3단계① 스트림 생성자료구조 → stream() 변환 List list = List.of(1,2,3); Stream s = list.stream(); ② 중간 연산스트림을 또 다른 스트림으로 변환필터링, 변형, 정렬반드시 마지막에 종료연산이 있어야 동작함중간연산 예시: .filter(x -> x > 10) .map(x -> x * 2) .sorted() ③ 종료 연산(최종연산)스트림을 소비해서 결과를 반환하는 단계..

리액트 -> 스프링 -> 서비스 -> DAO/Repository -> DB -> 다시 리액트React(Front) ↓ HTTP 요청Controller (Spring) ↓Service ↓DAO / Repository ↓JPA(EntityManager) → JDBC Driver → DB ↓Service ↓Controller ↓React(JSON 응답)스프링 MVC 내부 흐름 리액트가 /dept/insert 같은 URL로 요청을 보내면 스프링이 내부적으로 어떻게 처리하는지 정리1. Front-End -> DispatcherServletReact가 /write 또는 /insert 요청을 보냄하나의 HttpServlet 서블릿 컨테이너가 HTTP 요청을 전달하면, service() 메..

1.guage 차트 연결 2. mqtt통신 코드를 컴포넌트에서 분리 3. 컴포넌트로 분리 4. 리액트의 데이터를 스프링 백엔드로 디비에 insert 5. DB데이터를 조회해서 리액트에 리스트로 출력 6. 스프링 시큐리티 7. 토큰을 이용해서 로그인/로그아웃 8. 벡엔드에서 mqtt 통신하기구글차트게이지 쓰기https://developers.google.com/chart/interactive/docs/gallery/gauge?hl=ko 시각화: 게이지 | Charts | Google for DevelopersSVG 또는 VML을 사용하여 브라우저 내에서 렌더링된 다이얼이 있는 게이지를 만드는 방법을 알아봅니다.developers.google.com https://www.react-googl..

미리보기(프리뷰) 화면으로 테스트 libcamera-hello -t 5000카메라 테스트용 명령어5초 동안 프리뷰 화면을 보여줌 (-t 5000ms)화면이 뜨는지만 확인할 때 사용2) 정지사진 촬영 (구버전) libcamera-jpeg -o test.jpg사진 1장을 캡처해서 test.jpg로 저장해상도 기본 설정으로 촬영됨libcamera 기반의 이전 세대 명령어3) 정지사진 촬영 (신버전 = rpicam-jpeg) rpicam-jpeg -o test.jpg라즈베리파이 공식 최신 명령어성능 최적화됨JPEG 사진 1장 촬영4) 동영상 촬영rpicam-vid -o video.h264 -t 3000video.h264라는 이름으로 동영상 저장-t 3000 → 3초 촬영H.264 포맷 (일반 플레이어에서 바로 ..

컴포넌트 (Component)리액트 UI의 최소 단위 (하나의 기능 화면 조각)여러 컴포넌트를 합쳐서 하나의 페이지를 구성최상위 컴포넌트는 App.jsx (Root Component)컴포넌트 규칙파일명 & 함수명 대문자로 시작반드시 하나의 부모 요소만 return재사용 가능자식 컴포넌트 안에서 다른 컴포넌트 호출App3.jsxexport default function App3() { return ( 컴포넌트 연습 );}main.jsximport App3 from './App3.jsx'ReactDOM.createRoot(...).render();Props(부모 -> 자식 데이터 전달)Html 태그에 속성을 넣듯이 컴포넌트에 값을 전달자식 컴포넌트는 객체 형태로 받음 부모자식fu..

HDC랩스 윤동식 AI ResearcherAI 기반 영상처리(Computer Vision) 분야에 깊은 관심을 가진 개발자다년간 연구실 경험을 통해 문제 해결 아이디어를 제시하고 팀원과 함께 협업한 경험 보유딥러닝, 컴퓨터 비전, 영상 처리 기반의 프로젝트 수행 경험 다수포트폴리오 내 각 프로젝트에서 영상 처리·딥러닝 알고리즘 적용 및 성능 개선 주도영상처리 및 컴퓨터 비전 개요 영상처리(Image Processing)란?입력된 영상을 특정 목적에 맞게 처리하는 기술→ 예: 노이즈 제거, 색상 조절, 대비 향상, 검출 전처리 등● 아날로그 영상 처리전기 신호 기반 처리 (초기 기술)● 디지털 영상 처리이미지를 숫자로 저장하고 알고리즘으로 처리→ 오늘날 거의 모든 영상처리 기술은 이 방식저수준 vs 고수준..

강사님 소개 & 업계 경험■ 현업 소개컴퓨터 비전 분야 실무자.컴퓨터 비전은 센서 종류가 매우 다양하고, 산업 적용 범위도 넓어 복합적인 분야.많은 프로젝트(PoC)를 수행했지만, PoC는 대부분 공짜가 아님 →기본 1억 이상이 필요한 경우가 많아 현실적인 어려움 존재.실제로는 제안서/Poc 작성이 일상에 가까움.■ 회사 경험2023년 11월 ChatGPT 등장 → 시장 판도 크게 변화.두산의 개발 문화:“필요하면 사오는 조직” → 자체 개발보다 구매 중심.개발자가 스스로 만들고 싶은 강사님 스타일과 맞지 않았음.글로벌 기업들은 기술 개발 & 마케팅까지 세계 탑 수준.한국 기업들도 그 영향을 크게 받는 중.■ 개발 철학 & 업계 관찰바이브 코딩(코드 자동완성, AI코딩툴) 많이 쓰이지만,기초가 없으면 활..

5. 연관관계 - 연관 관계의 종류 - 방향(단방향, 양방향) - 주테이블이 무엇인지 고민 - 연관관계에서 주인이 되는 테이블(주테이블) 외래키를 가지고 있어야한다. - 보통 주테이블을 통해 외래키를 관리(등록, 수정, 삭제..) - JPA에서는 외래키에 대한 정보가 컬럼값이 아니라 엔티티로 정의해야 한다. - 연관관계를 정의하면서 cascade설정을 추가해야한다. => 연관관계에 있는 엔티티들에서 주테이블에서 작업을 수행할때 연관된 다른 테이블에서도 관련 작업이 수행되도록 처리 => CascadeType.ALL : 모든 작업에서 CascadeType.PERSIST : 엔티티를 저장할때 CascadeType..

1. Spring MVC 컨트롤러 기본 개념1) 컨트롤러 정의웹 요청을 처리하는 클래스에는 @Controller 또는 @RestController를 사용한다.@Controller → 기본적으로 뷰 반환@RestController → 모든 메소드가 데이터(JSON) 를 반환 2) 메소드 정의 규칙항목설명매개변수String, DTO 객체, HttpServletRequest, HttpSession 등 사용 가능리턴뷰(String), ModelAndView, 또는 JSON 데이터ResponseBody메소드가 뷰가 아니라 데이터(JSON) 를 바로 반환하게 함 2. 클라이언트 요청 처리 흐름 @Controller스프링이 URL을 분석해 해당 메소드 찾아 실행 @ResponseBody메소드 결과를 JSON으로 변환..