스파르타 코딩클럽이란?
기초적 지식을 배우고 스스로 응용해서 하나의 프로젝트를 끝까지 완성해보는
시간을 갖는 수업
- 프로젝트 취지 설명
- 옷은 사고 싶고 집에 옷은 많지만 어떻게 활용해서 입으면 좋을지 막막한 경험을 해소시키기 위해서
- 의류 트랜드에 민감한 분들에게 코디 트랜드를 한눈에 볼 수 있는 곳이 인스타그램이라는 생각이 들어, 다양한 코디들을 접할 수 있음
- 인스타그램 해시태그를 크롤링하여 여러가지 코디 스타일을 나누어 보여줄수 있고 트랜드를 수치로 확인할 수 있음
- 사용자 지역의 날씨도 고려하여 코디를 제안(날씨 정보도 제공)
- 마지막으로 이러한 코디들을 어디에서 구입 할 수 있는지 사이트 정보도
챗봇을 통해서 제공
- 추후에 여러사람들이 자신의 코디를 올리고 서로 쉐어링 할 수 있는 공간으로 확장되기를 원함(추가할 예정)
-
영상 보기
시연 내용 정리
-
지역별 날씨에 따른 코디를 제안
-
패션 뉴스정보 제공
-
스타일별 코디 사진 보여주기, view more 기능
-
Hashtag로 알아보는 패션트렌드 수치 제공
-
챗봇을 통한 스타일별 사이트 추천
-
만든방법
- 인스타그램 피드별 크롤링 (url, 인스타id, style, 등..)
- 스타일별 코디를 나누어 뿌려주기
- 인스타그램 해시태그 크롤링후 수치값 저장
- 해시태그 수치값 highchart 라이브러리를 통해 시각화
- html에서 view more 기능 구현
- html에서 css틀 잡고 디테일 꾸미기
- openweather api에서 우리나라 지역별 날씨 정보를 받아와 뿌려주기
- 날씨 정보에 따른 코디정보를 띄우기 위해 db 처리
- 뉴스정보를 가져오는 api 사용하여 하단에 슬라이드로 패션트렌드 정보 뿌려주기
- 라떼 챗봇을 사용하여 스타일별 사이트 제공
- 어려운 점과 배운 점
- 처음으로 웹사이트를 만들어보았는데 html css ajax 등.. 기능을 잘 알지 못했던 사람으로써 걱정이 되었지만 기초적인 것을 배우면서 스스로 응용해 가는 법을 배운것 같아 헛되지 않은 2달 수업이 된 것 같습니다
html에서 css를 적용시키는 것이 굉장히 까다롭고 손이 많기 가는 작업이란 것을 알았고 스스로 프로젝트를 시작부터 배포하는 끝까지 해보는 작업이 간단한 프로젝트라고 해도 쉽지 않다는 것을 곳곳에서 느꼈고 이 경험들이 나중에 큰 자산이 될 거라고 생각합니다!