Power of Positive Thinking

※ 랜더링 위치에 따른 애플리케이션 분류 (SSR vs CSR) 1. 서버 사이드 렌더링(SSR) - Multi Page Application(MPA) ▶ 장점 개발 및 유지보수가 쉬움 검색엔진 최적화(SEO - Search Engine Optimization) 쉬움 ▶ 단점 네트워크 트래픽 증가 서버 처리량 증가 페이지 전환이 느림 ▶ 특징 새로운 DOM으로 라우팅 일부 AJAX 통신 ▶ SSR vs MPA - SSR : AJAX 통신을 통해서 html 코드 조각을 바꿈 - MPA : 페이지 이동 방식 - 공통점 : 둘 다 서버에서 랜더링함. 2. 클라이언트 사이드 렌더링(CSR) - Single Page Application(SPA) ▶ 장점 네트워크 트래픽 감소 서버 처리량 감소 페이지 전환이 빠름..

[CSS Flexbox] display: flex; 위아래 폭은 부모 크기만큼 자동적으로 확장된다. (따로 높이 주지 않아도 된다.) 수평(row) 방향으로 인라인-블록 요소들이 들어간다. (인라인-블록) [3가지 기억하기] ※ flex-direction : 디폴트는 row 방향 (수직방향, 수평방향) ※ justify-content : 좌우, 중앙 배치 설정 ※ align-items : 수직 정렬 (탑, 미들, 바텀) [flex-grow] : 비중, 상대크기 1 2 3 1/10 , 1/10, 8/10 차지한다는 의미이다. [실습] 1 2 3 Cities London Paris Seoul London London is the capital city of England. It is the most popu..

※ JQuery api.jquery.com/category/ajax/ Ajax | jQuery API Documentation Register a handler to be called when Ajax requests complete. This is an AjaxEvent. Register a handler to be called when Ajax requests complete with an error. This is an Ajax Event. Attach a function to be executed before an Ajax request is sent. This is an api.jquery.com 1. jQuery.ajax - Perform an asynchronous HTTP (Ajax) re..

※ Call-Back Function (콜백함수) : 직접적으로 호출하는 것이 아니라, 함수 내부에서 파라미터로 콜백 함수의 번지를 전달받아서 실행 흐름에 따라 자동적으로 호출하는 함수 ▶ Synchronous (동기 방식) : 위에서 아래 방향으로 실행하는 메인 흐름에서 어떠한 시점에 함수를 호출하면 메인 흐름은 실행되지 않고 응답(return)을 기다린다. ▶ Asynchronous (비동기 방식) : 위에서 아래 방향으로 실행하는 메인 흐름에서 어떠한 시점에 함수를 호출하더라도 메인 흐름은 계속 실행되고, 이때 응답이 오면 그 때 처리를 해준다. 그 응답이 왔을 때 호출해주는 함수를 call-back 함수라고 부른다. ※ JavaScript Promises (ES6에서 새로 생김) - 비동기 작업이..

★ 자바의 필드 => 자바스크립트에서는 property 라고 부른다. 즉, 자바스크립트 객체의 구성 요소는 Property와 Method 이다. ★ JSON(JavaScript Object Notation) ★ function와 화살표 함수의 차이는 객체 내부에서 사용될 때 차이난다. function은 자신를 호출한 객체가 this 가 되는 반면에, 화살표 함수는 상위(화살표함수를 포함하고 있는 객체) this를 가리킨다. ※ 자바스크립트 this 주의할 점 function(){this} {this} { console.log(index, " : " , item); }); fruits.forEach(item => console.log(item)); 4. Array.map() array.map(functio..