본문 바로가기

전체 글

 (75)
HTTP란? HTTP(HyperText Transfer Protocol)라는것은 HTML(hypertext) 문서를 교환하기 위해 만들어진 통신규약(protocol)이다. 보통 웹상에서는 네트워크로 서버끼리 통신 할때 어떠한 형식으로 서로 통신을 하자고 규정해 놓은 통신 형식이다. Client Server 간의 통신에 사용되며 프론트엔드와 백엔드 서버간의 통신에도 사용된다. HTTP 통신방식 기본적으로 요청(request)과 응답(response)의 구조로 되어있다. (클라이언트가 HTTP request를 서버에 보내면 서버는 HTTP response를 보내는 구조이다.) User -> browser (requestresponse) server HTTP는 상태를 저장하지 않는다. 어떠한 요청이 오면 그것에 응답할뿐 ..
python 추상 클래스(abstract class) 추상클래스(abstarct class)란? 추상클래스란 미구현 추상메소드를 한개 이상 가지며, 자식클래스에서 해당 추상 메소드를 반드시 구현하도록 강제한다. 상속받은 클래스는 추상메소드를 구현하지 않아도 import할 때까지 에러는 발생하지 않으나 객체를 생성할 시 에러가 발생한다. 추상클래스를 만들기 위한 형식은 아래와 같다 반드시 abc 모듈을 import 해야한다. 추상메소드는 생략하면 기본적인 클래스 기능은 동작합니다만, 추상메소드를 추가한 후에는 객체를 생성하면 에러가 발생한다. 추상 클래스는 인스턴스를 생성할 수 없다. 자식 클래스들이 각각의 독립된 공통적인 기능을 갖출때 사용한다. 각각의 독립된 공통적인 기능이 값을 공유하면 안되므로 구현하지 않은 빈 메소드를 사용한다. (아래 코드 처럼) ..
kakao 우편번호 api 사용 kakao 우편번호 API 사용 우편번호 검색창 페이지 html script 태그 작성 주소검색 typescript 작성 $('button[name=btn-address]').click(function() { let daum = window['daum']; new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분 var address: string = ''; if (data.userSelectedType === 'R') { address = data.roadAddress; } else { address = data.jibunAddress; } (do..
(django template) typescript 적용시키기 stack overflow 답변 - 타입스크립트 코드를 일반 자바스크립트 코드로 변환해야함. 타입스크립트는 브라우저에서 직접 실행 되지 않는다. 내가 진행한 순서 node install 브라우저로 설치함. $ sudo npm install -g typescript # js file로 변환 해줘야함. $ tsc ..(경로)/test.ts
attr() 문법 .attr() 문법 해당 문법은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다.
input box 자동 포커스 input box 숫자입력시 자동 포커스 .keyup() 사용을 사용하여 html input 태그의 maxlength의 값을 가져와서 비교한다. (검색 키워드는 input 박스 입력시 자동 포커스) $('.w-s').keyup(function(){ var value = ($(this)[0]).value.length; var charLimit = $(this).attr('maxlength'); if (value >= Number(charLimit)) { $(this).next().next('.w-s').focus(); return false; } });
File API File API 정리 File API 찾아보기 FileList - 파일 리스트 File - 파일 데이터 FileReader - 파일 읽기 해당 객체는 비동기적으로 파일의 내용을 읽어들이는데 사용된다. Blob - 바이트 데이터 fileTarget.on('change', function() { if (window.FileReader){ ... }
typescript jquery .on() jquery 통합 메서드 on() 이번에 on('change')를 사용해서 값을 변경 해보는 작업을 하였다. 내가 선택한 값의 요소의 정보들이 Object로 표시되어 가지고 와서 해당 input에 val시켜줄 수 있다.

티스토리툴바