본문 바로가기

분류 전체보기

use strict란 "use strict"; 흔히 발생하는 코딩 실수를 잡아내서 예외를 발생.상대적으로 안전하지 않은 액션이 발생하는 것을 방지, 예를 들면 전역객체에 접근하려는 것들..혼란스럽거나 제대로 고려되지 않은 기능들을 비활성화시킴.파일 전체에 적용시킬 수도 있고, 특정 함수 안에서만 적용시킬 수도 있음
function, property, method 정의 자바스크립트 표준문서 http://www.ecma-international.org 에서 발췌 함수, 프로퍼티, 메소드 용어정의 4.3.28functionmember of the Object type that may be invoked as a subroutineNOTEIn addition to its properties, a function contains executable code and state that determine how it behaves when invoked. A function’s code may or may not be written in ECMAScript.subroutine 형태로 호출되는 객체타입 정도로 해석된다. 자바스크립트에서는 함수도 객체취급 4.3.30propertyp..
Closure closure란 원래 지역변수는 스코프가 끝나면 사라지게되는데 중첩 함수형태에서 내부함수의 변수가 외부함수에서 사용중일경우 사라지지 않는다
호이스팅 함수 표현식 = var foo = function(){}함수 선언식 = function foo(){} 함수 선언식은 호이스팅현상이 발생 호이스팅 = 함수 선언과 동시에 선언부분이 최상단으로 끌어 올려지는것 foo();function foo(){ }; 함수선언 전에 먼저 실행해도 정상 실행 foo();var foo = function(){ }; 함수표현식일때는 에러
scope 내부 함수에서는 외부 함수의 변수에 접근 가능하지만 외부 함수에서는 내부 함수의 변수에 접근할 수 없음 자바스크립트는 변수를 호출한 함수의 지역 스코프부터 바깥으로 변수를 찾을 때까지(전역까지) 검색한다 => scope chain 12345678var foo = (function () { var x = 'local'; return { y: function() { alert(x); } };})();cs위와같은 형태를 IIFE(즉시 호출 함수 표현식)이라고도 하고, 모듈 패턴이라고도 하는데, 함수를 선언하자마자 바로 실행시킴. 바로 실행시켜서 지역변수를 안전하게 사용할 수 있고 겹칠 우려도 없어짐
inline-block 으로 한줄 정렬하기 float을 사용하지 않고 한줄 정렬하는법 이렇게하면 inline-block요소끼리의 알수없는 간격이 발생함 위와같이 부모 요소에 font-size:0; line-height:0을 주어서 간격을 없애면 해결(inline요소가 기본적으로 가지고 있는 간격) 이후에 자식요소에 자유롭게 margin,padding을 주면 된다.
클래스와 인스턴스 붕어빵 틀(Class)이 있어요.여기다 밀가루와 팥앙금(파라메타로 멤버변수 설정)을 넣어요 ..그러면 붕어빵1(인스턴스)이 완성 !!!붕어빵1에 팥앙금이 들어있는지 확인해 봅시다. get앙금()...이런 추세로 붕어빵2도 만들어 봐요~~ var 붕어빵2 = new 붕어빵틀(밀가루6, 팥앙금4);
색상 관련 페이지 1. Adobe Kuler Color Code Generator 유명한 색상표 생성 사이트, 샘플 팔레트 제공. 2. Material Palete 마터리얼 UI 제작시 생삭표를 알아서 골라줌. 웹 UI 사용시에도 가능 3. Material Mixer 2.0 4. RGB Color Converter RGB 칼라 코드를 변환기, 헥사코드, rgba, hsl 로 변환 5. Coolors + SkillShake랜덤하게 색상코드 생성 6. Color Hunt 샘플 칼라 팔레트로 느낌있는 색상 선택하기 7. Cohesive Colors 호버 버튼 색상 정하기 곤란할 때 편리하게 색상코드 생성. 8. Color palette generator 업로드한 이미지에서 색상코드 추출하기 9. PHOTOCOPA 위와 같은 이..