면접7

• 

  [면접] 동등연산자("==")와 일치 연산자("===")의 차이 이해하기 0. 개요 평소에 코드를 작성할 때 "==="만을 사용하고 "=="는 타입을 비교하지 않고 값만 비교한다고만 알고 있습니다. 이러한 지식이 정확한지 블로그를 작성해 보았습니다. 1. 동등연산자 ("=="연산자) "==" 연산자는 동등 연산자로서, 두 변수의 값이 같은지 비교합니다. 하지만, 비교하기 전에 타입 변환을 수행하여 두 변수의 타입을 일치시킵니다. 숫자 '5'와 문자열 '5'를 비교할 때, 문자열 '5'는 숫자 5로 자동 변환된 후 값이 비교됩니다. console.log(5 == '5'); // true console.log(1 == true); // true 2. 일치연산자 ("=="연산자) "===" 연산자는 일치 연산자로서, 두 변수의 값과 타입이 모두 같은지 비교합니다. 타입 변환 없이 .. 면접 2024. 4. 12.

• 

  [면접] 호이스팅(Hoistin)에 대해 설명해보세요. 0. 개요 호이스팅에서 대해서 가끔씩 들어봤는데 정확한 설명을 할 수 없어서 이렇게 블로그 글로 작성하게 되었습니다. 1. 호이스팅(hoisting)이란 hoisting이라는 단어의 뜻을 보면 "끌어올리기, 들어 올려 나르기."라는 뜻을 가지고 있습니다. 그렇다면 자바스크립트에서 무엇을 끌어올리냐면 변수와 함수 선언을 끌어올립니다. 변수와 함수 선언을 물리적으로 코드의 상단으로 이동시키는 것이 아니라, 컴파일 단계에서 메모리에 저장하는 JavaScript의 기본적인 동작 방식을 의미합니다. 이로 인해, 코드 상에서 하단에 위치한 변수나 함수를 상단에서 참조할 수 있게 됩니다. 2. 호이스팅의 작동 방식 자바스크립트는 코드 실행 전에 컴파일 단계를 거치는데, 이 때 변수와 함수 선언을 먼저 처리합니다. 이.. 면접 2024. 4. 11.

• 

  [면접] 브라우저 렌더링 원리에 대해서 설명해보세요. 0. 개요 브라우저 렌더링 원리는 대충은 알고있지만 설명하라고 한다면 제대로 설명을 못 할 것 같습니다. 이번에 블로그를 정리를 하면서 제대로 답변을 할 수 있도록 해봅시다! 1. 브라우저(Browser)란? 브라우저는 우리가 보고 싶은 사이트에 들어가면 url를 통해 서버에 요청하고 서버로 부터 받은 응답(HTML,CSS,JavaScript, 이미지 등..) 을 브라우저에 표시하는 것입니다. 가장 대표적인 웹 브라우저로는 크롬, 사파리, 파이어폭스가 있습니다. 2. 브라우저 렌더링의 단계 브라우저 렌더링은 HTML, CSS, JavaScript 등의 웹 페이지 자원을 브라우저가 화면에 그리는 과정을 말합니다. 브라우저 렌더링 원리와 순서는 크게 다음과 같은 단계로 구성됩니다. 2.1 문서 파싱 HTML.. 면접 2024. 4. 10.

• 

  [면접] async/await에 대해 설명해보세요. + promise란 0. 개요 async/await는 비동기 코드를 동기적으로 처리할 때 사용하는 방법이라는 것만 알고 있습니다. 주로 api연결을 할 때 많이 사용했는데 구체적으로 공부해 본 적이 없어서 정리하게 되었습니다. 1. async 함수 async 키워드를 함수 앞에 붙여 사용합니다. 이 키워드가 붙은 함수는 항상 프로미스를 반환합니다. 함수 내에서 직접 값을 반환하더라도, JavaScript는 그 값을 자동으로 프로미스로 감싸 반환합니다. 만약 함수가 프로미스를 반환한다면, 해당 프로미스는 async 함수의 반환값을 그대로 갖게 됩니다. async function f() { return 1; } f().then(alert); // 1 명시적으로 프라미스를 반환하는 것도 가능한데, 결과는 동일합니다. async .. 면접 2024. 4. 9.

• 

  [면접] CSRF나 XSS 공격을 막는 방법은? 0. 개요 프론트엔드 개발자로 취업을 하기 위해 면접을 준비 중 생소한 단어가 나와서 블로그에 정리하게 되었습니다. 면접의 질문은 아래의 zero-base 사이트를 참고하였습니다. 현직 개발자가 정리해주는 프론트엔드 기술 면접 필수 질문, 답변 20선 (feat. 전 카카오 엔터프라 신입 개발자라면 반드시 준비해야 할 프론트엔드 기술면접 질문+답변 zero-base.co.kr CSRF(Cross-Site Request Forgery)와 XSS(Cross-Site Scripting)는 웹 보안의 두 가지 주요 공격 유형입니다. 이들은 각각 다른 방식으로 웹 애플리케이션의 취약점을 이용합니다. 1. CSRF(Cross-Site Request Forgery) 공격이란 사용자가 로그인하여 인증된 상태에서 특정 .. 면접 2024. 4. 6.

• 

  [면접] API, REST, REST API, RESTful API 차이점은 무엇인가 0. 개요 프론트엔드 면접 준비를 하면서 "RESTful API에 대해 설명해주세요."라는 질 높은 답변을 하기위해 정리한 글입니다. 답변은 간단하고 명확하게 해야하지만 단순하게 암기해서 답변하는 것보다는 상세지식을 제대로 아는 상태에서 답변을 하는 것이 더 좋은 답변을 이끌어 낼 수 있다고 생각되어 이렇게 정리하였습니다. 1. API란? API(Application Programming Interface) 둘 이상의 컴퓨터 프로그램이 요청, 응답을 할 때, 어떻게 통신할지 어떻게 데이터를 주고받을 지에 대한 방법(HTTP vs HTTPS, JSON vs XML, GET, POST… )이 정의된 중계계층을 말한다. 예를 들어, 기상청의 소프트웨어 시스템에는 일일 기상 데이터가 들어 있습니다. 휴대폰의 날.. 면접 2024. 4. 5.

• 

  2. 네트워크 2.1 네트워크 기초 네트워크란 노드와 링크가 연결되어 있고 리소스를 공유하는 집합 노드 : 컴퓨터와 서버, 라우터, 스위치 등 네트워크 장치 링크 : 노드와 노드가 연결된 것, 유선 또는 무선 좋은 네트워크란 많은 처리량을 처리할 수 있고, 지연 시간이 짧고, 장애 빈도가 적고, 좋은 보안을 갖춘 네트워크이다. 2.1.1 처리량과 지연 시간 처리량 : 링크 내에서 성공적으로 전달된 데이터의 양(처리된 트래픽) 트래픽 : 특정 시점에서 링크 내에 흐르는 데이터의 양 지연시간 : 요청이 처리되는 시간, 두 장치 사이를 왕복하는 시간 2.1.2 네트워크 토폴로지와 병목 현상 (장단점 추가 정리 예정) 네트워크 토폴로지 : 노드와 링크가 배치된 방식이자 연결 형태 이름 개념 장점 단점 트리 토폴로지 트리형태 .. 면접 2023. 6. 26.