Javascript

import mongoose from "mongoose";import { PostInfo } from "../interfaces/post/PostInfo";const PostSchema = new mongoose.Schema({ title: { type: String, required: true }, content: { type: String, required: true, }, dateTimeOfPosting: { type: Date, required: true, default: Date.now, }, additional: { category: { type: Strin..

jsGrid 라는 잘 사용되지 않는 기능. jqeury기반으로 이루어진 gird 를 그리는 플러그인이다. 데이터 바인딩, 정렬, 필터링, 페이징 등 다양한 기능이 기본적으로 제공되고 js로 이루어져 있다보니 쉽게 커스텀할 수 있다는 장점이 있다. 다른 쓰기 좋은 플러그인이나 기능을 가진 외부 프레임워크들도 많지만, 특별한 기능이 필요 없다면 jsgrid로 가볍게 그리는 것도 나쁘지 않아 보인다. jsgrid는 jqury기반이기 때문에 jquery가 필수이며, jsgrid를 따로 로드해주어야 한다. (스크립트 로드 동일방법) 간단한 사용 방법은 아래와 같다. $("#jsGrid").jsGrid({ height: "500px", width: "100%", inserting: true, editing: tru..

AJAX 통신 AJAX(Aynchronous JavaScript and XML)는 웹 개발에서 비동기적으로 서버와 브라우저 간에 데이터를 교환하기 위해 사용되는 기술이다. 동작 방식 ajax는 js와 xml객체를 사용하여 동작하는데, 아래는 간단하게 요약한 ajax 요청의 동작 과정이다. 사용자의 특정 이벤트(버튼클릭) 발생 JS 코드에서 XMLHttpRequest 객체를 생성 XMLHttpRequest 객체를 사용해 서버에 비동기적으로 데이트를 요청 서버는 요청을 받아 데이터를 처리한 후 응답을 생성 서버의 응답이 도착하면 XMLHttpRequest 객체가 이를 처리하고, 웹 페이지의 특정 부분만을 업데이트한다. 제이쿼리가 등장하고 편리하게 사용가능하게 해주는 $.ajax 가 추가되어 요청하는 방식이 ..

$(선택자).동작함수1().동작함수2() $가 jQuery를 사용할 수 있게 하는 기본적인 식별자 역할을 한다. 선택자를 이용해서 원하는 요소를 선택하여 동작함수를 이용해 동작하는 구조로써, 현재 많은 web사이트에서 기본적으로 사용하는 중이다. 백단으로 넘어가지 않고 처리할수 있는 많은 부분들을 javascript로 해결하는데 그 js를 편하게 처리하고, 여러 기능을 제공해주는 js 라이브러리가 바로 jQuery이다. Jquery와 JS의 차이점 Jquery와 js의 문법의 차이점은 아래와 같다. $('#ssd')==document.getElementById('ssd') $('.hdd')==document.querySelectorAll('.hdd') #id 를 선택할때의 jquery와 js문, 그리고 ..