개발/Web (27) 썸네일형 리스트형 PSR-0, PSR-1, PSR-2 (PHP Standards Recommendations) PSR(PHP Standards Recommendations)는 PHP의 표준 규약을 의미한다. PHP-FIG(PHP-FrameWork InteropGroup)에서 만든 표준 권고안이다. 1. PSR-0 Autoloading Standard 2014-10-21 기준으로 사용 중단, PSR-4 사용 권장. 오토로더 상호 운용성을 위해 반드시 준수해야하는 필수 요구사항에 대해 설명. 정규화된 네임스페이스 및 클래스는 다음과 같은 구조를 따라야 합니다. \\(\)* 각 네임스페이스의 최상위 네임스페이스에는 공급자(Vendor)의 이름을 사용해야 합니다. 각 네임스페이스는 원하는 만큼의 하위 네임스페이스를 가질 수 있습니다. 각 네임스페이스의 구분기호는 DIRECTORY_SEPARATOR로 변환됩니다. CLAS.. PHP 7 엄격한 타이핑 (strict mode) PHP 에서 "declare(strict_types = 1);" 지시문은 엄격한 타입 체크 모드를 활성화합니다. Strict 모드에서는 정확한 유형의 변수만 허용되며 정확하지 않은 유형일 경우 TypeError 가 발생합니다. 기본적으로 PHP는 약한 타입 체크 모드에서 작동하며 가능한 경우 다른 유형의 값을 예상되는 유형으로 캐스팅하여 처리합니다. 예를 들어 다음의 경우 정수를 문자열로 변환이 가능하여 문자열을 예상하는 함수는 정수 인수를 사용하여 호출할 수 있습니다. Throttle, Debounce Throttle와 Debounce는 DOM 이벤트를 기반으로 실행하는 자바스크립트의 이벤트 콜백을 제어 및 제한하는 방법을 말한다. - Throttle 함수가 밀리초마다 한번 이상 실행되지 않도록 제한하는 것을 말한다. Throttle는 적어도 x 밀리초마다 정기적으로 함수 실행을 보장한다. // Very simple example. // Probably you would want to use a // full-featured plugin like // https://github.com/infinite-scroll/infinite-scroll/blob/master/jquery.infinitescroll.js $(document).ready(function(){ // Check every 300ms the.. CSS Pro-Processor(전처리기) SASS, SCSS, LESS CSS는 재사용 및 체계적인 코드를 작성하기 위한 복잡한 논리과 기능이 존재하지 않습니다. CSS 전처리기는 이러한 바닐라 CSS의 기본기능을 확장하는데 사용되는 도구입니다. 변수,함수,믹스인,코드 중첩 및 상속 과 같은 복잡한 논리 구문을 사용해 몇가지 이름을 지정하여 바닐라 CSS를 강화하여 사용할 수 있습니다. 그러나 브라우저는 바닐라 CSS 코드만 이해할 수 있으며 CSS 전처리기 구문을 해석할 수 없습니다. CSS 전처리기 구문은 네이티브 CSS 로 컴파일되어야 하며, 그 다음 브라우저에서 해석할 수 있습니다. 현재 가장 많이 사용되는 전처리기에는 Sass, LESS, Stylus 등이 있다 CSS 전처리기 사용의 장점 - 재사용성 : 공통 요소 또는 반복적인 항목을 변수 또는 함수로 대체할 수.. 주요 렌더링 경로(Critical Rendering Path) Critical Rendering Path(CRP, 주요 렌더링 경로) CRP은 문서(HTML, CSS, Javascript)를 화면에 표현하기 위해 거치는 일련의 과정을 말한다. 1. HTML 마크업을 처리하고 DOM 트리를 빌드합니다. 2. CSS 마크업을 처리하고 CSSOM 트리를 빌드합니다. 3. DOM 및 CSSOM을 결합하여 렌더링 트리를 형성합니다. 4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산합니다. 5. 개별 노드를 화면에 페인트합니다 1. 객체 모델 생성 바이트 → 문자 → 토큰 → 노드 → 객체 모델. HTML 마크업은 DOM(Document Object Model)으로 변환되고, CSS 마크업은 CSSOM(CSS Object Model)으로 변환됩니다. D.. Javascript 동기식/비동기식 처리 Javascript는 싱글 스레드 언어로 동기적 언어이고 브라우저 엔진에서 작동할 때 비동기적으로 처리된다. 동기 : 요청 처리 완료 후 다음 요청을 처리 하는 방식 비동기 : 하나의 요청 처리가 완료되기 이전에 다음 요청을 처리하는 방식 callback 콜백 함수는 다른 함수의 인자로 사용되거나 이벤트에 의해 호출되어지는 함수를 말한다. 함수의 요청 값을 콜백 하여 다음 함수에서 사용할 수 있는 것을 콜백이라고 한다. const arr = [0,1,2,3,4,5]; (arr.forEach(function(element){ //function이 for Each의 인자로 활용되고 있음 console.log(element); })(); setTimeOut 호출될 콜백 함수와 지연 시간 두가지 인자를 설정하여.. input array에 대해 동일한 name이 여러개일 경우 각 요소에 대한 처리 for(key in data.errors){ $("input[name='"+key+"']").addClass('has-error'); if(key.indexOf('Artist_Name') != -1) { var size = $("input[name='Artist_Name[]']").length; for (i=0; i 텍스트 호버 이미지 애니메이션 See the Pen hover image animation by LEE SENGWOO (@sengwoolee) on CodePen. 이전 1 2 3 4 다음
