오늘은 날씨 api를 구현 구글에서 한참을 검색해 마음에 드는 css가 있어서 그걸 받아와서 구현 날씨 키는 여기서 회원가입 후 받아왔다https://openweather.co.uk/ Relevant We offer high-quality, hyperlocal data, considering the nuance of local climate. Read more --> Cost-eff" data-og-host="openweather.co.uk" data-og-source-url="https://openweather.co.uk/" data-og-url="https://openweather.co.uk/" data-og-image=""> OpenWeather for businessWell-known Having..

https://www.data.go.kr/index.do  공공데이터 포털국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datasewww.data.go.kr 여기서 한국환경공단_에어코리아_대기오염정보 에 담긴 데이터들을 가져오기 먼저 application.properties에 API 설정을 추가server.port=8081spring.datasource.url=jdbc:mysql://localhost:3306/KH_WORKBOOKspring.datasource.username=rootspring.datasource.password=kh1234spring.datasourc..

오늘은 메인페이지 위주로 진행 먼저 구장 목록 중에서 인기도가 높은 순서대로 3개를 뽑아 내림차순으로 정렬 SELECT og.stadiumName, og.stadiumImage, rv.likeCount FROM stadium og JOIN stadiumreview rv ON og.stadiumNo = rv.stadiumNo ORDER BY totalLike DESC LIMIT 3 해당 코드로 진행하다가 DB를 보니 평가 테이블이 다음과 같이 작성되어 있었다. 이에 대대적으로 다시 수정.스타디움 별로 좋아요와 싫어요를 각각 합산하고 좋아요 총합에서 싫어요 총합을 뺀 값을 totalLike로 지정하였다.  SELECT og.stadiumName, og.stadiumImage..

import { useEffect, useState } from 'react';import axios from 'axios';const AddressSearching = () => { const [address, setAddress] = useState(''); const [additionalAddress, setAdditionalAddress] = useState(''); const [finalAddress, setFinalAddress] = useState(''); //주소 검색을 완료하고 사용자가 검색한 데이터를 가져와서 기능 실행하기 const handleComplete = (data) => { //사용자가 선택한 기본 주소를 저장 let ful..

csv : 엑셀형식으로 이루어진 파일 json(java script object notation) : js객체 문법(key + value)으로 묶여있는 데이터 구조 xml : html 태그 형식으로 된 데이터 1. Rest ful = 클라이언트와 DB 연결 javaxml - 데이터 전송 및 저장을 위해 설계된 마크업 언어 - 태그를 사용하여 데이터 구조화  - 문서 파일 형식 (예: Microsoft Office 파일)- 특징• 계층적 구조 : 트리 구조로 데이터를 표현• 유연성 : 사용자 정의 태그를 사용할 수 있음• 인간 및 기계 가독성 :사람이 읽기 쉽고, 기계가 파싱하기 쉬움- 주 사용처 : 웹 서비스, 문서 파일 포맷(docx, xlsx) json- js 객체 문법으로 묶여있는 데이터 구조 - ..

오늘은 관리자에게만 스트리밍 시작, 채팅창 동결, 채팅 메시지 삭제 버튼이 보이도록 설정. 그걸 구현하는 것 자체는 쉽다. 먼저 로그인 정보를 담고 있는const { loginMember } = useContext(MyPageContext); 이 구문을 이용.  //중략 {loginMember.memberType === 'A' && handleDeleteMessage({ msgContent: msg.content, msgAt: msg.formattedTime })}> X } ))} //중략 {loginMember.m..