본문 바로가기

분류 전체보기

 (94)
JS 프로토타입과 클래스 - 객체 생성자 객체 생성자 객체란? 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것 자바스크립트는 prototype 기반의 언어 Java와 C++은 클래스 기반의 객체지향 언어이지만 JS는 prototype 기반의 객체지향 언어 Class 기반의 객체지향 언어는 class를 통해 객체 생성 But, prototype 기반의 객체지향 언어인 자바스크립트는 class 정의 없이도 객체를 생성할 수 있다 생성자함수가 class를 대신함 (+ES6부터 Class 추가) 캡슐화와 상속 지원 객체지향 프로그래밍에서 중요한 특징 중 하나는 캡슐화 & 상속 자바스크립트는 Class가 없어도 클로저를 통해 캡슐화가 가능하고, prototype을 통해 상속이 가능 프로퍼티와 값의 모임 객체 { } 안에서 프로퍼티와 값을 쌍으로 하..
JS 화살표함수 const add = function (a.b) { 실행코드 }; 를 화살표 함수로 나타내기 : 파라미터 const add = (a,b) => { return a+b; }; const sum = add(1,2); console.log(sum); -> 3 * 코드 더짧게도 가능 const add = (a,b) => a+b; const hello = (name) => { console.log(`Hello ${name}!`); } hello("soyeong"); ->Hello soyeong! 화살표함수는 항상 anonymous function
JS 계산기
JS 자바스크립트 핵심 컨셉 Call Stack 함수를 호출하는 자료구조 함수를 스택 위에 올리고 함수를 실행하면 제거 + 서로 계속 불러대는 함수 만들면 'maximum call stack size exceeded' 에러 뜸 -> 스택오버플로우 Primitive types 종류 : Boolean, Number, String, null(존재하지 않음), undefined(정의되지 않음), NAN(Not A Number) -> 주로 수학식이 말이 안될때 뜸 Value type & Reference type *Value --------- primitive type 가능 let a = 50; let b = a; a = 10; console.log(b) -> 50 -> reference 하는 상황이 아님 *Reference --------..
JS get/post GET과 POST는 HTTP프로토콜을 이용해서 서버에 전달할 때 사용하는 방식 GET은 주소줄에 값이 뒤로 이어붙고 POST는 숨겨져서(body안에) 보내진다. ->get은 보안성 떨어짐 GET은 URL에 길이제한이 있어서 많은양의 데이터는 보내기 어렵고 POST는 많은 양의 데이터를 보낼때 적합
JS setTimeout setInterval setTimeOut setTimeout(함수, 시간) : 일정 시간이 흐른후에 특정 코드, 함수 실행하고 싶을 때 사용하는 함수 ex) 3초 후 함수가 실행됨 setTimeout(function() { console.log('Works!'); }, 3000); stack 에 있는 함수 모두 실행후 web api에 들어간 함수 실행함. setTimeout 이 web api에 들어가게됨 setTimeout을 취소하고싶다면 변수안에 넣어주면 됨 ex) const helloT = setTimeout (console.log, 1000, "Hello"); clearTimeout(helloT); setInterval setInterval(함수, 시간) : 정해진 매 시간마다 함수 실행 ex) 3초마다 함수가 실행됨 ..
JS uuid uuid xxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxx 형식으로 32자 이상이여야함 UUID의 장점 중, 데이터들이 나중에 단일 DB로 통합되거나, 같은 채널에서 전송되더라도 식별자가 중복될 확률이 매우 낮다는 점이 있었다 Database에 데이터를 저장할 때, 데이터 식별을 위해 Primary Key를 사용하고 있다 Primary Key는 성능적 이점을 위해 Int Data type과 ID라는 이름을 사용하였다 이때 uuid 사용함 UUID의 고유성은 중앙 등록 기관(예를 들면 데이터베이스 서버) 등에 의존되지 않고, standard method를 통해 독립적으로 생성 가능 별도로 분리되어 있던 데이터들을 통합하거나, 하나의 채널에서 전송하더라도 충돌이 발생하지 않는다 UUID는 널..
CSS animation으로 슬라이드 만들기 animation-fill-mode : CSS 애니메이션이 실행 전과 후에 대상에 스타일을 적용하는 방법을 지정 none : 아무것도 지정되지 않은 상태 - 기본 forwards : 애니메이션 키프레인이 100%에 도달했을때 마지막 키프레임 유지 backwards : 애니메이션 스타일을 애니메이션이 실제로 시작되기전에 미리 적용 both : forwards, backwards 둘 다 적용 animation-timing-function: linear 애니메이션 효과가 처음부터 끝까지 일정한 속도로 진행

티스토리툴바