project

[Numble] 모바일용 웹 서비스 만들기 챌린지 회고록

https://www.numble.it/455e7898-2daf-4695-af90-d39a071d662c [진행중] 디자인-프론트-백엔드 연계 모바일용 웹 서비스 만들기 챌린지 챌린지 일정표 www.numble.it 넘블 디자인-프론트-백엔드 연계 모바일용 웹 서비스 만들기 챌린지 회고록. 💡 참가 동기 우연히 들어가있던 단톡방에서 이런 챌린지가 열린다는 것을 알게 되어 참가하게 되었다. 다른 프레임워크로 팀플은 많이 해봤는데 리액트로 팀 프로젝트를 해본 적이 없다는 점이 계속해서 고민이었고, 장고로 같은 서버에서 백 프론트 혼자서 데이터 주고받는건 해봤는데 백과 프론트가 완전히 분리되었을 때 데이터를 어떻게 주고받는지 해본 적이 없어서 성장에 큰 도움이 될 것 같았다. 마침 신청 당시 일정이 비어있어서..

유니티 WebGL 배포

최근에 WebGL이라는 단어를 많이 봐서 찾아보다가 유니티도 웹 배포가 가능하다는 걸 알게 됐다 (그것도 gh-page로!) 그래서 일 년 전에 만든 유니티 프로젝트로 배포해보기로 함. 이 프로젝트는.. 개발 초기에 게임 개발자를 진로로 잡고 책 보면서 만들었던 것이다. (지금은 웹 개발 쪽으로...) 사실 이때 aseprite라는 도트 프로그램에 빠져있었어서 도트를 그리고 싶은 마음이 더 컸다. 실제로 개발적인 부분은 몇 시간 안 걸리고 도트 그리는 게 힘들었던 기억이. 1. WebGL 설치 File - Build Setting - Platform에서 WebGL을 찾는다. 설치하지 않았으면 install with Unity Hub 버튼이 보일 것이다. 2. Switch Platform 3. Build ..

[Knock/Knock] 검색 성능 개선

한달 전에 다 끝난 프로젝트를 갑자기 VSC에서 키게 된 것은 요즘 면접 대비 공부를 하면서 디바운스라는 개념을 알게 되었기 때문이다. 디바운스는 일정 시간동안의 함수 호출을 막고 마지막의 한 번만 실행되도록 해서 서버 부하를 줄이는 기법이다. 검색 기능을 구현했던 것이 문득 생각이 나 당장 적용해보기로 했다. 기존 코드 keyup마다 함수가 호출되도록 했었는데, count 를 출력해보니 엄청많은 호출이 있었다.. 디바운스 적용 후 let count = 0; (function() { let timer; search_input.addEventListener("keyup", (e) => { clearTimeout(timer); timer = setTimeout(() => { //수행할 함수 = ajax가 ..

[Gymt] react-native와 Firebase 연결

사실 학기 시작하고 공모전 상받고 끝나면서 좀더 하고싶은사람이 알아서 하자 ~ 는 느낌으로 뿔뿔이 흩어졌던 프로젝트인데, 학기가 바빠서 다시 손 못보고있다가 firebase 연결을 안하고 끝난게 계속 마음에 걸렸어서 뒤늦게 연결시켰다. firebase 연결하고 데이터 가져오는 거는 정말 쉽다. To-do 1. 엑셀 파일을 json으로 변환 2. firebase에 프로젝트 / 앱 추가 후 json 데이터를 firebase에 import 3. DB를 가져와서 알맞게 렌더링~ 1. excel to json https://csvjson.com/csv2json CSV to JSON - CSVJSON Online tool to convert your CSV or TSV formatted data to JSON. 1..

[패션정보 웹] php로 대분류에 따른 소분류 만들기 (쿠키 사용)

를 사용하면서 원했던 것은 대분류에 맞는 소분류 옵션들이 나타나는 것이었는데 문제가 있었다. 1. 하나의 페이지 안에서 php를 다시 실행시킬 방법이 없다. (이미 한번 php로 대분류 목록을 뽑아왔는데 그 결과를 갖고 다시 php를 실행시킬 방법이 없었다.) 2. 그렇다면 javascript가 중간에서 징검다리가 되어줄 수 없는지 하지만 또 찾아보니 같은 페이지 내에서 javascript에서 php 결과를 이용할 방법이 없었다. 그래서 사용한 방법이 결국은 2번이지만 쿠키를 사용하는 것. 📌 생각한 순서는 이렇다. 1. php가 데이터 베이스에서 대분류 목록을 가져온다 2. javascript로 쿠키에 대분류 이름을 저장한다. 그리고 현재페이지를 새로고침 한다. 3. 저장된 대분류 이름 쿠키를 사용해서..

[감정인식 챗봇 스피커 '버디' 프로젝트] 데이터 전처리와 KoBert

이번 편은 데이터 전처리와 KoBert를 사용한 챗봇 파트입니다. 앞선 파트(https://temp-ha3.tistory.com/3)의 Face recognition을 통해 사용자가 부정적인 감정 상태(anger, contempt, disgust, fear, sadness)에 있는 것으로 판단되면, 혹은 사용자가 시작을 원한다면 대화가 시작됩니다. 대화가 시작되면 버디는 사용자의 발화에 맞는 위로 답변을 출력합니다. 이 답변 출력을 위한 챗봇 파트를 얘기해볼거예요. 챗봇 모델 : KoBert? KoGPT2? KoELECTRA? 저희 팀은 버디의 챗봇 모델로 많이 쓰이는 세가지 한국어 모델, 'KoBert, KoELECTRA, KoGPT2' 중 어떤 걸 버디의 메인 챗봇 모델로 사용할지 고민을 했습니다. ..