AJAX Asynchronous JavaScript and XML의 약자로, 자바스크립트를 통해 비동기적으로 데이터를 교환하는 방식이다. 보통 데이터가 변경되면 서버로 부터 웹페이지 전체가 반환되어야 하지만 AJAX를 사용하면 페이지 일부만을 갱신하여 동일한 효과를 낼 수 있다. 이러한 이유 덕분에 주로 사용되며 빠르고 부드러운 화면 효과를 기대할 수 있다. Callback 함수 function getData(callbackFunc) { $.get('https://domain.com/products/1', function(response) { callbackFunc(response); // 서버에서 받은 데이터 response를 callbackFunc() 함수에 넘겨줌 }); } getData(funct..

간단한 브라우저 렌더링 과정 1. 주소창에 검색한 도메인으로 서버를 찾아간다. 2. DNS가 연결해줄 곳을 찾아준다. 3. 기본설정파일 (index)을 클라이언트로 보낸다. 4. 한줄한줄 읽어가며 DOM트리를 생성한다. 4-1. 중간에 css요청이 발생하면 응답과정이 끝나고 css를 파싱함 4-2. 중간에 javascript요청이 발생하면 제어권한을 js엔진에 넘기고 javascript를 먼저 파싱한다. 5. 완성된 DOM트리와 CSSOM트리를 합쳐 Render Tree를 만들어 그려낸다. http와 https의 차이점 보안 : http는 네트워크상에서 정보를 누군가가 열람과 수정이 가능하지만 https는 누가 볼수없도록 막혀져있다. 속도 : http방식이 https보다 빠르다. 비용 : https는 따..

객체 지향 프로그래밍 (Object Oriented Programming) 줄여서 OOP라고 주로 부르며 크게 4가지 특징을 가지고 있다. 1. 캡슐화(Encapsulation)캡슐화는 데이터, 그리고 데이터를 처리하는 함수를 하나로 묶은것을 말합니다.캡슐화된 객체들은 재사용이 가능하며, 세부 내용이 은폐(정보 은닉)되어 오류가 적습니다.덕분에 인터페이스가 단순해지고, 객체간의 결합도가 낮아집니다. 2. 정보은닉(Information Hiding)다른 객체에게 자신의 정보를 숨기고 공개된 명령만을 통하여 접근을 허용하는 방식입니다.외부 객체가 특정 객체의 데이터와 함수를 직접 접근하지 않기 때문에 유지보수를 하거나소프트웨어를 확장할 때 오류를 줄일 수 있습니다. 3. 추상화(Abstraction)불필요한..