전체 글

Web

[git] 원격 저장소 (repository) push

원격 저장소에서 리퍼지토리 생성 git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/자신의 깃주소 git push -u origin main git branch - M main // 브랜치를 main으로 이동 git status // 상태 확인 [Web] - [git] - SSH 사용 Github 인증

Web/Spring , Springboot , JPA

[Spring boot] #2 요청 방식

@Controller // 파일을 응답하는 컨트롤러 (클라이언트가 브라우저면 .html파일 응답) @RestController // Data를 응답하는 컨트롤러 (클라이언트가 모바일이면 데이터를 응답하는것이 좋음) -> 둘중 하나만 사용가능 @GetMapping("/get") public String get(){ return "get 요청됨"; } @RestController // return "get요청됨 " -> 데이터 [get요청됨] @Controller // return "test.html" -> 파일명 [추가 연결해주어야함] @RestController public class HttpController { @GetMapping("/get") public String get(){ return "g..

Web/Spring , Springboot , JPA

[Spring boot] #1 Dispatcher

컨트롤러 [1] 요청 시 JAVA 파일 호출 [2] 요청의 종류가 3개이면 3개의 JAVA 파일이 필요하다 [3] 하나의 JAVA 파일에서 모든 요청을 받는 FrontController 사용 [4] 너무 많은 요청이 한 곳으로 모이는 것을 방지하기 위해 도매인 별로 분기 [5] 분기의 일은 Dispatcher가 처리 예시) 요청의 종류 3개면 3개 작업파일 필요 로그인 -> login.java 회원가입 -> join.java 게시글 -> write.java -> X ---------- 예시 ) 모든 요청을 한곳에서 처리 -> X 로그인 회원가입 ------> FrontController.java 게시글 ---------- 로그인 user테이블 회원가입 ---> UserController.java [컨트롤..

Web/Javascript, React

공공 데이터 중첩된 JSON #6

HTML 화살표가 있는 사이에 값이 들어감 // [1] : 중첩 데이터 window.onload = () => { const book = { "isbn": "123-456-789", "author": { "name": "홍길동", "email": "hong@hongkildong.com" }, "editor": { "name": "이순신", "email": "lee@leesoonsin.com" }, "title": "대한민국", "category": [ "Non-Fiction", "IT", "Politics" // 0 1 2 [ ] ] } console.log( book["author"].name );// 홍길동 console.log( book["editor"].name );// 이순신 console.lo..

Web/Javascript, React

공공 데이터 JS 기초2 #5

//JSON 데이터를 다루기 위한 JS 기본 사용법 //[1] 데이터 const person = [ {"name":"홍길동","age":20,"nationality":"한국"}, {"name":"이순신","age":30,"nationality":"미국"}, {"name":"강감찬","age":40,"nationality":"영국"}, {"name":"을지문덕","age":50,"nationality":"프랑스"} ]; // [5] : 수정 console.log( '--------------------------------------------- '); person[0].name = "홍길자"; person[0].age = 22; console.log('이름이 '+ person[0].name+' 로 수정되..

Web/Javascript, React

공공 데이터 JS 기초1 #4

데이터 입력 및 타입 확인 //[1] 데이터 const person = [ '{"name":"홍길동","age":20,"nationality":"한국"}', -> '' 로 감쌌기 때문에 string {"name":"이순신","age":30,"nationality":"미국"}, {"name":"강감찬","age":40,"nationality":"영국"}, {"name":"을지문덕","age":50,"nationality":"프랑스"} ]; console.log(typeof person); //Object console.log(typeof person[0]); //string '' console.log(typeof person[1]); //object 출력 //JSON 데이터를 다루기 위한 JS 기본 사용법..

Web/Javascript, React

공공 데이터 API의 개념 #3

1. API란? Application Programming Interface -> API 일종의 약속. 응용 프로그램 들 간에 데이터를 주고 받는다든지 , 호출한다든지 할때 원할히 전달되고 리턴 받을 수 있도록, 또는 기능을 원할히 사용할 수 있도록 인터페이스를 제공하는 것 2. JSON 이란? JavaScript Object Notation -> 자바스크립트 객체 표기법 (표현) 자바스크립트에서 객체를 만들때 사용하는 표현식 -> 상호간 데이터를 주고받는경우가 많은데 이때 , 객체 상태로 데이터를 전달할 수 없기에 객체(Object)를 문자열(String)로 변환하여 전달 받은 쪽에서는 다시 문자열을 객체로 변환해야하지만 해당 프로그래밍 언어에서 객체로써 사용할 수 있다. 이러한 변환 과정 사용법을 잘..

Web/Javascript, React

공공 데이터 API 사이트 #2

1. 공공 데이터 포털 https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 2. 카카오 디벨로퍼 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 공공데이터 사용 공공데이터 사용신청 -> 승인 -> 사용 XML 형식 미리보기 type : XML JSON 형식 미리보기

Web/Javascript, React

공공 데이터 API 세팅하기 #1

개발도구 : 노트패드 7.8.8 이상 python 3.8 이상 Bootstrap 3 or 4 Eclipse IDE Oxygen 버전 (JDK8이상) 수업 1 노트패드를 설치하고 플러그인 설치 NppExec 생김 F6 단축키 python "$(FULL_CURRENT_PATH)" [저장] 및 테스트

Web/Spring , Springboot , JPA

Ajex 처리 정리

google 차트를 이용한 처리 sAnalysis.jsp 50번 -> idx 변수 선언 vo.idx값 넣어줌 51번 라인 -> question 변수 선언 ${"#question"}.val(); -> 아이디 question [237번 라인] 54번 query 에 question , idx 값을 담음 query 변수에는 가지 수 상관없이 담을 수 있다. var idx =${vo.idx}; var question = $("#question").val(); var query = { question : qustion, idx : idx }; 58 : ajax 선언 url : 경로 type: "get"방식으로 보내겠다. date : query success : function(data){ for(var i=0; i..

하얀배터리
하얀배터리