📌 공공데이터 포털 사이트 이용 식품의약안전처에서 공공데이터를 받았다. 📌 VS코드 자바 프로젝트& 패키지 & 클래스 생성 플러그인 Extension Pack for Java를 설치하고 프로젝트 & 패키지 & 클래스를 생성했다. 근데 Run | Debug가 안나온다. 📌 openJDK 설치 https://jdk.java.net/ 접속 JDK 19가 믿음직스러워 보인다. 로컬 디스크 C에 압축 폴더를 풀어준다. 🤍 환경변수 설정 [제어판] - [시스템 속성] 검색하면 뜬다. 시스템 변수에 JAVA_HOME 추가 "시스템 변수" 창의 "새로 만들기" 를 클릭한 뒤 openJDK 경로를 입력한다. PATH 환경 변수에 자바 실행경로 (JAVA_HOME/bin) 추가 "시스템 변수" 창의 Path를 클락 한 뒤..
📌 JSON 데이터를 웹페이지로 출력하기 HTML 코드 클릭하세요. 김또 도서 이벤트의 댓글 참가자와 당첨자를 볼 수 있습니다. 홍길동-댓글 홍길동-댓글 홍길동-댓글 홍길동-댓글 홍길동-댓글 홍길동-댓글 홍길동-댓글 홍길동,이순신,강감찬 🤍 JSON 데이터 살펴보기 // JSON 데이터를 웹페이지로 출력하기. // Parsing --> 다른 형식으로 저장된 데이터를 목적에 맞는 형태의 형식으로 변환하는 것. // JSON Parsing --> JSON 형식의 텍스트 문자열을 목적에 맞게 객체로 변환하는 것. window.onload = () => { document.getElementById('btn').addEventListener('click',function(){ console.log('test')..
📌 JSON 데이터 객체와 문자열로 변환하기 // JSON 데이터 객체와 문자열로 변환하기. // 2가지 메서드가 있다. // JSON.parse() --> JSON 데이터를 객체로 변환. // JSON.stringify() --> 객체를 다시 문자열로 변환. classify : 분류하다,구분하다. // [1] : JSON.parse(jsonText) --> JSON 형식의 텍스트 --> 자바스크립트 객체로 변환. let jsonText = {"name":"홍길동","age":20,"nationality":"대한한국"}; //현재 상태는 객체. let jsonText1 = `{"name":"홍길동","age":20,"nationality":"대한한국"}`; //현재 상태는 문자열. console.log(..
📌 반복문을 이용한 카테고리 출력 HTML 코드 JavaScript 코드 1. for문으로 사용하기 // 중첩된 JSON 데이터 다루기. // 한 권의 도서 정보를 갖고있는 JSON 데이터에서 해당 도서가 속해있는 카테고리를 출력하시오. // [1] : 중첩 데이터 window.onload = () => { // body가 onload 되었을 때 script 코드가 실행될 수 있도록 한다. const book = { "isbn":"123-456-789", "author":{ "name":"홍길동", "email":"hong@kildong.com" }, "editor":{ "name":"이순신", "email":"lee@soonsin.com" }, "title":"대한민국", "category":["non..
📌 JSON 데이터를 다루기 위한 JS 기본 사용법 html 코드 JavaScript 코드 // [1] : 데이터 const person= [ {"name":"홍길동","age":20,"nationality":"대한민국"}, {"name":"이순신","age":30,"nationality":"미국"}, {"name":"강감찬","age":40,"nationality":"영국"}, {"name":"을지문덕","age":50,"nationality":"프랑스"} ]; console.log(typeof person); //object console.log(typeof person[0]); //object //코드 출처 //인프런_공공 데이터 API 제대로 배우기 🤍 typeof person[0] 을 Strin..
📌 공공(오픈) 데이터 API 공공데이터는 공기업, 공공기관, 대기업, 포털사이트 등에서도 오픈데이터라는 이름으로 많은 데이터를 공개하고 있다. 공개 데이터 API를 어떻게 인증키를 등록하고 발급받아 사용해야 할까? 📌 API 란? API가 더 궁금하다면 클릭 API 가 무엇인가? 📌 API Application Programming Interface 의 약자. 프로그램들이 서로 통신하거나 상호작용 할 수 있도록 도와주는 매개체이자 약속이다. 🤍 프로그램에서 API를 정의하면 뭐가 좋은가? ∎ client 프로그램 irro.tistory.com Application Programming Interface -> API 프로그램들이 서로 통신하거나 상호작용할 수 있도록 도와주는 매게체이자 약속. ex ) 데..
📌 웹사이트에 React.js 추가하기 이로의 블로그 위 div 태그가 DOM Container 로 사용될 예정이다. 스크립트 태그를 사용하여 리액트의 자바스크립트 파일을 가져올 수 있도록 한다. 이로의 블로그 🤍 MyButton.js 리액트 컴포넌트를 만들어서 렌더링 해보자. //리액트의 함수 컴포넌트. function MyButton(props){ const [isClicked, setIsClicked] = React.useState(false); return React.createElement( 'button', {onClick: () => setIsClicked(true)}, isClicked ? 'Clicked!' : 'Click here!' ) } //리액트의 돔의 렌더 함수를 사용해서 리액트..
📌 데이터베이스가 등장하기 전 컴퓨터가 등장한 이래 컴퓨터가 하는 일의 상당히 많은 부분은 데이터를 처리하는 일이었다. 그래서 컴퓨터를 이용한 데이터 처리는 컴퓨터 등장 초기부터 발전을 했고 많은 기업들이 컴퓨터를 도입하고, 컴퓨터를 이용한 데이터 처리, 저장을 했다. Since the advent of computers, in fact, what computers do was data processing in many of the parts. So data processing using a computer has been improve a lot since the beginning of the introduction of computers. Many companies are introducing com..
강좌 개요 및 목표 SW 개발 시 데이터 저장,관리의 기본이 되는 관계형 데이터베이스에 대해 이론적 이해와 더불어 활용 방법에 대해 학습한다. 📌 지금은 데이터의 시대 우리는 정보화 시대를 지나서, 데이터 시대에 살고 있다. We live in an era of data past the information age. 지금은 많은 양의 데이터가 수집, 저장되고 인간의 삶 전 영역에 영향을 미치는 시대이다. The era of utilization and influence in all areas of human life such as not just industry, but also politics, economy, culture. 데이터베이스 데이터를 다루는 기술. 데이터를 저장하고 검색할 수 있는 일반적..
해당 업체의 API를 써서 값을 가지고 와야 하고, 기존 데이터는 마이그레이션해야 합니다. 📌 API Application Programming Interface 의 약자. 1. 프로그램들이 서로 통신하거나 상호작용 할 수 있도록 도와주는 매개체이자 약속이다. 2. 응용프로그램에서 사용할 수 있도록 운영체제, 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 ex ) 데이터를 주고 받는다든지, 호출한다든지, 기능을 원할히 사용하도록 인터페이스를 제공하는 것. Open API ( Open Application Programming Interface ) 누구나 사용할 수 있도록 공개된 API 쉽게 설명해줘 API 식당의 메뉴판 고객과 주방을 이어주는 역할을 하는 것이 메뉴판이며, 고객은 메뉴..
함수는 왜 생겨났을까? 함수 발명으로 가능해진 '재귀 호출' 이 어떤 동작을 하는지, 언제 사용할 필요가 있는지 알아본다. 📌 함수 함수 코드의 일부를 한 덩어리로 잘라내어 그것에 이름을 붙이는 기능. 함수 없이 짤 수 있는 프로그램이 있을까? 있기는 하지만, 함수를 사용하는게 보다 편하다. 이해시켜줘 코드가 함수로 나눠져 있는 것은 큰 조직이 부서로 나눠져 있는 것과 비슷하다. 작은 프로그램에서 함수를 쓰는 이점을 잘 모르는 것은 몇 명의 친한 사람끼리 부서를 만들 필요성을 못 느끼는 것과 같다. 문제는 사람 수가 늘었을 때다. 이렇게 되면 몇 명을 하나의 그룹으로 묶어서 이름을 붙인다. ( 인사팀 등 ) 프로그래밍도 동일하다. 소스 코드의 행수가 많아지면 전체를 파악하기 어렵게 된다. 그래서 몇 개의..
