& other stories/Study (5) 썸네일형 리스트형 [CNN] Real-time Facial Emotion Recognition using CNN (웹캠을 이용한 실시간 표정 감지 - with opencv, tensorflow.js) (동글(동화 그루) 프로젝트에서 웹캠을 이용해 실시간으로 emotion detection을 하는 기능을 만들기 위한 과정을 정리해봤다.) 1. Colab에서 Facial Emotion Recognition 학습시키기 먼저 CNN으로 표정 데이터셋을 학습시키도록 하자! 학습에 사용한 데이터는 FER2013 데이터셋으로 angry, disgust, fear, happy, sad, surprise, neutral 7가지의 감정으로 라벨링되어있다. 모델 학습은 다음과 같은 순서로 진행되었다. 0) 필요한 라이브러리 가져오기 1) 이미지 전처리(preprocessing) 2) SMOTE 기법을 적용하여 Over-sampling 3) image augmentation 4) 모델 정의 5) 모델 훈련 6) 모델 평가.. [NLP] TextRank 이용해 핵심 키워드 추출하기 1. Summarization: extractive approaches와 abstractive approaches - 문서 집합을 요약하는 분야를 summarization이라 하며 이 분야의 접근법은 문장 생성 방식에 따라 extractive approaches와 abstractive approaches로 나뉜다. extractive approaches는 문서 집합 내에서 이를 대표하는 단어나 문장을 추출하는 것이고, abstractive approaches는 사람이 요약문을 만드는 것처럼, 문서 집합, 내용을 기반으로 요약문을 생성하는 방법이다. - abstractive approaches의 경우 특정 도메인의 문서 집합을 요약하는 모델을 만들기 위해서는 해당 도메인을 요약한 학습 데이터가 반드시 필요.. [Docker] Docker와 Github Actions 이해하기 1. Docker의 개요 - docker란?: 가상 컨테이너 기술. - 컨테이너 기술? 네트워크, 스토리지, 보안 등 각 영역에서의 정책이 모두 다르기 때문에 프로그램들은 환경이 바뀔 때마다 각종 오류가 발생하는 문제에 직면 -> 소프트웨어가 다른 환경으로 이동하더라도 안정적으로 실행되도록 하기 위한 기술이 필요했음. -> 컨테이너 기술 등장 - 컨테이너: 모듈화되고 격리된 컴퓨팅 공간(환경). Host OS 상에 어플리케이션을 구동시키기 위해 필요한 라이브러리, 파일 등을 하나로 패키징 해, 마치 별도의 서버인 것처럼 사용할 수 있게 만든 것. - 컨테이너 기술: 리눅스 기반 Host OS를 공유하며, 여러개의 컨테이너들이 격리되어 서로 영향을 미치지 않고 독립적으로 실행하게 하는 기술. - VM과 C.. [JS/Ajax] Ajax를 이용해서 새로고침 없이 페이지 불러오기 1. Ajax(Asynchronous JavaScript and XML) : 클라이언트와 서버간의 데이터를 비동기적 방식으로 주고받는 기술을 의미한다. 비동기 방식은 클라이언트가 요청을 보낸 후 서버가 응답을 보내기까지 기다리지않고 다음 동작을 수행할 수 있다. 따라서 서버의 처리가 완료되지 않아도 일부분의 data만 받아와 표시하면 되기 때문에 새로고침을 할 필요없이 페이지를 불러오는 ui가 가능하다. 2. Ajax & DOM node 조작을 이용해 TODO LIST 페이지 변경하기 다음과 같은 TODO LIST 페이지에서 > 버튼을 누르면 새로고침없이 슬라이드를 이동시켜 일의 진행상황을 변경할 수 있도록 해보자. 먼저 메인화면 jsp 파일의 코드 일부분은 다음과 같다. ${type} ${list.ti.. [JS/DOM] DOM API를 활용한 DOM node 조작하기 1. DOM(Document Object Model) : 브라우저에서는 HTML코드를 DOM이라는 객체모델로 저장한다. HTML tag들에 접근해 javascript가 html 문서를 보다 쉽게 조작 및 변경하기 위해서 html tag들을 javascript가 이용할 수 있는 객체로 만든 것이 곧 document object, 즉 문서 객체이다. 따라서 DOM은 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다고 볼 수 있다. 다음과 같이 HTML element가 tree형태로 저장된 것이 DOM tree이다. 브라우저는 DOM API를 제공하여 DOM tree를 쉽게 찾고 조작할 수 있게해준다. 2. DOM API 실습 ctrl + shitf + I로 크롬 개발자 도구를 켜서 DOM API를 이.. 이전 1 다음
