본문 바로가기

프로젝트/미니 프로젝트

프로젝트/미니 프로젝트 2021. 3. 20. naver datalap api를 활용한 data visualization 구현하기(Node.js + Vue + chart.js) 2021년 2월 25일 네이버 검색어 서비스가 종료되었다. 그에따라 나름 재미있게 실시간 검색어를 본 입장으로써 뭔가 아쉬운느낌이 들었다. 실시간 검색에 대한 대체제로 네이버에서 데이터랩 API를 사용하려고 한다. 해당 데이터랩 API를 활용하게 되면 특정 주제에 따라 얼마나 검색이 많이 되었는지에 대한 비율을 알 수 있다. developers.naver.com/products/service-api/datalab/datalab.md 데이터랩 - SERVICE-API 데이터랩 통합검색어 트렌드 통합검색어 트렌드는 네이버 통합검색에서 발생하는 검색어를 연령별, 성별, 기기별(PC, 모바일)로 세분화해서 조회할 수 있는 API입니다. 분석하고 싶은 주제군을 developers.naver.com 만들 프로젝트의..
프로젝트/미니 프로젝트 2020. 9. 7. vue(CLI) + vue bootstrap + axios + movie api(tmdb)를 활용한 vue 영화 소개 사이트 제작하기 (vue movie, 영화 사이트, vue 영화 사이트) loy124.github.io/vue-movie/ (완성된 사이트) vue-movie loy124.github.io (코드주소) github.com/loy124/vue-movie vue + vue bootstrap + axios + movie api(tmdb) 를 활용해서 영화 소개 사이트를 만들었다. npm install -g @vue/cli vue cli 를 사용하기위해 vue-cli를 global 설치해준다. 그후 vue create vue-movie 를 통해 해당 프로젝트를 생성해준다. 해당과 같이 프로젝트를 세팅해준다. npm i vue bootstrap-vue 를 install 한 후에 main.js 를 수정해준다. main.js import Vue from 'vue' import App fr..
프로젝트/미니 프로젝트 2020. 4. 30. vue-cli방식을 활용한 vue 포트폴리오 사이트 제작및 github 배포하기 https://loy124.github.io/vue-portfolio/ frontend loy124.github.io 배포한 포트폴리오 사이트 vue -cli 3 버전을 활용하여 포트폴리오를 제작및 배포하였습니다. 먼저 프로젝트 root 폴더에 vue.config.js 를 생성후 github에 있는 저장소와 publicPath를 일치시켜줍니다 그후 npm run build를 실행하여 build 실행 빌드가 되었으면 cd dist git init git add . git commit -m "배포하기" git push -f https://github.com/본인github아이디/저장소이름.git master:gh-pages 해당 명령어를 실행하면 본인의 github저장소의 gh-pages에 branch를 생..
프로젝트/미니 프로젝트 2020. 3. 7. 크롤링을 활용한 Spring 영화 예매 사이트 구현하기(CGV CLONE) GITHUB 주소(주요 commit은 다른 프로젝트에서 하다 옮겨서 commit 누적이 없다..) https://github.com/loy124/CGV_Clone loy124/CGV_Clone Spring + mybatis + html + javascript + css CGV 사이트 크롤링을 활용한 영화예매(가상) 사이트 만들기 - loy124/CGV_Clone github.com 제작기간 : 8일 정도 (주말 포함) 사용한 주요 기술: Spring, MyBatis, HTML, CSS, JAVASCRIPT 사용한 주요 라이브러리 : Jsoup(크롤링), Gson(json변환), jQuery, toastr(notification), 아임포트(카카오페이), cookie 관련 라이브러리 사용한 프로그램: Aq..

티스토리툴바