반응형 웹 기초26 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. 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. Bootstrap 부트스트랩은 사전에 정의된 CSS 파일을 사용할 수 있다. 간단한 토이 프로젝트를 시행할 때 사용하면 편리하다. 부트스트랩 사용하기 먼저 head에 해당하는 code를 삽입한다. 이 코드를 삽입함으로서 부트스트랩의 시작 탬플릿을 이용 할 수 있다. 아래의 사이트를 가보자. https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 이곳에서 필요한 css 파일을 가져다가 사용할 수 있다. 필요한 css의 코드를 가져.. 2021. 6. 12. CSS 기초 CSS 작성법 - 안에 로 공간을 만들어 작성 - 적용할때는 class = "style 이름" 으로 사용. - 아래 코드로 살펴보자 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 폰트 변경 - 구글에서 폰트를 다운받아 가져오는 형식이다. - https://fonts.google.com/?subset=korean - 이곳에서 원하는 폰트를 누르고 select this style 하면 CSS 코드가 제공된다. - 아래와 같이 적용한다. Tip - div 의 크기를 확인하기 위해, div를 처음만들때 background-color로 확인하면 편하다. - 주석을 편하게 입력하기 위해서 Ctrl + / 를 입력하면 자동으로 맞는 주석으로 입력해준다. - CSS 부분 : /* */, htm.. 2021. 6. 8. 이전 1 2 3 4 5 다음 반응형
