본문 바로가기

컴퓨터150

[Node.js] Cloudinary이용 이미지 삽입하기 웹에 이미지 삽입 드디어 개강을 하였다. 이제 개인 프로젝트를 할 시간이 없을 거라 생각했던 우려와 달리 시간이 꽤나 주어졌다. 우선 플러터로 진행하기로 한 졸업과제 프로젝트가 엎어졌다. 플러터의 미래에 대한 불확실성이 문제였다. 팀원들의 배려 비슷한 무언가로 내 기술 스택으로 졸업 과제를 진행하게 되었다. 노드 JS를 이용한 인공지능 웹이다. 아무튼 이렇게 주어진 시간을 알차게 써야한다. 오늘은 Cloudinary를 이용해 사진을 넣도록 하겠다. 클라우디너리는 클라우드 기반의 이미지 및 동영상 관리 처리 서비스를 제공하는 회사이다. 이를 이용하여 나는 웹에 올리는 이미지 파일들을 관리하고, 규격에 맞게 처리하여 사용자에게 보여주고자 한다. 웹에서 사용되는 모든 것(데이터 베이스 포함)은 로컬 저장소에 .. 2023. 3. 16.
[.m5 to .json] 텐서플로우 js .m5확장자 .json변경 Mnist로 만든 예제 모델이 tensorflow.js에서 잘 돌아가지 않았다. 확장자 명이 .m5였는데, 다른 사람들의 예제를 보니 모델 확장자 명이 .json이었다. 터미널에 아래 명령어를 입력하여 .m5파일을 .json으로 변경 가능하다. tensorflowjs_converter --input_format=keras /tmp/model.h5 /tmp/tfjs_model 혹은 파이썬으로 아래 코드를 입력하고 파이썬을 실행시킨다. from keras.models import load_model model = load_model('my_model.h5') model_json = model.to_json() with open("model.json", "w") as json_file: json_file.wr.. 2023. 3. 16.
[WEB] 카카오지도 API 사용법/웹에 지도 넣기 카카오맵 API 이번 프로젝트를 진행하면서 카카오 지도 API를 사용하였다. 클라이언트는 React와 일반 html(정확히는 ejs엔진)을 이용하는데, React와 일반 html에서 카카오 지도 API를 사용하는 방법이 약간 다르다. 물론 따지자면 같지만 작성해야 할 코드가 다르다는 것이다. 웹에 지도를 넣는 것은 꽤나 자주 사용되는 방식인 것 같다. 그러므로 국내에서 많이 사용되는 지도API사용 정리를 한 번 하는 것이 스스로에게 도움이 될 거라 판단하였다. 카카오 지도를 사용해보니 무척 간단하고 편했기에, 다음에도 프로젝트를 할 일이 있다면 카카오 지도를 활용할 계회이 있다. 이에따라 카카오지도 API사용방법을 간략하게 정리한다. 카카오 지도 1 . 지도 사이트 방문 우선 웹에 카카오지도를 삽입하기 .. 2023. 3. 4.
[Node.js](개인 프로젝트) 카카오 지도 연동하기 지도 연동 오늘은 드디어 지도를 넣을 예정이다. 문제는 네이버 지도는 이제 지원하지 않고, 구글 지도는 유료라는 것이다. 구글 지도를 넣고 싶은데 문제는 접근이 0이라도 약간의 돈이 든다. 나는 지금 만드는 사이트를 실제로 호스팅하고 광고까지 넣을 예정이지만(물론 수익이 크게 발생할 거라는 생각은 하지 않는다. 우선적으로 내가 타겟으로 하는 지역이 내 대학 주변 뿐이기도 하기 때문이다.) 광고 수익이 지도 발생 수익을 상회할 거라는 계산이 안 든다. 게다가 만약 운이 좋아서 사용자가 있다? 애매하게 사용자가 붙으면 DB를 띄워주는 값과 호스팅하는데 쓰이는 값, 사진업로드 API를 이용하는 값까지 내야한다. 현재 블로그에 애드센스를 이용하기에 광고료에 대한 잣대가 대충 있긴 하다. 600뷰에 2달러 정도라.. 2023. 3. 4.