개발정리

1. 데이터베이스 스키마를 적절하게 설계하고 인덱싱합니다. 열에 적절한 데이터 유형 사용: 각 열에 올바른 데이터 유형을 사용하면 필요한 스토리지 공간을 줄이고 쿼리 성능을 향상시키는 데 도움이 될 수 있습니다. 데이터 정규화: 정규화에는 데이터를 더 작고 더 집중된 테이블로 나누고 이러한 테이블 간의 관계를 사용하여 데이터를 함께 연결하는 작업이 포함됩니다. 이는 중복성을 줄이고 쿼리 속도를 향상시키는 데 도움이 될 수 있습니다. 인덱스를 현명하게 사용: 인덱스는 MySQL 서버가 특정 조건과 일치하는 행을 빠르게 찾을 수 있도록 하여 쿼리 속도를 향상시킬 수 있습니다. 그러나 성능 문제가 발생할 수 있으므로 테이블을 과도하게 인덱싱하지 않도록 주의해야 합니다. 2. MySQL 구성을 조정합니다. qu..

사파리 브라우저에서 video 태그 이슈 정리 seeking - 일반적인 seeking은 문제가 없다. - 일반적인 seeking 후 이벤트 발생 순서(대략적) -> pause > seeking > seeked > play - currentTime을 변경해 seek을 유도한 경우 -> seeking > seeked - pause와 play 이벤트가 발생하지 않는다. - 해결방법 -> currentTime 변경 전 pause, 변경 후 play를 직접 실행시켜 준다.

의도를 분명히 밝혀라그릇된 정보를 피하라의미 있게 구분하라발음하기 쉬운 이름을 사용하라검색하기 쉬운 이름을 사용하라인코딩을 피하라자신의 기억력을 자랑하지 마라클래스 이름메서드 이름기발한 이름은 피해라한 개념에 한 단어를 사용하라말장난을 하지 마라해법 영역에서 가져온 이름을 사용하라문제 영역에서 가져온 이름을 사용하라의미 있는 맥락을 추구하라불필요한 맥락을 없애라 [의도를 분명히 밝혀라]코드의 함축성을 줄여야 한다.코드를 읽는 사람이 특정 정보를 안다고 생각하면 안된다.상수는 명시적인 의미있는 이름으로 대처해도 좋다.함수의 이름은 명시적으로 [그릇된 정보를 피하라]줄인 단어는 사용을 줄여라. 서로 흡사한 이름은 사용 주의 [의미 있게 구분하라]컴파일러나 인터프린터만 통과한다고 좋은 코드는 아니다.비슷해보이..

7장. 객체간의 기능 이동Move Field필드가 자신이 정의된 클래스보다 다른 클래스에 의해 더 많이 사용된다면타겟 클래스에 새로운 필드를 만들고 기존 필드를 사용하는 모든 부분을 변경하라.언제?다른 클래스에서 get, set을 통해 간접적으로 많이 사용 될 때자체 캡술화클래스 내부에서 필드를 사용할 때도 get, set메소드를 통해서 사용변경이 쉬워진다.Extract Class두 개의 클래스가 해야 할 일을 하나의 클래스가 하는 경우새로운 클래스를 만들어서 관련있는 필드와 메소드를 옮겨라.동기클래스를 성격에 맞게 추상화클래스의 책임을 어떻게 나눌 것 인가?Inline Class클래스가 하는 일이 많지 않은 경우그 클래스에 있는 모든 변수와 메소드를 다른 클래스로 옮긴다.동기Extract Class에 ..

REFACTORING[북 리뷰]나쁜 디자인의 코드를 좋은 디자인으로 바꾸는 방법리팩토링이란명사형소프트웨러를 보다 쉽게 이해할 수 있고 적은 비용으로 수정할 수 있도록 겉으로 보이는 동작의 변화없이 내부 구조를 변경하는 것.기본적으로 조금씩 변경하는 것동사형일련의 리팩토링을 적용하여 겉으로 보이는 동작의 변화없이 소프트웨어의 구조를 바꾸다.코드를 효울적이고 통제적으로 만든다.리팩토링의 목적소프트웨어를 보다 이해하기 쉽고, 수정하기 쉽도록 만드는 것.리팩토링은 겉으로 보이는 소프트웨어의 기능을 변경하지 않아야한다.두 개의 모자소프트웨어를 개발하기 위해 리팩토링을 사용할 때, 두 가지 구별된 작업(기능추가, 리팩토링)을 위해 시간을 나눠야 한다.즉,리팩토링할 때는 리팩토링만,새로운 기능을 추가할 때는 개발만왜..

