본문 바로가기

Front-end

(13)
AJAX란 무엇인가? 비동기 프로그래밍 (Asynchronous) AJAX란 무엇인가 자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식 보통은 서버로부터 웹페이지가 반환되면 전체 갱신해야하는데, AJAX를 사용하면, 페이지 일부만 갱신하고도 동일한 효과를 볼 수 있다. 즉, 갱신이 필요한 부분만 로드하여 갱신하면 되므로 빠르고, 부드러운 화면 효과를 기대할 수 있음
클로저는 무엇인가요? 원리와 왜 사용하는지 클로저란? 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 '기억한다'. 클로저(Clousure)란 무엇이며, 왜 이러한 패턴을 사용하는가 반환된 내부함수가 자신이 선언됐을 때의 환경인 스코프를 기억하여 자신이 선언되었을 때의 환경 밖에서 호출되어도 그 환경에 접근할 수 있는 함수, 자신이 생성될 때의 환경을 기억하는 함수 사용하는 이유 1) 현재 상태를 기억하고 변경된 최신 상태를 유지하기 위해 2) 전역 변수의 사용을 억제하기 위해 3) 정보를 은닉하기 위해 https://hyunseob.github.io/2016/08/30/javascript-closure/ https://realmojo.tistory.com/300 https://sunnyki..
Http와 Https 통신 방식의 차이? Http와 Https 통신 방식의 차이? 결정적 차이는 보안이다. Http 방식은 네트워크상에서 정보를 누군가가 마음대로 열람, 수정 가능 / Https는 누가 볼 수 없도록 막음 Http 방식이 Https 방식보다 빠르다. Http 방식은 민감한 정보를 다룰 때 항상 변조, 해킹 가능성을 생각해야 한다. https는 설치 및 인증서를 유지하는데 추가적인 비용이 발생함 따라서, 민감한 정보가 있는 페이지의 경우 https, 그럴 필요가 없으면 http로 만들면 된다. https://sunnykim91.tistory.com/m/121
호이스팅(Hoisting) 이란 ? 자바스크립트의 호이스팅(Hoisting)은 어떻게 이루어져 있는가 변수를 선언하고 초기화 했을 때 선언 부분이 최상단으로 끌어올려지는 현상 예를 들어, 코드 상단에서 console.log(a) 를 찍고 하단에서 var a=1; 이라고 했을 때 a는 undefined라고 나온다. 이런 현상을 호이스팅이라고 한다. 함수의 경우 함수표현식은 호이스팅이 적용되지 않으나 일반 함수선언문은 함수 호이스팅이 적용된다. 호이스팅(Hoisting)의 개념 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것 호이스팅이란 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다. 자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑..
브라우저는 어떻게 동작하는가? 브라우저 동작 원리에 대한 공부 https://d2.naver.com/helloworld/59361 브라우저의 기본 구조 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어 렌더링 엔진 - 요청한 콘테츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시함. 통신 - HTTP 요청과 같은 네트워크 호출에 사용됨. 이것은 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행됨 UI 백엔드 - 콤보 박스와 창 같은 기본적인 장치를 그림. 플랫폼에서 명시하지 않은 일반적인 인터페이스로서, OS 사용자 인터페이스 체계를 사용. 자바스..