My first Personal Project: Dance Matching platform_FINAL.
- 프로젝트 녹화 영상: AWS에 올라가있으면 좋지만, 로컬에서 작동하는 것도 괜찮습니다.
- 윈도우: 컴퓨터 스크린 촬영 시 oCam을 이용하면 편합니다.
- 맥OS: [CMD + Shift + 5] → "선택 부분 기록"을 통해 촬영하면 편리합니다.
(아래 화면이 나오면 노란 부분을 눌러 시작!)
- 취지 & 설명: 내 프로젝트를 이런 생각을 담고 만들었어요. 이렇게 작동해요
1) 취지 : 몸치이지만, 춤을 처움 배우고 싶으신 분 / 손쉽게 자기가 원하는 댄스 수업을 찾고 싶으신 분
2) 설명 : 왼쪽하단에서, 장르, 시간, 요일, 지역구 를 검색하면, 해당 클래스 목록이 뜹니다.
오른쪽은 춤에 대한 간단한 소개의 취지로 만들었고
BTS 춤과
개발자 자신의 댄스 크루 활동 영상을 올렸습니다
- 기술 설명: 이렇게 저렇게 만들었습니다.
1) 각종 춤 사이트 크롤링 > DB
2) 프론트 작성 ( scss 이용 )
3) 프론트 ~ DB 연결
4) 서버에 프론트 띄우기
5) 서버 ~ DB 연결
6) 서버 ~ 도메인 연결
- 어려웠던 점 & 극복 방법: 어떤 점이 막혔는데, 이렇게 하니까 되더라고요.
1) image text scrapping : google vision api
2) merging multiple DF into one DF : pd.concat
ex.
Def_GangNam_Total_DF = pd.concat( [ Def_GangNam_MWF_A_DF, Def_GangNam_TUETHR_A_DF, Def_GangNam_SS_A_DF, Def_GangNam_MWF_B_DF, Def_GangNam_TUETHR_B_DF, Def_GangNam_SS_B_DF ], axis = 0)
print(Def_GangNam_Total_DF)
3) JustJerk Site Crawling
- I got the element properly but, I could not get any text.
It meant, I approacehd to code properly but, failed to load the actual content - solution : Add Headers
4) Putting CSV into MongoDB
- directlry...??? : not showing Korean.../ new division accordingto ","
mongoimport --db dbsparta --collection DanceMatch --type csv --headerline --file Dane_Total.csv
5) let DB receive the order from the Front and send back the required data to the Front
6) Server css not reflected
: shift + F5
7) Server code not working
- localhost > 0.0.0.0
8) Import data into remote db
- use python flask ( load, and insert )
- 8주간의 코딩 첫걸음 후기: 이런 점이 저한테 잘 맞더라고요. 다음엔 이런거 해보고 싶어요!
< 해보고 싶은 것들 >
- 예쁜 프론트 띄우기....? 흔히 Full Stack 을 향해 나아가라고 하지만
여전히 프론트 쪽으로 먼저 취업을 해보고 싶다 - 모바일형 웹 버전 작성
- 어머니 작품 홍보 웹사이트
- 아르바이트 카페 홍보 웹사이트
< 후기 >
...?
