WEB 썸네일형 리스트형 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 위와 같은 이.. 반응형 웹 검증 온라인 툴 1. XRespond선호하는 화면 크기를 설정하고 홈페이지 URL을 입력하는 것 만으로 출력되는 레이아웃을 확인 할 수 있는 온라인 도구 2. Responsinator모바일 기기별 출력되는 레이아웃을 확인하고 대응 할 수 있다. 3. Responsive Design Checker지정사이즈 화면으로 재빨리 반응형웹 출력물을 확인할 때 봅니다. 원래 모니터 화면이 적어도MacBook 화면 처럼 1920px 넓은 사이즈 화면 출력도 확인할 수 있다. 4. Google Mobile TestGoogle은 웹 개발자에게 유익한 툴을 많이 공개하기도 하죠, 그 중에 모바일 친화성 검사도 하나이죠. 함 사용해 보세요. 5. Matt Kersley's Responsive Tool디자이너이자 개발자인 Matt Kersle.. 이전 1 2 3 다음