텐서플로(TensorFlow)를 활용한 딥러닝 기반 객체 인식 앱 개발

안녕하세요. 이번 시간에는 플러터(Flutter)로 텐서플로(TensorFlow)를 활용해서 딥러닝 기반의 실시간 객체(이미지) 인식이 가능한 안드로이드 앱을 만들어볼 거예요. 카메라를 통해 비치는 실시간 영상을 분석 후 객체를 인식하고 분류하도록 할게요. 즉 사진을 찍지 않아도 실시간으로 화면에 나타나는 영상을 기반으로 객체 인식이 이루어집니다. 이미지 인식은 선행 학습된 인공지능 딥러닝 모델인 모바일넷(MobileNet v1)을 사용해서 실시간으로 사물 및 사람을 인식하고 분류합니다. 궁금하신 분들을 위해 오늘 만들어 볼 앱의 주요 화면을 먼저 보고 갈게요. TensorFlow 객체 인식 예제 딥러닝 기반의 객체 인식 모델(예: 모바일넷)은 이미지에 있는 다양한 물체를 감지하고 분류할 때 각 물체에 ..

• format_list_bulleted 개발 이야기/Flutter 이야기
• · 2023. 6. 2.
• textsms

자바스크립트로 웹 크롤링 하는 방법

안녕하세요. 오늘은 자바스크립트로 크롤링 하는 법을 알아보려고 해요. 먼저 많은 분들이 궁금해하시는 웹 스크래핑과의 차이를 설명드릴게요. 이 둘은 서로 관련되어 있지만, 각각 다른 목적과 과정을 가지고 있는 개념이라고 이해하시면 되는데요. 크롤링과 웹 스크래핑의 차이 크롤링이란 인터넷상의 웹 페이지들을 방문하고 정보를 수집하는 과정이에요. 크롤러(또는 스파이더)라 불리는 프로그램이 웹 페이지를 방문하고, 그 페이지에 있는 링크들을 따라가며 다른 페이지로 이동하면서 정보를 수집해요. 웹 스크래핑은 그 수집한 정보를 추출하고 원하는 형태로 가공하는 과정까지 포함한 개념입니다. 웹 스크래핑은 웹 크롤링을 기반으로 하지만, 더 많은 데이터 처리 작업이 포함되어 있어요. 간단한 예를 들어볼게요. 웹 크롤링을 통해..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 30.
• textsms

검색엔진최적화(SEO) 티스토리 한눈에 스킨 배포

안녕하세요. 쭈미로운 생활입니다. 그동안 티스토리 블로그를 하면서 유료 스킨을 포함하여 다양한 스킨을 사용해 보았지만 개선할 부분들이 몇 가지씩 보였고, 그 부분을 수정하는 데에 많은 시간을 썼죠. 그래서 저는 스킨을 적용한 후에도 불필요한 수정 작업을 최소화하고자, 한눈에 스킨을 개발하게 되었습니다. 이 스킨은 기존 스킨들의 장점을 모으고 코드를 최적화해서 SEO를 통해 더 많은 노출을 할 수 있도록 만들었습니다. 한눈에 스킨 소개 가볍고 심플한 디자인으로 구성되어 있으며, 딱 필요한 기능만 넣었습니다. 스킨의 설정화면을 통해 헤더 메뉴, 사이드바, 폰트 및 폰트 색상, 자동 목차 생성, 코드 하이라이팅 등을 간편하게 조정할 수 있습니다. 또한 광고 노출에 최적화된 디자인으로 광고를 더욱 눈에 띄게 배..

• format_list_bulleted 한눈에 스킨
• · 2023. 5. 30.
• textsms

자바스크립트로 애니메이션 구현 및 2D 성능 측정

안녕하세요. 이번 시간에는 자바스크립트를 활용하여 현재 보고 있는 웹브라우저 화면에 각각 독립적으로 움직이는 공 애니메이션 효과를 만들 거예요. 공을 그리기 위해 HTML5의 기능 중 하나인 Canvas를 사용할 건데요. Canvas는 동적인 그래픽을 그리기 위해 사용됩니다. 즉 2D 그래픽이나 애니메이션 효과를 웹 페이지에 하나도 안 쉽게 표현할 수 있어요. 웹브라우저에서 굴러다니는 공으로 대략적인 2D 그래픽 성능도 확인해 볼 수 있는데요. 시간이 지남에 따라 공의 개수가 많아지도록 해서 실시간으로 프레임을 측정하고 공이 최대 몇 개까지 안정적인 프레임을 유지하는지 확인해 보는 거죠! canvas는 그래픽카드의 하드웨어 가속을 사용하여 2D 그래픽을 렌더링 하기 때문에 가능한 거예요. 하지만 성능 테..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 25.
• textsms

자바스크립트 웹스크래핑으로 구글 검색 결과 가져오기

안녕하세요. 이번 시간에는 사용하고 계신 인터넷 브라우저 콘솔에서 웹스크래핑 할 수 있는 자바스크립트를 만들 거예요. 웹스크래핑 대상은 구글의 검색 결과입니다! 입력받은 키워드로 검색 결과를 가져오도록 할 건데요. 알 수 없는 이상한? 사이트까지 목록에 나오지 않도록 필터링할 도메인(naver, daum 등)을 같이 입력받아서 제목과, URL 정보를 보여주도록 할 거예요. 참고로 웹스크래핑은 웹페이지의 HTML 구조가 변경될 경우, 코드도 함께 수정해 주어야 해요. 어느 날 갑자기 결과를 못 가져온다면? 아마도 HTML의 구조가 변경되었을 거예요. 그럼 그 웹페이지에 가서 다시 코드를 분석하고 기존 코드를 수정해야겠죠! 이번에도 CORS 우회 프록시 서버를 활성화해 주세요. 처음이신 분들은 아래 이전 글..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 20.
• textsms

검색어 트렌드 비교, 분석하는 자바스크립트 만들기

안녕하세요. 지난 시간에는 네이버 검색 API를 활용하여 블로그 검색 순위를 알아봤는데요. 이번에는 네이버 데이터 랩의 API를 활용해서 검색어 트렌드를 분석해 볼게요. 기간별 검색어 트렌드를 기기, 연령, 성별 등으로 구분해서 세분화된 정보를 가져올 수 있답니다. 한번 발급받은 API는 계속 사용할 수 있으니 네이버 개발자 센터에서 받아보시길 바랍니다. (1분이면 끝!) 검색어 트렌드란? 검색어 트렌드는 검색량이나 인기 검색어 등을 조회하는 게 아니에요. 키워드 간의 상대적인 인기도를 확인할 수 있는 거예요. 즉 키워드의 검색량 비율을 비교해서 어떤 키워드가 더 많은 관심을 받고 있는지 검색 점유율 등을 추정할 수 있는 거죠. 시간에 따른 인기도라든가, 연령이나 성별 검색량을 비교해서 어떤 연령대와 성..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 19.
• textsms