본문 바로가기

JavaScript6

[JavaScript] Anti-pattern 안티패턴(anti-pattern)이란소프트웨어 공학분야 용어로 실제 많이 사용되는 패턴이지만 비효율적이라 사용을 지양해야할 코드들을 의미 안티패턴(anti-pattern) 종류와 개선방안 (계속 추가) 종류 link 2018. 3. 20.
[Extra] Reflow와 Repaint 1. Reflow와 Repaint란 웹페이지의 렌더링 과정중 발생하는 것으로 부하가 높음. UI가 느려지는 원인이 됨.특히 Refolw부하가 더 높기 때문에 최대한 피하는 편이 좋음 2. Reflow와 Repaint -Reflow 크기와 위치에 맞게 브라우져에 셋팅되는 과정 -Repaint시각적인 요소가 셋팅되는 과정배경색 -> 배경이미지 -> 테두리 -> 자식 -> 아웃라인 3. Reflow와 Repaint 사례 Reflow 사례 Repaint 사례 Render Tree (Layout)에 영향을 주는 행동을 했을 경우 발생 영향을 받은 모든 노드의 수치를 다시 계산하여 렌더트리 재생성 Render Tree (Layout)에 영향을 주지 않는 것을 변경했을 경우 발생 1) 윈도우 리사이징(너비 높이 변경.. 2018. 3. 20.
[JavaScript] 자바스크립트 타입에러 1. 헷갈리기 쉬운 자바 스크립트 타입 에러 undefined[variable] is not defined$ is not defined에러 발생 시 그냥 저냥 해결해서 넘어가는 경우가 많았음 변수 선언은 했지만 값이 없을 경우-> 에러는 나지 않되 값이 undefined로 받아짐Solution) 변수에 값 선언 변수조차 선언하지 않았을 경우-> [variable] is not defined 에러 발생Solution) 변수선언 후 값을 넣어 사용 JQuery가 정상적으로 road되지 못할 경우-> $ is not defined 에러 발생Solution) 로 jquery경로 등록하여 사용 * 참고 도서 & 사이트 w3schools(JavaScript Data Types)itsu(You Don’t Know J.. 2017. 8. 18.
[JavaScript] 자바스크립트 타입 (Type of Java Script) [JavaScript]자바스크립트 타입 (Type of Java Script) 적당히 코딩하면 적당한 처리를 해주는 js.왜 되는지 모르지만 되어서 넘어가는 경우가 대부분명확히 정리할 필요성이 있겠다 싶어서 시작. 1. type의 정의- 값을 분별할 수 있는 고유한 내부 특성 집합. typeof 연산자로 값 타입을 알 수 있음. Example) 2. Java script 타입 (Type of java script) Complex Data1) object1-1) function (내장 타입이 아닌 object의 하위타입, 프로퍼티를 줄 수 있어서 유용) Primitive Data2) null (없는 값)3) undefined (정의되지 않은 값)4) boolean5) number6) string7) sym.. 2017. 8. 17.