fullfish의 개발자 도전기

클라이언트 주소 https://just-moment-trip.ml/ just-moment-trip just-moment-trip.ml Git https://github.com/codestates/just-moment-trip GitHub - codestates/just-moment-trip Contribute to codestates/just-moment-trip development by creating an account on GitHub. github.com 사이트 맵 Wire frame https://wireframe.cc/pro/pp/31bd8a1dd539807 Home - Wireframe.cc Preview Lorem ipsum dolor sitammet quam Lorem ipsumdolo..

한것 프론트에서 axios 분기 만듦 리벤슈타인 거리 값 추가 및 하이라이트 적용 axios분기 예시(accountGet)일 경우 export function accountGet(trip_id) { console.log('어카운트 겟요청 됨'); let url = `${endpoint}/account?trip_id=${trip_id}`; return axios.get(url, { headers: tokenHeader(), 'Content-Type': 'application/json', }); } 불러오는 tokenHeader() export default function tokenHeader() { const user = JSON.parse(localStorage.getItem('user')); if (..

final project중 작성한 diary를 검색하는 기능을 위해 fuzzy검색을 구현했습니다 그에 대한 기술 영상 발표입니다

socket.io에 대해 내가 쓴 글 https://fullfish.tistory.com/115 socket.io socket.io를 이용해서 실시간 채팅 구현하기 서버 코드 //index.js var app = require('express')(); var server = require('http').createServer(app); // http server를 socket.io server로 upgrade한다 var io.. fullfish.tistory.com 사용예시 서버 코드 //index.js const hashtag_delete_schedule = require("./controllers/diary/hashtag_delete_schedule"); require("dotenv").config(..

google map api에 대해 내가 쓴 글 https://fullfish.tistory.com/111 구글 맵 API https://console.cloud.google.com/google/maps-apis/start?hl=ko Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 우선 해.. fullfish.tistory.com 위 게시물의 기본적인 코드는 지정된 경도 위도값만을 불러오는것인데 현재 프로젝트에서의 구글맵의 쓰임새는 가계부 작성시 자동으로 gps값이 db에 저장되며 나중에 해당 가계부 조회시 물건을 산 장소을 알 수 있게끔 하는것이다 그러므로 가계부 페이지..

n-Gram n-gram에 대해 내가 쓴 글들 https://fullfish.tistory.com/109 n-Gram n-Gram이란 문장의 유사도를 비교하는 방법중 하나로 문장을 쪼개서 비교한다 예를 들어 3-gram으로 '과자중에 제일 맛있는건 새우깡' '제일 맛있는 과자는 무엇일까' 이 두문장을 비교한다면 각 문 fullfish.tistory.com https://fullfish.tistory.com/110 n-Gram 개선 및 고찰 자음 모음단위로 n-Gram 저번에 구현한 n-gram https://fullfish.tistory.com/109 n-Gram n-Gram이란 문장의 유사도를 비교하는 방법중 하나로 문장을 쪼개서 비교한다 예를 들어 3-gram으로 '과자중에 제일 맛있.. fullfi..

한것 Highlight 적용 검색을 한 글자를 빨간색으로 반환 가중치 적용 원래 db상 '과일먹자'가 '과자냠냠'보다 id값이 빨라서 상단에 위치했는데 유저가 좀더 찾기를 원했을만한 단어가 위로가게 가중치 적용 highlight와 가중치에 대해 내가 쓴 글 https://fullfish.tistory.com/105 fuzzy검색의 highlight와 가중치 적용 참고 : https://taegon.kim/archives/9919 [JS] 한글도 지원하는 퍼지 문자열 검색 UI 작업을 하다보면 목록을 검색해야 할 때가 많다. 그런데 사람의 기억이라는 게 정확하지 않아서 혹은 전부 입력하기 귀 fullfish.tistory.com result = document.querySelectorAll('.title'..

https로 서버를 배포했다 배포 참고 : https://fullfish.tistory.com/53?category=1050721 4일차 / HTTPS인증과 도메인구입 (route53) 진행 백앤드 https 인증과 route53으로 도메인을 바꿨다 프론트와 백모두 AWS상에서 hello world 출력 성공 https인증은 AWS에서 로드밸런서를 이용해서 적용함 하는법(주의할점만) 로드밸런서 생성 Interne fullfish.tistory.com https://just-moment-trip.tk 로 도메인을 만들었다 프론트 search창을 만드는데 기여했다

다이어리의 title이 위 이미지처럼 14개가 있을 때 "새깡"으로 검색시 { "data": [ { "id": 3, "title": "과자는새우깡", "picture": "url", "gps": "21,22", "content": "새우깡은갈매기꺼", "write_date": "2022-12-01 09:00:00", "createdAt": "2022-05-05 22:26:02", "updatedAt": "2022-05-05 22:26:02", "trip_id": 1, "hashtags": [ "맛있다", "새우새우", "냠" ] }, { "id": 4, "title": "새우깡은과자", "picture": "url", "gps": "21,22", "content": "새우깡은갈매기꺼", "write_da..

옛날에 만든거라 정보가 적음 재료 wemos d1 mini pro, relay 동기 식물의 일조량을 늘리기위해 생장등을 구비했는데 일몰때 끄고 일출때 키는것을 자동화 하기위해서 내용 원래는 조도 센서로 일출과 일몰을 감지하려고했으나 실내등으로 인해 항상 밝기때문에 서버시간을 받아와서 릴레이로 on off 해주기로함 세부내용 자체타이머의 오차를 줄이기위해 서버시간은 1시간마다 받아와서 업데이트 전구를 제외한 릴레이와 wemos는 배터리를 사용해작동 소비전력을 줄이기위해 측정해본 wemos의 상태별 소비전류 멀티미터로 재본 결과 상태 소비전류 비고 일반상태 70~80mA modemsleep 10~20mA (wifi off 상태) deepsleep 작아서 안잡힘 (검색해보니 0.06~0.18mA) (정해진 시..