react(3)
-
[Flora] Xml 데이터 가져오기, Json 형태로 바꾸어 화면에 출력하기
# .env 파일 생성하기 react에서 .env 파일을 사용하기 위해서는 react 프로젝트 최상위 루트에 dotenv 라이브러리를 설치해야합니다. npm install dotenv dotenv는 환경변수를 .env 파일에 저장시켜주며 process.env로 로드하며, 특히 .env 파일에는 사용자에게 공개되면 안되는 값들을 변수로 저장하여 사용합니다. package.json파일과 같은 경로에 .env 로 새로운 파일을 생성해주고 react에서는 앞에 'REACT_APP_'을 붙여주어야 인식이 가능합니다. REACT_APP_변수이름=값 저는 변수이름 'API_KEY'로 설정하였고 뒤에 API 신청 후 발급받은 인코딩 키를 적어주었습니다. REACT_APP_API_KEY=인코딩된 키 값 # API 호출하..
2023.09.17 -
[Flora] OpenAPI 사용하기
저는 공용 데이터 사이트인 데이터 누리집을 사용하였습니다. https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 해당 사진과 같이 데이터 포맷 (XML, JSON 등)을 볼 수 있으며, 저는 XML 형태인 데이터 포맷을 선택했습니다!! 활용 신청을 하게 되면 마이페이지에서 신청 내역을 조회할 수 있으며 처리 상태를 통해 승인 여부를 확인 할 수 있습니다. 그 후 아래와 같이 Encoding된 인증키와 Decoding된 인증키 두가지 키를 받을 수 있는데 요청 주소 뒷..
2023.09.14 -
[Flora] 꽃 추천 프로젝트 - 프로젝트 개요
# 목적 기념일과 같은 날들에 의미있는 꽃 선물을 하기위한 추천 웹, 앱 개발 선물 받거나 구매한 꽃을 잘 키우기위한 정보를 찾아볼 수 있는 웹, 앱 개발 # 서비스 설명 데이터 누리집의 공용 API를 사용하여 금일 꽃 추천, 월별 꽃 추천, 꽃 검색 등 다양한 기능을 가진 웹, 앱 개발 # 사용 기술 스택 및 라이브러리 react - Axios JavaScript RestAPI Springboot SpringJDBC (필요시) AndroidStudio - Java # 기능 금일에 해당하는 꽃 간단 정보 (꽃 말, 사진, 이름, 정보) 제공 월 별 꽃 추천 기능 키워드, 꽃말, 날짜 검색 기능 ~ 추가예정 # 활용 데이터 및 참고 자료 www.data.go.kr 공공데이터 포털 국가에서 보..
2023.09.13