Contents
-
Apple
Apple 소식, 제품 사용기, 관련 소프트웨어(앱)
-
Algorithm
BOJ 문제풀이, 자체 알고리즘 공부, ICPC 준비
-
Development
Swift , HTML, CSS, C#, OpenFrameworks 등의 공부, 앱 개발 일지 작성
-
Books
인문, 과학, 철학, 기술 등 다양한 분야의 서적을 읽고 비평, 소개합니다.
-
Photos
이따금 스마트폰으로 찍은 사진을 올립니다.
-
Tags
블로그 포스트의 태그를 볼 수 있습니다.
Trending Posts
-
Web (HTML, CSS)
나의 마크다운 블로그 포스트 작성 루틴
블로그 포스트를 작성할 때, 글의 구조와 가독성, 강조 효과 등을 적절히 표현하기 위해 Markdown을 활용한다. 키보드만으로 빠르게 콘텐츠를 구성할 수 있어 효율적이며, 작성한 글을 블로그에 복사해 붙여 넣었을 때 웹에서도 동일하게 볼 수 있는 장점이 있다. 여러 종류의 에디터 중 Typora를 선택한 이유와 이미지를 다루는 방법, 강조 스타일, 마크다운 다이어그램 등을 다루는 과정을 소개한다.마크다운 작성과 에디터 선택Notion은 개인적인 메모나 자료 정리에 탁월한 도구이지만, 블로그 포스트 작성에서는 Typora를 선택하였다. Typora는 실시간 미리보기를 제공하며, 작성 즉시 최종 모습을 확인할 수 있다는 장점이 있다. 또한 사진 자료의 자동 업로드를 지원해 이미지 경로 문제를 최소화하며, ..
-
Web (React, Django)
React JS API Key(키) 숨기기
1. 문제 인식 앞선 포스트에서 create-react-app으로 미세먼지 정보 OpenAPI를 받아오는 React Application을 제작하는 과정을 소개했었다. 이러한 API에서 데이터를 받아오는 기능을 구현하는 React Application을 제작할 때는 API Key가 노출되지 않도록 하는 것이 중요하다. GitHub public repository에 올리거나 배포할 경우 API Key가 다른 사용자에 의해 악용될 우려가 있기 때문이다. 실제로 필자도 아무 생각 없이 GitHub Public Repositiry에 API Key가 포함된 코드를 올렸다가 바로 이런 이메일을 받았다. GitGuardian은 GitHub에서 다체적으로 운영하는 서비스도 아니고 가입한 적도 없는데.. 뭐지 GItHu..
-
Web (React, Django)
React JS 공공데이터포털 미세먼지 API (한국환경공단 대기오염정보)이용하기
1. React Application 생성 위와 같이 dust-react라는 React Application를 생성한다. 참고로 create-react-app은 node 5.2.0 버전 이상부터 제공되는, 일회성 설치 옵션 npx를 사용하길 권장한다. 따라서 시작하기 전에 npm을 최신버전으로 설치하고, 위 스크립트를 실행한다. 생성된 dust-react 하위 디렉토리 안에서 작업을 진행한다. 2. 한국환경공단 에어코리아 OpenAPI 사용 OpenAPI는 공공데이터포털에서 제공하는, 한국환경공단_대기오염정보 API를 사용한다. 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 ..
