Study/JavaScript

[JavaScript] JS와 jQuery를 사용하여 Flask에서 데이터를 json으로 받아 사용하기

2021.12.24 - [Study/JavaScript] - [JavaScript] Ajax에 대하여 [JavaScript] Ajax에 대하여 현재 프로젝트를 진행하며 데이터를 받아올 때 새로고침이 되는 부분을 새로고침이 안되게 바꾸고 싶어 찾아보니 Ajax라는 것을 사용하면 된다고 하여 학습한 후 정리해보겠습니다. Ajax란? Ajax란 programmers-sosin.tistory.com 저번 게시글에서 말했듯이 새로고침을 하지 않고 리스트를 출력하게 하고 싶어 jQuery와 JS를 사용하여 Json 데이터를 활용해보겠습니다. JS와 jQuery를 사용하여 Flask에서 데이터를 json으로 받아 사용하기 일단 Flask에서 현재 Mongodb에 있는 데이터를 가져오고, 그것을 json으로 변환해보겠..

[JavaScript] Ajax에 대하여

현재 프로젝트를 진행하며 데이터를 받아올 때 새로고침이 되는 부분을 새로고침이 안되게 바꾸고 싶어 찾아보니 Ajax라는 것을 사용하면 된다고 하여 학습한 후 정리해보겠습니다. Ajax란? Ajax란 Asynchronous JavaScript and XML의 약자로 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 이때 서버와는 다음과 같은 형태의 데이터를 주고받을 수 있습니다. - JSON - XML - HTML - 텍스트 파일 등 Ajax의 장점 1. 웹 페이지 전체를 ..

JavaScript Date / 자바스크립트 날짜, 시간 / Date 객체

자바스크립트 날짜와 시간 Date 객체 자바스크립트는 거의 모든 것이 객체로 이루어져 있는데 그중 날짜 기능을 가진 내장 객체 Date를 알아보겠습니다! Date 객체 생성 [ 현재 시간 ] let today = new Date() console.log(today) /* 출력 2021-12-06T09:54:30.994Z */ 위처럼 코드를 작성할 시, 아래 출력처럼 나오게 되는데, 이때 첫 번째 줄은 today에 이 객체를 생성한 순간이 저장되게 됩니다. 하지만 현재 저는 18시:54분에 코드를 작성했지만 출력에는 09:54분으로 나오는데 이것은 Date는 UTC를 기준으로 객체를 생성해주기 때문에 한국시간보다 9시간이 느린 것입니다. 이것을 보완해주기 위해 현재 컴퓨터에 지정된 표준시간대에 따라 시간을..

자바스크립트 switch문 / JavaScript switch / 조건문

자바스크립트 switch문 switch문은 어떤 값을 입력했는지에 따라 다르게 동작하는 문법으로, if문과 비슷하지만 동작하는 방식이 조금 다릅니다. switch문의 기본 구조는 아래 코드와 같습니다. switch (비교할_값){ case 조건1: 동작부분; break; case 조건2: 동작부분; break; default: 동작부분; } 처음 switch 뒤 소괄호에 비교할 값을 넣고, 중괄호를 연 후 case 라는 키워드 다음에 조건값을 쓰고 콜론 (:)을 입력해줍니다. 그리고 비교할 값과 조건값이 서로 일치할 때, break 라는 키워드를 작성하는데 이 break의 역할은 switch 문을 빠져나오라는 의미입니다. 그리고 마지막 부분 default 는 if 문의 else와 같은 것으로 모든 조건값..