본문 바로가기

📰 CS 준비

(8)

일반적인 질문 어제/이번 주에 무엇을 공부하셨나요? 코딩을 할 때 당신을 들뜨게 하거나 흥미를 끄는 것들은 무엇은 가요? 최근에 당신이 경험한 기술적인 문제는 무엇이고 그것을 어떻게 해결했나요? 웹 애플리케이션이나 사이트를 만들 때 고려해야 할 UI, Security, Performance, SEO, Maintainability에 대해서 설명해주세요. 선호하는 개발 환경에 대해 자유롭게 이야기해 주세요. 버전 관리 시스템은 어떤 것들을 사용해보셨습니까? 당신이 웹 페이지를 만들 때의 과정을 설명해주실 수 있을까요? 당신에게 5가지 다른 stylesheet가 있습니다. 어떤 방법으로 사이트에 제공하는 게 가장 효과적일까요? 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful d..

성능 관련 질문 성능관련 이슈들을 발견하기 위해서 사용하는 방법은 무엇인가요? 웹사이트 scrolling 성능을 향상시키기 위한 몇가지 방법에 대해 설명해보세요. 브라우저의 layout, painting, compositing에 대해 설명해보세요.

테스트 관련 질문 test code를 작성하면서 개발하는 방식의 장점과 단점에 대해 설명해주세요. test code를 테스트하는 툴을 사용해보신 경험이 있나요? 유닛 테스트와 함수테스트의 차이점은 무엇인가요? code style linting tool을 사용했을때 장점은 무엇인가요?

네트워크 전통적으로, 웹사이트의 assets을 여러 도메인으로 서빙했을 때 장점은 무엇인가요? URL로 접속했을 때 어떤 플로우로 화면에 웹사이트가 그려지는지 네트워크 관점에서 설명해주세요. Long-Polling과 Websocket, Server-Sent Event에 대해 설명해주세요. 다음 request header들에 대해 설명해주세요. Diff. between Expires, Date, Age and If-Modified-… Do Not Track Cache-Control Transfer-Encoding ETag X-Frame-Options HTTP와 HTTPS에 대해 설명해주세요. HTTP Method들에 대해 설명해주세요.

OOP (객체지향 프로그래밍) OOP(Object Oriented Programming, 객체지향 프로그래밍), 특징 부품객체를 만들고 이것들은 하나씩 조립해서 완성된 프로그램을 만드는 기법입니다. 객체지향 프로그래밍으로 코드를 작성하면 재사용성과 변형가능성을 높일 수 있습니다. 1. 상속 : 클래스개념에서 상위 클래스(부모)로 부터 하위 클래스(자식)이 유산을 물려받는것과 같이, 부모의 메소드나 변수를 사용할 수 있는 것을 말함. 2. 다형성 : 같은 함수가 있다고 칠대 그 함수가 매개변수에 따라 다른 역할을 할 수 있다. 3. 캡슐화 : 보통 데이터를 은닉시킨다고 표현하는데, 외부에서 쉽게 데이터를 접근할 수 없게 만들기도하고, 데이터 구조와 데이터를 다루는 방법들을 한데다 묶는것. 4. 추상화 : 공통적인 속성이나 기능을 묶어서..

javascript event delegation에 관해 설명해주세요. this는 JavaScript에서 어떻게 작동하는지 설명해주세요. prototype 기반 상속은 어떻게 하는지 설명해주세요. AMD와 CommonJS는 무엇이고, 이것들에 대해 어떻게 생각하시나요? 다음 코드가 즉시 호출 함수 표현식(IIFE)로 동작하지 않는 이유에 관해서 설명해보세요: function foo(){ }();. IIFE로 만들기 위해서는 어떻게 해야 하나요? null과 unedefined 그리고 undeclared의 차이점은 무엇인가요? 두개를 구분하기 위해서는 어떻게 하면 될까요? 클로져(Closure)는 무엇이며, 어떻게/왜 사용하는지 설명해주세요. 클로져를 만들 때 선호하는 패턴은 무엇인가요? argyle (IIFEs에만 적용할 수..

CSS class와 id의 차이점에 관해서 설명해주세요. “reset” CSS가 무엇인지, 어떻게 유용한지 설명해주세요. Floats가 어떻게 동작하는지 설명해주세요. z-index에 관해 설명해주세요. BFC(Block Formatting Context)에 관해 설명해주세요 클리어링(Clearing) 기술에는 어떤 것들이 있으며, 어떨 때 어떻게 사용하는 것이 적절한지 설명하세요. CSS 스프라이트(CSS Sprites)를 설명하고, 페이지나 사이트를 어떻게 향상하는지 설명하세요. Image Replacement를 사용해야 할 때, 선호하는 기술과 언제 사용하는지를 설명해주세요. 브라우저 스펙 차이에 따른 스타일링 이슈를 수정하기 위해서 어떻게 접근하나요? 기능이 제약된 브라우저를 위해서 어떤 방식으로 페이지..

HTML doctype이 무엇을 하는 것인가요? 표준모드(standards mode)와 쿽스모드(quirks mode)의 다른 점은 무엇인가요? XML과 XHTML의 다른 점은 무엇인가요 XHTML을 이용한 페이지의 한계점은 무엇이 있나요? application/xhtml+xml으로 지정한 페이지에 어떠한 문제가 있나요? 다국어가 포함된 페이지는 어떤 방식으로 제공하나요? 다국어 페이지를 제공하는 여러 방법에 관해 설명해주세요. data-속성은 무엇을 하는 것인가요? 사용했을 때 이점은 무엇인가요? HTML5를 오픈 웹 플랫폼(open web platform)으로 생각해본다면, 어떤 것들로 구성돼 있을까요? 쿠키(Cookies)와 세션저장소(sessionStorage)와 로컬저장소(localStorage)의 차이..

이전 1 다음

티스토리툴바