6장. 메소드 정리INTRO코드 덩어리를 별도의 코드로 분리Extract Method위의 반대 개념Inline Method임시변수 제거Replace Temp with Query임시변수가 여러 목적으로 사용된다면Split Temporary Variable임시변수가 너무 꼬여있다면Replace Method with Method Object만약 파라미터에 값을 대입하고 있다면Remove Assignment to Parameters더 정확한 알고리즘을 위해Substitude AlgorithmExtract Method그룹으로 함께 묶을 수 있는 코드 조각이 있으면코드의 목적이 잘 드러나도록메소드의 이름을 지어별도의 메소드로 뽑아낸다.Befoevoid printOwing (double amount) { printB..

Chapter 09 스타일Chapter 10 아름다운 속성에 대한 단상부록 A 나쁘지만 사용해야 하는 부분들 Chapter 09 스타일프로그램을 잘 표현하면 이를 명확히 이해할 수 있고 그로인해 변경이나 오류를 성공적으로 수정할 수 있다.JS 최악의 속성은 피하자들여쓰기는 4칸if 와 '(' 사이에는 한 칸을 띄워 메소드나 함수와 차별을 둔다.함수는 붙여서 쓴다.세미콜론은 꼭 붙여주도록 한다.문자열은 최대한 한 줄에 한 문장으로 작성한다.if, while, for등 블록을 무조건 지정해준다.K&R스타일블록 { 을 문장의 마지막에 (return문 등...)한 줄 띄지 않는다.주석은 최신 내용에 맞춰 수정한다.한 줄짜리 주석을 사용한다주석없이 프로그램을 구조화 하는 것도 좋은 방법이다.자바스크립트에서는 모든..

01 배열02 함수03 숫자04 객체05 정규 표현식06 문자열 01 배열array.concat (item...)자신의 복사본에 인수로 넘어온 값들을 추가한 새로운 배열을 반환.인수로 넘어온 값이 배열이면 각각의 요서를 개별적으로 새로운 배열에 추가.var a = [1,2,3];var b = [4,5,6];var c = a.concat(b, true);// c = [1,2,3,4,5,6,true] array.join (구분자)배열의 모든 요소를 합쳐 문자열로 반환배열의 각 속성은 구분자로 나뉘어 문자열로 반환된다.구분자의 기본값은 , 이다.하나의 문자열 (구분자가 없는)로 만들고 싶다면 구분자로 빈 문자열을 지정한다.var a = ['a','b','c'];var b = a.join('');// b = '..

00 들어가며01 예제02 정규표현식 객체 생성03 구성요소 00 들어가며자바스크립트 정규표현식은 perl에서 채용메소드 종류regexp.execregexp.teststring.matchstring.replacestring.searchstring.split 등등자바스크립트의 정규 표현식은 약간의 재해석과 perl의 확장 구문을 제외하고는 벨 연구소에서 비롯된 원래의 체계를 따른다. 01 예제URL 매칭 정규 표현식var parse_url = /^(?:([A-Za-z]+):)?(\/{0, 3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;각 그룹별 해석/^(?:([A-Za-z]+):)?/^ 는 문자열의 시작뒷 ?는 옵션, 없어..

00 들어가며01 배열리터럴02 length속성03 삭제04 열거05 객체와 배열의 혼동06 배열의 메소드07 배열의 크기와 차원 00 들어가며배열이란항목의 오프셋을 계산 할 수 있는 정수를 통해 각 항목들을 접근 할 수 있는 연속적인 메모리 할당매우 빠른 데이터 구조하지만 자바스크립트에는 이런 배열은 없다.자바스크립트의 배열은 배열같은 객체느리지만 사용은 편리하다. 01 배열 리터럴var arr = []; // 기본적인 배열 리터럴arr = [ 'first', 'second']; var obj = { '0' : 'first', '1' : 'second'};// 배열처럼 보이는 객체두 객체의 차이점obj는 Object.prototype을 상속받는다.arr은 Array.prototype을 상속받는다.따라서..