본문 바로가기

학습 log (이론)/javascript20

유용한 주요 내장함수 기본 String(): 숫자 -> 문자열 Number(): 문자열 -> 숫자 parseInt(): 문자열 안에서 정수 추출 parseFloat(): 문자열 안에서 숫자(소수 포함) 추출 alert(): 메시지 출력 prompt(): 메시지 출력 후 문자열 입력 받기 confirm(): 메시지 출력 후 확인과 취소 선택하도록 유도 Math. abs(값): 절대값 max(값1, 값2, 값3): 최대값 min(값1, 값2, 값3): 최소값 pow(2,3): 거듭제곱, Exponentiation sprt(25): 제곱근, Square Root round(값): 반올림 floor(값): 버림 ceil(값): 올림 randow(): 난수 var str = '문자열'; str.length: 문자열 길이 str.cha.. 2020. 9. 19.
[jquery 요소 정리] html, CSS 접근 방법 id로 접근 # $("#idName") class로 접근 . $(".className") name으로 접근 input[name=name값] $("input[name=names]") CSS 관련 정의 모든 태그 설정 h1 { color: orange;} 클래스 설정 .import { color: orange;} 아이디 설정 #import {color: orange;} 자식 설정 (import클래스 내 i태그 설정) .import i {color: orange;} 직속 자식 설정 (import클래스 내 바로 하위인 i태그만 설정) .import > i {color: orange;} Inside 1 Bla bla Inside 2 Inside 3 복수 설정 .import, .import2 {color: oran.. 2019. 1. 1.
'객체지향 프로그래밍' 기초 자바스크립트는 거의 모든 것이 객체이며 함수 객체로 많은 것을 구현 클래스, 생성자, 메서드함수 객체의 프로토타입 이용각자 따로 함수 객체를 생성할 필요 없이 함수를 이용하여 체인으로 접근클래스 안의 메서드를 정의할 때는 프로토타입 객체에 정의한 후,new로 생성한 객체에서 접근할 수 있게 하는 편이 좋음 Function.prototype.method = function(name, func){ if(!this.prototype[name]) this.prototype[name] = func; } function Person(arg){ this.name = arg; } /*Person.prototype.getName = function(){ return this.name; }*/ Person.method(".. 2016. 10. 31.
'클로저에 대해서' 중요한 클로저 이미 생명 주기가 끝난 외부 함수의 변수를 참조하는 함수 클로저를 구현하는 전형적인 패턴 function outerFunc(){ return function(){ // 클로저 시작 //x와 arguments를 활용한 로직 } // 클로저 끝 } var new_func = outerFunc(); // outerFunc 실행 컨텍스트 종료 new_func(); *외부 함수의 호출이 이루어지고, 이 회부 함수에서 새로운 함수가 반환됨 반환된 함수가 클로저이고 이 클로저는 자유 변수를 묶고 있음 반화된 클로저는 새로운 함수로 사용 클로저 활용 우선 클로저는 성능적, 자원적으로 약간 손해를 볼 수 있으므로 제한적으로 사용 정해진 형식의 함수를 콜백해주는 라이브러리가 있을 때, 그 정해진 형식과는 다른 형식.. 2016. 10. 24.