Developer/기술면접 (21) 썸네일형 리스트형 Front-end_면접질문 정리(1) 질문 및 답변 1.브라우저의 렌더링 과정에 대해서 상세하게 설명해달라 브라우저의 역할은 사용자의 요청을 서버에 전달하고 그 결과를 화면에 나타내는 과정인데 렌더링은 화면에 나타내는 과정을 의미한다. 더 상세하게 알아보면 DOM 생성 CSSOM 생성 Render Tree 생성 Render Tree 배치 Render Tree 그리기 이러한 과정을 통해 브라우저가 서버에 요청한 내용의 노드들을 픽셀화 시키는 것을 브라우저 렌더링 이라고 한다. 2.OOP의 특징에 대하여 설명해달라. OOP는 객체지향 프로그래밍의 약자이다. 객체지향 프로그래밍에 사용되는 객체지향 언어는 4가지의 특징을 가지고 있다. 추상화 - 각 객체들의 공통된 특성을 뽑아낸다. 캡슐화 - 데이터를 은닉하고 데이터의 기능을 노출시키지 않는 의미.. Front-End_면접준비 Front-End 브라우저의 동작 원리 Document Object Model CORS 크로스 브라우징 웹 성능과 관련된 Issues 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 CSS Methodology normalize.css vs reset.css 그 외 프론트엔드 개발 환경 관련 뒤로 브라우저의 동작 원리 HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 개별 노드를 화면.. JavaScript_기술면접 JavaScript JavaScript Event Loop Hoisting Closure this 에 대해서 Promise Arrow Function 뒤로 JavaScript Event Loop 그림과 함께 설명을 하면 좀 더 이해가 쉬울 것 같아 따로 정리한 포스팅으로 대체합니다. JavaScript 이벤트 루프에 대해서 자바스크립트의 비동기 처리 과정 뒤로/위로 Hoisting ES6 문법이 표준화가 되면서 크게 신경쓰지 않아도 되는 부분이 되었지만, JavaScript 라는 언어의 특성을 가장 잘 보여주는 특성 중 하나이기에 정리했습니다. 정의 hoist 라는 단어의 사전적 정의는 끌어올리기 라는 뜻이다. 자바스크립트에서 끌어올려지는 것은 변수이다. var keyword 로 선언된 모든 변수 선언은.. CS_개발상식 Part 1-1 Development common sense 좋은 코드란 무엇인가 객체 지향 프로그래밍이란 무엇인가 객체 지향 개발 원칙은 무엇인가? RESTful API 란 TDD 란 무엇이며 어떠한 장점이 있는가 함수형 프로그래밍 MVC 패턴이란 무엇인가? Git 과 GitHub 에 대해서 뒤로 좋은 코드란 무엇인가 ‘좋은 코드란?‘이라고 구글링해보면 많은 검색 결과가 나온다. 나도 그렇고 다들 궁금했던듯하다. ‘좋은 코드’란 녀석은 정체도, 실체도 없이 이 세상에 떠돌고 있다. 모두가 ‘좋은 코드’의 기준이 조금씩 다르고 각각의 경험을 기반으로 좋은 코드를 정의하고 있다. 세간에 좋은 코드의 정의는 정말 많다. 읽기 쉬운 코드 중복이 없는 코드 테스트가 용이한 코드 등등… 더 읽어보기 > https.. 개발 상식 객체 지향 프로그래밍 (OOP) 객체 지향 프로그래밍 ( Object-oriented programming )은 기능과 논리가 아닌 데이터 또는 객체를 중심으로 소프트웨어 설계를 구성하는 컴퓨터 프로그래밍 모델입니다 . 개체는 고유 한 속성과 동작이있는 데이터 필드로 정의 할 수 있습니다. OOP는 객체를 조작하는 데 필요한 로직보다는 개발자가 조작하려는 객체에 중점을 둡니다. 프로그래밍에 대한 이러한 접근 방식 은 크고 복잡하며 활발하게 업데이트 또는 유지 되는 프로그램에 적합합니다 . RESTful API (REST API) RESTful API는 HTTP 요청을 사용하여 데이터를 GET, PUT, POST 및 DELETE 하는 응용 프로그램 인터페이스 ( API )입니다. 웹 사이트 용 API 는 .. 이전 1 2 3 다음
