본문 바로가기

컴퓨터/웹 : JS29

[Node.js] 노드js에서 정적파일 사용/정적파일의 개념 Node.js 정적파일 Node.js로 서버를 구성하다보면 가끔 사진이나 css가 적용이 잘 안 되는 때가 있다. 노드js 사진 오류의 경우를 돌이켜보면 대부분 정적 파일을 등록하지 않아서 생긴 문제였다. 정적 파일이 들어있는 폴더를 등록하기 위해서 express에서는 static이라는 메서드를 사용한다. 물론 다른 모듈(fs등)으로 파일을 직접 읽어 사용자에게 보여주거나 하는 방식도 있겠지만, static을 사용하는 것이 가장 편리하다. Node.js 정적파일 등록 이를 위해 아래의 코드를 삽입한다. app.use(express.static('public')); 이렇게 하면 public이라는 이름으로 된 폴더 내의 파일들을 정적 파일로 사용하겠다는 의미가 된다. 보통은 아래와 같은 형태로 많이 사용한다.. 2023. 4. 5.
[Node.js] 노드 서버 파이썬 연동 방법/node.js 파이썬 코드 실행 Node.js 파이썬 연동 프로젝트 진행 중 딥러닝 모델을 Node.js환경에서 실행시켜야 할 필요가 있었다. 이를 위해 tensorflow.js로 시도를 하였으나, 관련 모듈이 설치되지 않는 문제가 있었다. 정확하게는 모듈을 .json형식으로 바꿔주는 부분이 안 되었다. 그렇기에 어쩔 수 없이 파이썬 코드 자체를 실행시키는 방법도 고민하게 되었다. 아래는 그 고민의 결과이다. child process이용 node.js에서 기본적을 제공해주는 child process를 이용하면 생각보다 쉽게 파이썬 파일을 실행할 수 있다. 문서: https://nodejs.org/api/child_process.html Child process | Node.js v19.8.1 Documentation Child proc.. 2023. 3. 20.
[Node.js] Cloudinary이용 이미지 삽입하기 웹에 이미지 삽입 드디어 개강을 하였다. 이제 개인 프로젝트를 할 시간이 없을 거라 생각했던 우려와 달리 시간이 꽤나 주어졌다. 우선 플러터로 진행하기로 한 졸업과제 프로젝트가 엎어졌다. 플러터의 미래에 대한 불확실성이 문제였다. 팀원들의 배려 비슷한 무언가로 내 기술 스택으로 졸업 과제를 진행하게 되었다. 노드 JS를 이용한 인공지능 웹이다. 아무튼 이렇게 주어진 시간을 알차게 써야한다. 오늘은 Cloudinary를 이용해 사진을 넣도록 하겠다. 클라우디너리는 클라우드 기반의 이미지 및 동영상 관리 처리 서비스를 제공하는 회사이다. 이를 이용하여 나는 웹에 올리는 이미지 파일들을 관리하고, 규격에 맞게 처리하여 사용자에게 보여주고자 한다. 웹에서 사용되는 모든 것(데이터 베이스 포함)은 로컬 저장소에 .. 2023. 3. 16.
[WEB] 카카오지도 API 사용법/웹에 지도 넣기 카카오맵 API 이번 프로젝트를 진행하면서 카카오 지도 API를 사용하였다. 클라이언트는 React와 일반 html(정확히는 ejs엔진)을 이용하는데, React와 일반 html에서 카카오 지도 API를 사용하는 방법이 약간 다르다. 물론 따지자면 같지만 작성해야 할 코드가 다르다는 것이다. 웹에 지도를 넣는 것은 꽤나 자주 사용되는 방식인 것 같다. 그러므로 국내에서 많이 사용되는 지도API사용 정리를 한 번 하는 것이 스스로에게 도움이 될 거라 판단하였다. 카카오 지도를 사용해보니 무척 간단하고 편했기에, 다음에도 프로젝트를 할 일이 있다면 카카오 지도를 활용할 계회이 있다. 이에따라 카카오지도 API사용방법을 간략하게 정리한다. 카카오 지도 1 . 지도 사이트 방문 우선 웹에 카카오지도를 삽입하기 .. 2023. 3. 4.