DevJay

공공 데이터 포털에서는 다양한 데이터들에 대한 API를 제공하고 있다. React Web개발할 때, 이를 활용하여 기능을 구현하는 방법을 정리하고자 한다. 회원가입 먼저, 공공데이터 포털을 가입해야한다. 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 활용신청 원하는 데이터를 찾고 해당 데이터를 활용 신청합니다. 데이터 호출 활용 신청한 데이터가 승인 처리가 되면 API를 사용할 수 있다. [마이페이지] - [승인 처리된 데이터]를 선택하여 아래와 같은 정보를 확인할 수 있다. 아래 API 목록을 확인하면 Parame..

패키지 설지 gh-pages 패키지를 설치합니다. npm install gh-pages --save-dev package.json 업데이트 homepage 주소 추가 hompage 주소 정보를 업데이트 합니다. "homepage": "http://[github id].github.io/[github repository name]" deploy script 추가 deploy 관련 script를 추가합니다. "scripts": { //... "predeploy": "npm run build", "deploy": "gh-pages -d build" } github pages 설정 github pages에서 사이트 주소 확인하기 작업 & Deploy 작업이 완료된 후, 아래 명령어를 수행합니다. npm run ..

개요 html 파일에서 local의 json 파일을 읽어 웹 페이지에 출력하고자 한다. 내용 Json 파일 [ { "name" : "Messi", "birth" : "1987-06-24", "nation" : "Argentina" }, { "name" : "Mbappé", "birth" : "1998-12-20", "nation" : "France" } ] Html 파일 결과 https://github.com/jaywapp/Tutorials.Web/tree/master/Node.js/230103_2

개요 let, var은 모두 JavaScript에서 사용이 가능한 변수 선언 방법이다. 물론 두 방법 사이에는 차이점이 있다. 내용 var의 한계 C#을 공부했었던 필자로써는 var가 상당히 간편하고 편리한 변수 선언 방법이지만, JavaScript에서는 var를 사용함에 있어서 한계가 있다. var test = "Test1"; console.log(test); var test = "Test2"; console.log(test); C#을 사용할 때에는 위 코드를 보자마자 이상하다고 생각이 들 것이다. "같은 이름의 변수를 두 번 선언하는 것은 컴파일 에러가 발생할텐데.." JavaScript에서는 위 코드가 두 번의 console.log(test) 함수 호출은 다른 결과를 출력하지만 정상적으로 실행이 된..