일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 자바스크립트
- 리팩토링기법
- 모듈
- Safari
- 클린코드
- 프로토타입
- 자바스크립트 정규식
- 자바스크립트 상속
- 콜백
- 변수명
- 네이밍
- 정규식
- 자바스크립트 메소드
- 자바스크립트 함수
- 정규표현식
- 리팩토링
- 자바스크립트 정규표현식
- 프로토타입 상속
- 리팩토링이란
- mysql #mysql최적화 #최적화
- 자바스크립트 콜백
- 자바스크립트 배열
- 자바스크립트 문법
- 리팩토링 기법
- 자바스크립트 유효범위
- 클로저
- 자바스크립트 모듈
- 의미있는 이름
- 자바스크립트 클로저
- 자바스크립트 객체
- Today
- Total
목록분류 전체보기 (21)
개발정리
00 들어가며01 의사클래스 방식02 객체를 기술하는 객체03 프로토타입 방식04 함수를 사용한 방식05 클래스 구성을 위한 부속품 00 들어가며상속을 사용하는 이유기존의 클래스와 매우 유사한 객체 제작 시 상속을 통해 개발비용을 현저히 줄일 수 있다.데이터 타입 체계명시 → 캐스팅 작업이 사라짐하지만, 자바스크립트는 데이터 타입 확인이 엄격하지 않으므로 캐스팅을 절대 하지 않는다. 자바스크립트의 상속은 객체에서 객체로 상속된다. 01 의사클래스방식생성자 함수를 통해 객체 상속함수객체가 만들어 질 때 Function 생성자this.prototype = {constructor : this};만약 new 연산자가 메소드라면Function.method('new', function () { var that = ..
09 유효범위 (scope)10 클로저 (closure)11 콜백12 모듈13 연속호출 (Cascade)14 커링 (Curry)15 메모이제이션 (memoization) 09 유효범위유효범위는 변수와 매개변수의 접근성과 생존 기간을 제어.유효범위var foo = function () { var a = 3, b = 5; // a=3, b=5 var bar = function () { var b = 7, c = 11; // b=7, c=11 a = a + b + c; // a=21 }; bar(); //a=21, b=7};이름 충돌 문제를 덜어주고 자동으로 메모리 관리.C언어 유형의 구문을 가진 언어는 모두 블록 유효범위가 있다.블록 내부에서 선언된 변수는 외부에서 접근 불가. 블록이 끝나면 변수 해제하지만..
00 들어가며01 함수객체02 함수리터럴03 호출04 인수배열05 반환06 예외07 기본타입에 기능 추가08 재귀적 호출 00 들어가며함수는 실행 문장들의 집합을 감싼 형태모듈화의 근간일반적으로 프로그래밍 기술은 "요구사항의 집합을 함수와 자료구조의 집합으로 반환"하는 것 01 함수객체함수 또한 객체이다.함수 객체는 Function.prototype에 연결된다. Function.prototype이 가장 근간이 된다. Object.prototype의 proto 또한 Function.prototype이다.숨겨진 두 속성 문맥(context)와 코드(code)가 있다.또한 모든 함수 객체는 prototype이라는 속성이 있다. 이 속성값은 함수 자체를 값으로 갖는 constructor라는 속성이 있는 객체이다..
들어가며자바스크립트에서 단순 데이터 타입은 { 숫자, 문자열, 불리언(true/false), null, undefined }이 외의 모든 값은 객체이다. 숫자, 문자열, 불리언은 메소드가 있기 때문에 유사객체라고 할 수 있다. 하지만, 값이 정해지면 변경 불가능 (immutable)Class-free 클래스가 없어도 객체 생성 가능객체 in 객체 in 객체 ... 설계 가능 그래프, 트리 같은 자료구조를 쉽게 표현할 수 있다.프로토 타입을 사용하면 객체 초기화 시간, 메모리를 줄일 수 있다. 1. 객체 리터럴객체 생성 방법var foo = {}; var bar = { name : 'seongtae', age : 28}속성의 이름은 어떤 문자열이든 가능. 공백도"," 는 "속성명 : 값"을 구분중첩 가능 ..
1. 공백 (Whitespace)문자를 구분하는 형태나 주석의 형태를 취한다.주석 또한 공백 취급.주석은 블록 주석 "/* */"과 한 줄 주석 "//" 형태로 사용할 수 있다.정규표현식과 블록 주석 사용시 주석이 중간에 닫힐 수 있다. 주석사용 시 주의할 점//주석 사용시 주의점 var s = 'string'; /* s.match(/s*/); // 블록 주석이 정규표현식을 만나 닫혀버림.*/ 2. 이름 (Names)이름은 하나의 문자나 그 뒤를 이어서 하나 이상의 문자, 숫자, _가 붙는 문자열.문장, 변수, 매개변수, 속성명, 연산자, 라벨에 사용.예약어는 name이 될 수 없다.예약어 종류JS 예약어abstractboolean break bytecase catch char class const co..
라라벨은 ServiceProvider를 통해서 DI를 설정합니다.
ioc : 제어 역전, 프레임워크가 주도권을 가진 어플리케이션 DI : 의존 오브젝트 주입. 어플리케이션의 느슨한 결합 bean : ~ JPA : 자바 표준 ORM POJO : 일반적인 자바 오브젝트. 객체지향에 맞게 짜여진 자바 오브젝트. 어노테이션 : 메타데이터? 메타코드 AOP : 횡단위 요구사항. 모든 코드에 공통적으로 들어가는 로직을 제어
"OCP(open close principle) : 확장에는 열려있고 변경에는 닫혀있어야 한다." OOP 5대 원칙, SOLID 중 O를 담당하고 있는 개방 폐쇄 원칙에 대해 써보려합니다. OCP는 높은 응집도, 낮은 결합도를 추구하기 위한 원칙입니다. 높은 응집도란, 하나의 클래스에 하나의 책임 또는 관심사가 집중된 것은 말합니다.낮은 결합도란, 다른 오브젝트나 모듈과의 결합도가 낮은 것을 말합니다. 궁극적으로 높은 응집도와 낮은 결합도로 코딩이 이루어진다면 새로운 요구사항이나 기능 확장에 속도가 빨라지게 됩니다. OCP를 실현하는데 가장 잘 맞는 디자인패턴으로는 전략패턴이 있습니다. 전략패턴 : 필요에 따라 변경이 필요한 알고리즘을 인터페이스 통째로 분리. 독립적인 책입으로 분리가능한 기능. 참고문헌..
자바스크립트의 객체는 복잡하고 재밌게 동작하는 듯 합니다. function a () { return 1;} var bar = a;// bar -> type of function// bar() -> type of number var foo = a();// foo -> type of number// foo() -> foo() is not function 객체를 참조하는 방식부터 사용하는 방법까지 주의를 기울이며 사용해야겠습니다.
자바스크립트에서 데이터를 넘기는 행위는 모두 객체 참조로 이루어진다고 합니다. 예시코드var foo = {a:1};// undefinedvar bar = foo;// undefinedfoo.a = 2;// 2bar.a;// 2var vv = foo// undefinedvv.a = 3// 3foo.a// 3 객체를 복사하는 것이 아니라 참조로 이루어집니다. 복사를 위해서는 다른 많은 방법이 있습니다. 얕은 복사부터 deep copy등 여러 방법이 있으니 찾아보시길 바랍니다.