neda의 블로그

5월 11일 1. 폼 데이터를 서버로 보내기 사용자는 메인 페이지에서 영화를 검색해 해당 영화의 코멘트 페이지로 이동 -> 팀원이 만든 코멘트 페이지에서 코멘트를 입력 후 서버로 FormData 전송 -> 서버에서 FormData를 받아 mongodb로 insert() 작성자 이름, 코멘트, 별점은 input에서 나머지는 코멘트 페이지 로드 시 가져왔던 해당 영화 정보에서 가져온다. 장르는 일반적으로 2개 이상이므로, 리스트로 보낸다. //comment.html function posting() { const name = document.querySelector("#name").value; const comment = document.querySelector("#comment").value; const ..

5월 10일 슬라이더 작업 필요 사항: 슬라이드가 항상 가운데 와야 한다. (홀수 일때) 무한 루프 사용 페이지네이션 사용 이전과 다음 슬라이드가 있을 경우 최대한 조금은 보이도록 해야 한다. 느낀 점: 슬라이드가 작아지면 텍스트로 인해 위아래가 너무 길어져 카드 비율이 이상해진다. 간단한 이미지 슬라이더는 스와이퍼를 쓰는 게 가장 좋은 것 같다. 슬라이더간 간격 값(spaceBetween)이 고정이라 원하는대로 반응형을 만들기는 어려운 부분이 있다. Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazi..

1. 브이월드 API 사용법 1. 1 브이월드 가입 api 호출에 필요한 인증키를 받기 위해 회원가입은 필수입니다. 공간정보 오픈플랫폼 국가가 보유하고 있는 공개 가능한 공간정보를 모든 국민이 자유롭게 활용할 수 있도록 다양한 방법을 제공합니다. www.vworld.kr 1.2 파라미터 세팅 api 호출에 필요한 파라미터를 객체 형태로 세팅. 아래 파라미터는 예제에 있는 파라미터로 한반도 전체 지역을 범위로 하여(geomfilter) 국내의 광역시도 정보(data)를 가져오는 파라미터 const params = { key: "인증키", domain: "http://localhost:3000/", service: "data", version: "2.0", request: "getfeature", forma..

1. 지진 데이터 수집하기 -> s3에 업로드 -> 트리거로 lambda 실행 -> excel 파일 parsing해서 mongodb에 저장 날씨 누리에서 데이터 다운로드 s3의 파일을 읽어서 mongodb로 전달하는 lambda 함수 생성 s3 파일 업로드 하면 트리거로 lambda 함수 자동 실행, 데이터 저장 mongo 결과 확인 1.1 데이터 다운로드 국내지진조회 - 기상청 날씨누리 개편된 날씨누리 홈페이지 첫 화면에서 지도를 통한 실시간 기상정보와 레이더영상, 전국 특보 현황을 조회할 수 있으며, 내 지역의 현재 기상상황과 대기질 상태, 일출/일몰 시각을 확인할 수 www.weather.go.kr 데이터 출처: 기상청 날씨누리 1.2 lambda 함수 만들기 1.3 s3에 파일 업로드하기 1.4 ..

Working with routes for HTTP APIs - Amazon API Gateway Working with routes for HTTP APIs Routes direct incoming API requests to backend resources. Routes consist of two parts: an HTTP method and a resource path—for example, GET /pets. You can define specific HTTP methods for your route. Or, you can use the A docs.aws.amazon.com

import { GetObjectCommand } from "@aws-sdk/client-s3"; import { S3Client } from "@aws-sdk/client-s3"; import XLSX from 'xlsx'; const REGION = "ap-northeast-2"; //e.g. "us-east-1" const s3Client = new S3Client({ region: REGION }); const dateFmt = "yyyy-mm-dd hh:mm:ss AM/PM"; export const handler = async(event,context) => { const bucket = event.Records[0].s3.bucket.name; const key = decodeURICompo..

기상청에서 받을 수 있는 지진 데이터 발생시각부터 지도, 상세보기 링크까지 모두 제대로 가져올 수 있다. 단 xlsx만 가능하다. xls파일에서는 링크를 가져올 수 없다.