시노의 개발일지

브라우저에서 서버에게 요청을 한다.그림이 조금 거지같지만 그려봤다.wait 상태에서는 랜더링 할것이 없기 때문에 빈 화면이다.응답 오는중과 응답 다옴 사이에서는 부분 랜더링하기 시작하고응답이 다 왔을 때 화면에 전부 랜더링한다.1. 요청2. wait3. 응답으로 이루어진다. 네이버 사이트를 가서 새로고침을 해보자화면이 번쩍 거리면서 전부 랜더링된다.일부 광고 같은 경우 부분랜더링으로 먼저 나오기도 한다. 검색창에 단어를 입력하면 연관 검색어가 밑으로 쭉 뜬다.그러나 새로고침처럼 화면이 번쩍거리지 않는다. 원래라면 전체 화면이 번쩍거리면서 새로 랜더링 되어야 할 것이다.이것을 비동기 통신(AJAX)이라 한다. AJAX(Asynchronous JavaScript and XML)는 웹 페이지가 새로고침 없이 ..

Object-type:  JS에서 사용하는 모든 non-primitive type Object-literal  :  일반적으로 Object 라고 말하는데 Object-type의 어머니 학생이름, 나이, 반, 학년을 데이터화 한다면 let name = '홍길동';let age = 15;let grade = 2;let cls = 5;으로 할 수 있다. const st1 = {name : '홍길동',age : 15,grade : 2,cls : 5};이것으 오브젝트 리터럴이다. 콘솔로 찍어서 확인해보자console.log(st1); console.log(st1.name); console.log(st1['name']);

스코프란?변수가 유효한 범위(영역)를 말한다. 전역 스코프와 지역 스코프가 있다. 구분전역 스코프지역 스코프유효 영역프로그램 전체에서 접근 가능프로그램의 한정된 영역에서만 접근 가능변수전역 변수 (Global Variable)지역 변수 (Local Variable)선언방식(생성)코드의 가장 바깥영역에서 선언함수의 내부에서 선언세부 유형- var, let 별 차이 없음함수레벨 스코프(var)블록레벨 스코프(let, const) 전역 변수는 함수 외부에서 선언하면 전역 변수이다.하지만 네이밍 충돌 때문에 스크립트를 짤 때 익명의 화살표 함수 안에서 작성하여 전역 변수를 사용하지 않는다.(()=>{})(); 그러면 지역 변수에서 봐야 할 점은 스코프 레벨이 다른 var과 let이다.function f() { ..