분류 전체보기 129

[Tondo] (Node.js) mongoDB 저장 및 조회

체크 포인트 04 - mongoDB 저장 및 조회 mongoose를 사용하면 Schema를 선언해 주어야 하는데 막 찾아보니깐, object안에 type도 지정하고, maxlength도 지정하고 엄청 지정할게 많아 보였다. 결론은 빈 오브젝트도 사용이 된다..! 물론 권장하는 방식은 아닐 것 같다. const commentSchema = mongoose.Schema({ channelId: { type: String, maxlength:50, }, info: { }, badComments: { }, }) mongoDB라는 단어를 처음 들었을때 몽고에서 만든 DB인가 싶었다. humongous(엄청 큰)의 줄임말이라고 한다. 사용하다보니 그렇게 막 어렵지 않았다. db의 값을 띄우는데에 성공했다. 참고로 테..

[Tondo] (Node.js) 머신러닝 돌리기 child-process 사용

체크 포인트 03 - 머신러닝 돌리기 child-process 사용 머신러닝 모델 model.h5를 실행시키는 함수가 Python파일이어서 JS환경에서 Python 사용하는 방법을 열심히 찾아봤다. 사실 tensorflow.js를 사용하면 어떻게 될 것 같았는데, 나름의 이유로 python을 그대로 사용하자고 결론 내렸다. 여기서 문제가 정말 많았는데 생각나는대로 정리해보겠다. 1. GPU 에러 NVDIA CUDA에러가 떠서 CUDA라는 것을 다운받았다. 뭔지 모름. 2. 로컬 파일 경로 에러 분명 같은 디렉토리에 존재하는 파일인데, no file이 계속 떠서 파일의 전체 경로를 입력해주어야 했다. 이렇게 되면 배포할때 문제가 분명히 발생할텐데 이걸 해결하고 있을 미래의 나에게 미안하다고 말해야겠다..미..

21년 04월 한 달 정리

이번달 빠른 정리 SW마에스트로에 합격하고 첫 미니프로젝트를 진행했다. 오늘(04/30) 끝냈는데, 나름대로 힘들었다. 사다리 타기로 팀장역할이 되었는데, node.js를 한 번도 안해봐서 내가 팀장 역할을 잘 해낼 수 있을지 의문이었다. 사실 별 탈없이 잘 끝낸걸로 만족한다. 저번달 목표 1. COHO 웹사이트 배포 & 모바일 배포(android & ios) 2. 백준 알고리즘 일주일에 최소 3문제 3. 운동 꾸준히 하기 -> 매일 5km (뛰기 or 걷기) 4. 여행가기 -> 바다볼수 있는 곳으로 (가족 or 친구들) 5. 일찍 자기 -> 1시에 자기 이거였는데, 1번, 3번, 4번을 해냈다. COHO는 웹 출시, 모바일 출시를 했고 운동은 꾸준히 하고 있고, 여행은 제주도로 내일 모레 가기로 했다...

[Tondo] (React) SearchPage - react beautiful dnd 사용

체크 포인트 02 - SearchPage.js react-beautiful-dnd 사용 우선 antd와 react-beautiful-dnd에게 감사의 말씀을 전한다.. 디자인 라이브러리를 사용하니깐, 엄청 깔끔해보인다. 왼쪽에 antd chart liquid로 악성댓글/전체댓글의 값을 퍼센트로 나타내고, 오른쪽에는 간단한 정보들을 보여준다. 바로 아래는 탭 창이 있는데, 댓글의 목록을 가져와서 채널명으로 변환시켜준다. 복사하기 버튼을 누르면 클립보드에 복사가 된다. react-beautiful-dnd에서 제공하는 템플릿이다. 리스트의 엘리먼트를 드래그앤 드롭으로 옮길 수 있고 이를 state에 저장하여 값을 사용할 수 있다. 다음에는 결과값을 리스트 해서 보여주는 페이지를 만들예정인데, 몽고DB에서 가져..

[Tondo] (React) Boiler Plate 사용, Antd input 사용

체크 포인트 01 - Boiler Plate & LandingPage.js 따라하며 배우는 React & Node.js의 강좌에서 제공해주신 boilerplate를 사용하기로 했습니다. 우선 처음 배우는 거여서 기본적인 틀을 가져와서 수정하는 식으로 개발하려 했습니다. 앞으로 확인하기 쉽게, 체크 포인트를 세우겠습니다. 링크 github.com/jaewonhimnae/boilerplate-mern-stack

[React] setstate 사용 시 re-rendering 안되는 오류

개요 React에서 state값을 변경해야할 때, setstate를 사용해서 변경할 수 있다. state값이 변경되면 자동적으로 rendering이 이루어지는데, 이것은 리엑트의 부분 렌더링이라는 기법이다. 변한 state을 사용하는 컴포넌트와 하위 컴포넌트들만 rendering을 해서 효율을 높이는 방식이다. setstate는 비동기적으로 동작하기 때문에 사용후 곧바로 콘솔을 찍어보면 state값이 변화가 없다고 찍힌다. 이것은 당연한 결과라고 한다. 오류 setstate를 사용했는데 rendering이 작동하지 않았다. 해결 1시간 동안 헤멨는데, 콘솔을 여기저기 다 찍어보니깐, useEffect를 사용했을 때도 값이 변화가 없다고 떴다. 분명히 배열의 값이 변했는데 왜 변화가 없다고 뜰까. 친구찬스..

[Tondo] 서비스 기획 및 계획

기획 Tondo는 댓글의 온도(thatgeul's ondo)의 줄임말로 정했습니다. 댓글의 온도 서비스는 유튜브 댓글의 감정분석을 통해 해당 유튜브 영상에 달린 댓글의 평균 감정을 알려주는 서비스로 처음 기획했습니다. 하지만, 두가지 이유로 방향을 다르게 설정했습니다. 1. 유튜브 댓글, 한국어 감정분석의 데이터 셋 어려움. 유튜브 댓글을 분석하다 패닉에 빠졌습니다. 우선, 문법을 제대로 지키지 않습니다. 오타가 나더라도 고치지 않고 그대로 작성된 것이 많고, 야민정음(대리가 명~), 신조어 욕설(야발) 등 유튜브에서 고유한 문화가 있는 느낌이었습니다. 감정분석을 하기 위해 영화 댓글을 가져왔는데 유튜브 댓글에 그대로 적용시키기에 한계가 있었습니다. 2. 단순 재미보다 조금 더 의미있는 서비스. 감정분석..

[Android] 코호 - 안드로이드 배포

안드로이드 배포 안녕하세요. 코호의 안드로이드 배포를 정리해보겠습니다. 코호의 출시는 4월 9일에 처음 시작했지만, 결국 4월 26일에 정상 출시가 되었습니다. 그 사이에 수많은 일이 있었습니다.. 첫 번째 삭제 WebView의 스팸 정책에 위반된다는 내용. 사이트의 소유자임을 증명해야 했습니다. 사실 여기서 바보같은 짓을 해버렸습니다. 사이트 내에서 크롤링한 사이트 링크를 넘겨주는데, 이 링크의 문제라고 생각했습니다. 크롤링을 허락 맡고 했니? 이것에 대한 증명을 해야한다고 생각했습니다. 그래서, 크롤링이 불법이 아니라는 해외 판결 사례와, 구글 플레이스토어에 올라와있는 비슷한 크롤링 앱들을 제시하면서 이의제기를 보냈습니다. 이의제기는 3일이 걸려 도착했습니다. 두 번째 삭제 이 사이트 너꺼 맞아? 결..