본문 바로가기
반응형

분류 전체보기266

메모장에 Open API 붙이기 전에 구성했던 링크 메모장에 API를 붙여보겠다. http://spartacodingclub.shop/post API가 웹 페이지가 로딩후 바로 실행되기 위한 코드이다. $(document).ready(function(){ listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 해당 함수에 API 호출을 위한 Ajax를 붙여 넣어준다. Ajax에 API에서 가져온 카드들을 넣어주기 위한 코드를 작성했다. function listing() { $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let.. 2021. 6. 13.
Mongo DB 설치 Mongo DB 다운로드 및 설치 몽고 DB를 활용할것이기 때문에 MONG DB를 설치해주자. C드라이브에 data폴더를 만들고, db 폴더를 생성한다. Mongo DB 사이트에서 Mongo DB를 설치한다. MongoDB Community Download Download the Community version of MongoDB's non-relational database server from MongoDB's download center. www.mongodb.com 설치 과정 중 Custom 화면에서 Browse 경로를 수정한다. Install MongoDB Compass 선택을 해제하고 Next를 클릭한다. 아래와 같이 메시지가 뜬다면 ignore을 선택해준다. 몽고DB를 위한 환경변수 설정을 .. 2021. 6. 13.
React & Typescript 게시판 Typescript와 리액트를 이용한 게시판 만들기 백엔드는 Spring Rest API를 사용하였다. 아래 깃허브를 참고하자 SangHun-OH/react-board-typescript Typescript. Contribute to SangHun-OH/react-board-typescript development by creating an account on GitHub. github.com 2021. 6. 13.
Ajax & API Ajax 자바스크립트에서 페이지의 전환 없이 서버에서 값을 받아올 수 있는 방법 서버 -> 클라이언트 : JSON 이해하기 우선 JSON을 잘 정렬해서 보기 위한 크롬 확장프로그램을 설치한다. 크롬 JSON VIEWER 서울시의 오픈 API에 접속한다. 서울시 미세먼지 API -JSON은 Key : Value 값으로 이루어져 있다. - List와 Dictionary 가 결합되어 있는 모양과 유사하다. - 반복문을 적절히 이용하면 필요한 정보를 찾을 수 있을것이다. 클라이언트 -> 서버 : GET 요청 보내기 API와 GET / POST API는 은행 창구와 같다. 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, ".. 2021. 6. 12.
jQuery 사용법 jQuery Library - Javascript로도 모든 기능을 구현가능 - 하지만코드가 복잡하고, 브라우저 간 호환성 문제도 고려해야해서 jQuery라는 라이브러리가 등장 - jQuery는 Javascript로 미리 작성된 Javascript 코드 jQuery 사용하기 다음은 jQuery를 import 하기 위해 필요한 주소이다. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the.. 2021. 6. 12.
JavaScript 자료형, 조건문, 반복문, 함수, 백틱 - 모든 브라우저는 자바스크립트를 이해할 수 있게 설계되었고, 이것이 표준이 되었다. - 자바와 자바스크립트는 관계가 없다. 자바스크립트의 작성 자바스크립트는 기본적으로 head에서 script 문 안에 작성한다. : 기본적인 구문이다. 이것은 hey 함수를 호출하면 안녕이라는 메시지를 띄운다. : onclick 을 통해, 버튼을 누른다면 hey를 호출시킨다. 자바스크립트의 기초 Chrome의 console에서 작성하였음. let : 자료형 변수 예제코드 let a = 3; // 변수를 처음 선언할 때 let을 써줌. 자료형은 써주지 않아도 됨. let b = 2; console.log(a + b); // System.out.println()과 같은것 b = 7; console.log(a + b); 문자.. 2021. 6. 12.
반응형

티스토리툴바