전체 글
-
라즈베리파이와 OpenCV를 활용한 얼굴 인식 머신러닝etc 개발 2022. 7. 29. 23:30
학부생으로 진행했던 프로젝트를 멋쟁이사자처럼 프론트엔드스쿨 1기 과정 공부와 함께 정리하면서 올려볼 계획이다.. 3학년 2학기 '사물인터넷운영체제' 과목에서 기말과제로 아이디어를 고안해서 만들었던 '라즈베리파이와 OpenCV를 활용한 얼굴 인식 머신러닝' 라즈베리파이4를 활용하여 개인 아이디어로 결과물을 만드는 것이 수행 과제이었는데, 백화점을 비롯한 대형 쇼핑몰 입구에 실시간으로 얼굴 인식을 통해 체온을 재고, 이용객의 Face 정보를 DB에 저장되는 것을 보고 아이디어를 얻어 진행했다. OpenCV 기술을 사실 라즈베리파이와 연동하는데 상당히 무리가 있다. 실시간으로 얼굴인식하는 것을 구현하는 것도 쉽지 않지만, 라즈베리파이4 모듈에 카메라를 연동하면 프레임 속도가 굉장히 저해되어 PC에서 움직이는 ..
-
Java Study [2022-07-28] - Java 기초(연산자, 반복문 등)백엔드 2022. 7. 29. 23:28
📌 Java Study 🔸 2022-07-28 목요일 [Java 기초] 1. 연산자(대입, 부호, 산술, 복합대입, 증감) 항(Operand) : 연산에 사용되는 값 연산자(Operator) : 항을 이용하여 연산하는 기호 연산자 설명 연산 예 단항 연산자 항이 한 개 연산자 ++num 이항 연산자 항이 두 개 연산자 num1 + num2; 삼항 연산자 항이 세 개 연산자 (5 > 3) ? 1 : 0; 대입 연산자 : 왼쪽 변수의 값이 오른쪽에 대입(우선 순위 가장 낮음) int age = 20; 단항 연산자 : 변수의 부호를 유지 하거나(+) 바꿈(-) 실제 변수 값이 변하려면 대입 연산자를 사용해야 함 산술 연산자 연산자 기능 연산 예 + 두 항을 더합니다. 5 + 3 - 앞에 있는 항에서 뒤에 있는..
-
Java Study [2022-07-27] - Java 기초백엔드 2022. 7. 29. 23:25
📌 Java Study 🔸 2022-07-27 수요일 [Java 기초] 1. 특징 객체 지향 프로그램으로 유지보수와 확장성 용이 안정적 풍부한 라이브러리 제공, 오픈소스 연동 2. 개발환경 구축 자바(Oracle) 이클립스(SE, JRE) 3. 이클립스 사용 프로젝트 생성 후 소스에 패키지 생성 패키지 = 소스의 묶음, 대체로 패키지 명은 소문자 클래스 명은 파스칼 케이스, 멤버 변수와 메서드 명은 카멜 케이스 main 함수는 로컬에서 실행해서 결과를 필요로 할 뿐, 서버 프로그램일 시 없을 수도 있음 출력 문법 System.out.println("Hello, Java"); bin 폴더 안에 실행 파일 생성됨 (Huni_JAVA/First/bin/hello) Build Auto 설정 시 저장하면 클래스 ..
-
[리팩토링] 로컬 스토리지프론트엔드 2022. 7. 29. 23:14
🎈 로컬 스토리지(Local Storage) 로컬 스토리지는 HTML5에서 추가된 저장소 키-밸류 스토리지의 형태, 쉽게 말해 브라우저 상의 데이터베이스 사용자가 직접 지우지 않는이상 절대 지워지지 않음 URL을 기준으로 저장되기 때문에 웹페이지 주소가 다른 곳에서는 정보가 저장되어 있지 않음 📝과제 : https://bighuni.github.io/JavaScript-Study/Assignment/1회차 [회고] 1회차 과제인 로컬 스토리지를 활용하여 간단한 메모장을 만들었었는데, 한 가지 메모 내용만 저장하고, 화면 전환 없이 바로 해당 메모를 삭제할 수 있는 기능 등을 보완하기 위해 html, css & js 전반적인 코드를 다시 뜯어내고 getItem과 setItem, JSON의 stringif..
-
자바스크립트 클래스 정리프론트엔드 2022. 7. 29. 23:12
🎈 자바스크립트 클래스 정리 생성자 함수 프로토타입 클래스 문법 클래스 정의 방식 비교(생성자 함수 vs 클래스) 클래스 호이스팅 [정리] 1. 클래스 정의 1-1. 생성자 함수 함수를 통해서 new 연산자와 함께 호출해서 빈 객체를 생성하여 반환한다. 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성시킬 수 있다. 새로운 객체(인스턴스)를 만들고 사용자가 요구하는 함수들을 구현할 수 있게 해주는데, 생성자 함수에 의해 생성된 객체를 인스턴스(Instance)라 한다. const player = new Object(); player.name = 'Choi'; player.sayWinner = function () { console.log('Ladies and gentlemen, ..
-
JS를 사용한 간단한 캐러셀 슬라이더프론트엔드 2022. 7. 29. 23:11
🎈 캐러셀 슬라이더(Carousel slider) 과제 여러 개의 이미지(그림, 사진, 영상 등)을 슬라이드 형태로 순환하며 보여주는 방식 보여지는 이미지 혹은 그림 유무 슬라이드를 이동할 수 있는 버튼 유무 마지막 슬라이드(5번째) 이후 다음 버튼 클릭 시 첫 번째 슬라이드(1번째)로 돌아오기 📝과제 : https://bighuni.github.io/JavaScript-Study/Assignment/2회차 [정리] div.slide_content는 float: left로 붙여 놓는다. 이를 감싸는 div.slide_list는 슬라이드를 모두 합한 넓이를 가져야 슬라이드가 가로 일렬로 늘어서게 된다. div.slide_box를 overflow-x: hidden으로 주어 슬라이드 한 개만 보여지게 만든다..
-
로컬 스토리지를 활용한 매우 간단한 메모장(JS)프론트엔드 2022. 7. 29. 23:08
🎈 로컬 스토리지(Local Storage) 로컬 스토리지는 HTML5에서 추가된 저장소 키-밸류 스토리지의 형태, 쉽게 말해 브라우저 상의 데이터베이스 사용자가 직접 지우지 않는이상 절대 지워지지 않음 URL을 기준으로 저장되기 때문에 웹페이지 주소가 다른 곳에서는 정보가 저장되어 있지 않음 📝과제(리팩토링 후) : https://bighuni.github.io/JavaScript-Study/Assignment/1회차 [정리] const LOCAL_DATA = "Contents"; => 저장할 데이터의 key 값 function hiddenAndGreeting(name) {···} => input 태그에 이름 입력 후 input 태그를 감추고, 텍스트가 나타나게 해주는 함수 function onCli..
-
크리스마스 with happy Coding프론트엔드 2022. 7. 29. 23:07
크리스마스 🎈 링크 : https://bighuni.github.io/Merry-Christmas-with-snow/Merry-Christmas-with-snow/ [목적] 파이썬은 1989년 12월 크리스마스를 심심하지 않게 보내려고 네덜란드 귀도 반 로섬(Guido van Rossum)이 혼자 만들었다고 한다.. 나 또한 이 정신을 본 받아 대훈 허(Daehun Heo)도 HTML, CSS, JavaScript 친구들과 함께 이번 2021년 12월 크리스마스를 심심하지 않게 보내려고 만들었다..! [회고] ❤ 스타일 body의 height 값으로 100vh 설정함으로써 웹 브라우저의 높이와 일치 단색의 배경의 단조로움을 피하기 위해 원형 그라이데이션(redial-gradient) 함수 사용 원형 그라..