Programming/Projects10 [Hockey shot record] 1. 구성과 간단하게 구현 이전에 만들었던 프로젝트인 아이스하키 슛 기록 프로그램을 리액트와 Node.js를 활용해서 실사용 가능하게 구현해볼 생각이다. 그 때는 디테일한 부분은 잡지 않고 미완 상태로 남겼으므로 9월에 있을 대학아이스하키리그 이전에 완성하는 것이 목표. MVC를 지켜가며 개발을 해보긴 할 건데, 우선 리액트로 라우팅까지 하는 Views를 만들 수 있기 때문에 별다른 정리는 하지 않았다. 다만 OOP 식의 개발을 하기 위해서 컴포넌트와 라우팅을 더 세세하게 분류해보기로 했다. index.js의 useStrctMode 태그를 BrowserRouter로 바꿔주면 App.js에서 라우팅을 사용할 수 있다. 이렇게 라우팅을 구현하면 나중에 node 측에서는 백엔드 처리만 해주면 될 것 같다. 컴포넌트를 이렇게 세부 단위로.. 2022. 6. 23. 네이버 지도를 이용한 카페 데이터 추출 프로그램 간단하게 진행해본 프로젝트. 간만에 크롤링 연습도 하고, 추출해온 데이터를 시각화하는 것까지 일련의 과정을 가볍게 복습했다. Selenium과 Beautifulsoup, pandas 와 matplotlib을 이용했다. 이렇게 크롤링해온 데이터를 필요에 따라 (사진에서는 별점 순으로) 나열하고, 그로부터 블로그 리뷰와 별점의 상관관계를 그래프로 간단하게 그려봤다. 2022. 6. 20. [Javascript] 자바스크립트로 아이스하키 경기 슈팅 기록 사이트 만들기 운동을 그만둔 지도 어연 1년이 다 지나가는데, 이번에 대회를 한다길래 그냥 구경하러 갔다. 그런데 옆에 형들이 우리팀 누가 슛을 몇피에 쏘는지 수기로 기록하고 있더라. 저렇게 제출된 정보를 취합해서 경기 기록지를 만든다. 그런데 뭔가 프로그램 비스무리하게 만들어보면 저거보다 편하게 슛을 기록하고, 데이터를 시각화하면 효용성도 더 좋아질 것 같다는 생각이 들었다! 귀찮아서 그렇지.. 그렇게 갑자기 열렬하게 몰입하게 된 프로젝트. 니즈를 파악해보자. 1. 수기로 기록하는 게 귀찮다! 편하게 기록하고, 그에 대한 데이터를 처리할 수 있으면 좋겠다! 2. 그렇다면 드래그 앤 드롭 방식으로 만들면 자세한 값을 입력하는 것보다 훨씬 쉽지 않을까?? 3. 실용성이 있으면 좋겠는데.. 아무래도 자바나 파이썬을 이용해.. 2022. 6. 7. [Python] 화면 녹화 프로그램 2.-opencv, tkinter 내가 원하는 기능을 정리해보자. 1. 녹화 전에는 녹화 중지버튼 비활성화, 녹화 중에는 녹화 시작버튼 비활성화. 2. 원하는 디렉토리에 영상 저장 가능. 3. 원하는 파일명으로 파일 저장 가능. 4. 이 모든 것을 버튼과 창으로 이루어진 인터페이스에 담기. 일단 구글링을 통해서 화면 녹화 함수를 정의해보았다. 그거를 입맛에 맞게 바꿔서 원하는 기능을 수행할 수 있도록 만들어보면 요런 게 될거다. opencv를 빠삭하게 이해하고 있는 게 아니라서, 다른 사람들이 만들어놓은 코드를 보고 수정할 것만 수정했다. 참고로 pip install opencv-python을 터미널에 입력해서 opencv를 다운받을 수 있다. pyautogui랑 numpy는 다운받지 않고 import만 해주면 되고. 이제 우리는 이것을.. 2021. 9. 30. 이전 1 2 3 다음