ajax form
웹 애플리케이션이 서버와 통신할 때에는 form submit을 통해서 요청을 보내거나, XMLHttpRequst를 사용해서 비동기로 요청하는 방법이 있다. Mithril에서는 m.request()를 사용해서 보다 손쉽게 서버 통신을 처리할 수 있다. 기본적인 GET요청을 보내고 응답을 받는 방법 m.request() 에 요청을 보낼 주소와 부가적인 정보를 넘겨주면 응답을 처리할 수 있는 Promise 객체를 리턴받게
javascript
mithril은 단일 페이지 애플리케이션(Single Page Application, SPA)을 만들 수 있게 해주는 시스템으로 개별 페이지에 대한 북마크 및 브라우저의 히스토리 메카니즘을 그대로 사용할 수 있게도 해준다. m.route()는 라우팅 시스템을 총괄하는 함수로 , 현재 페이지에서 사용가능한 URL을 정의하고, 특정 URL로 리다이렉팅하거나 현재 경로를 리턴하는 등의 기능을 수행한다. * m.route(
example
mithril 프레임 워크를 사용해서 간단한 Todo 앱을 만들어 보겠습니다. 1. 입력필드와 Add버튼이 있어서, 할일을 입력하고 Add 버튼을 클릭하면 새 할일이 생성됩니다. 2. 할일들은 목록으로 표시되며, 각각의 할일은 체크 박스를 포함합니다. 3. 체크박스에 체크하면 완료한 항목이 되어 취소선이 그어지게 됩니다. 앱을 크게 세 개의 컴포넌트로 구성하고자 합니다. 1. App – 메인 앱
array sort in javascript
javascrip는 개인적으로 참 마음에 안드는 부분이 많은데, 그 중에서도 배열의 sort() 메소드는 좀 좌절스러운 것이… a = [0 to 10].map -> parseInt Math.random! * 100 # [ 74, 7, 45, 41, 43, 85, 84, 66, 41, 91 ] a.sort! # [ 41, 41, 43, 45, 66, 7, 74, 84, 85, 91 ] 숫자로 된
javascript
본격 mithril 탐구. 가독성을 위해서 본 문서에서는 LiveScript로 예제를 작성합니다. mithril 관련 글 1. mithril 앱의 기본 구성 및 m() 2. m.render – 가상 DOM 렌더링하기 3. m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 4. m.prop 양방향 바인딩을 위한 데이터 래퍼 5. m.withAttr 양방향 바인딩을 위한
__proto__
객체지향 프로그래밍 언어하면 떠올리는 단어가 바로 “클래스”이고, 실제로 대부분의 객체 지향 성격을 갖는 언어들은 대부분 클래스를 지원한다. 그런데 자바스크립트는 클래스가 아닌 프로토타입 기반의 OOP를 사용한다. 오늘은 이 프로토타입에 대하여 살펴보도록 하겠다. 자바스크립트의 객체 어느 정도 고도화된 OOP 언어들은 클래스라는 객체의 청사진(blueprint)을 사용한다. 클래스는 어떤 객체가 갖추어야 할
contructor
constructor Object.prototype.constructor constructor는 특정 객체 인스턴스를 생성한 함수 객체를 리턴한다. 나역시 prototype이니, constructor니 하는 것이 보이는 것이 그리 탐탁치는 않지만, 객체 인스턴스를 대량으로 생성해야 하는 상황이라면 이에 대한 기본 지식을 조금 알고 있는 것이 여러 모로 도움이 될 수 있다. var o = {}; o.constructor === Object; // true var a
back call
back call livescript는 자바스크립트로 컴파일되는 스크립트 언어로, 그 문법적 특징이 하스켈 의 것을 많이 참고하고 있다. 예를 들면 괄호없이 함수를 호출한다거나, 함수 파라미 터간의 컴마를 생략할 수 있다거나 하는 것들이 있다. 한 때 흥미삼아서 조금 만져보다가 관뒀었는데, 갑자기 모 사이트에서 NodeJS 튜토리얼을 몇 개 따라해보려다가 생각이나서 그 사이트의 튜토리얼 코드들을
javascript
아래 스크립트는 현재 페이지까지의 경로 내에서의 모든 쿠키의 만료일을 예전 일자로 바꿔서 만료되도록해 삭제한다. 콘솔을 열고 아래 스크립트를 붙여넣고 실행하면 된다. (2022년 기준으로 코드를 좀 더 읽기 좋게 다듬고, 깔끔하게 정리했다.) (function(){ if (confirm('this will remove all cookies.')) { let items = document.cookie.split(';').map(e
009
둘레의 길이가 1000이고 각 변의 길이가 자연수인 직각삼각형 찾기 세 자연수 a, b, c 가 피타고라스 정리 를 만족하면 피타고라스 수라고 부릅니다 (여기서 ). 예를 들면 이므로 3, 4, 5는 피타고라스 수입니다. a + b + c = 1000 인 피타고라스 수 a, b, c는 한 가지 뿐입니다. 이 때, a × b × c 는
001
10보다 작은 자연수 중에서 3 또는 5의 배수는 3, 5, 6, 9 이고, 이것을 모두 더하면 23입니다. 1000보다 작은 자연수 중에서 3 또는 5의 배수를 모두 더하면 얼마일까요?(http://euler.synap.co.kr/prob_detail.php?id=1) 보통 손으로 이 문제를 푼다면, 3의 배수의 합을 구하고, 5의 배수의 합을
advacned regexp
정규식의 그룹 패턴 중에 Look-around라는 게 있는데, 특정 패턴의 앞/뒤로 만족하는 패턴이 있는 경우에만 해당 패턴을 만족시키는 케이스를 말한다. 예를 들어 apple(?=s)는 apples의 apple만 매칭되고 apple이나 appled는 매칭되지 않도록 하는 것이다. 이를 활용하여 비밀번호 유효성 검사에 정규식을 활용할 수 있다. 예를 들어, 1. 6자리 이상 2. 1개