본문 바로가기

📂 기술 면접/Language7

JavaScript 코드를 HTML보다 밑에 작성해야 하는 이유는 무엇인가요? 👩🏻‍💻 JavaScript 코드를 HTML보다 밑에 작성해야 하는 이유는 무엇인가요? 알림창 Open 💁🏻‍♀️ 요약하자면 , 페이지 로딩 속도를 향상시킬 수 있고, DOM 조작 및 이벤트 처리가 효율적으로 이루어질 수 있기 때문입니다. 1. 로딩 순서 웹 브라우저는 HTML 문서를 위에서 아래로 파싱하며 로딩하는데, HTML 문서 내에 있는 요소들을 만나면 해당 요소들을 순서대로 처리하게 됩니다. 따라서 HTML 문서에 포함된 JavaScript 코드도 순차적으로 처리됩니다. 만약 JavaScript 코드가 HTML보다 위에 위치한다면, HTML 파싱 중에도 JavaScript 코드를 만나게 됩니다. 이 경우 브라우저는 JavaScript 코드를 실행하려면 HTML 파싱을 중단하고 코드를 처리해야 하.. 2023. 8. 29.

TypeScript는 정확히 무엇이며 JavaScript와 어떻게 다른가요? 👩🏻‍💻 질문 💁🏻‍♀️ 요약하자면 , TypeScript는 Microsoft에서 개발한 프로그래밍 언어로, JavaScript의 확장된 버전입니다. TypeScript는 정적 타입을 지원하는 언어로, 개발자에게 타입 안정성과 코드의 가독성을 높여주는 기능을 제공합니다. JS vs. TS JavaScript는 동적 타입 언어로, 변수의 타입을 선언하지 않고 사용할 수 있습니다. 이는 유연성과 간편함을 제공하지만, 타입 에러의 가능성이 높아질 수 있고, 대규모 프로젝트에서 코드 유지보수의 어려움을 야기할 수 있습니다. 반면에 TypeScript는 변수, 함수, 객체 등에 명시적인 타입을 지정할 수 있습니다. 이를 통해 컴파일러가 코드를 분석하고 타입 체크를 수행할 수 있어, 타입 관련 에러를 사전에 방지할.. 2023. 6. 8.

재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해 주세요. 👩🏻‍💻 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해 주세요. 💁🏻‍♀️ 요약하자면 , 재귀 함수(Recursive function)는 자기 자신을 호출하는 함수입니다. 재귀 함수를 사용하면 반복적인 작업을 간단하고 효율적으로 처리할 수 있습니다. 재귀 함수를 사용하기 좋은 상황은 세 가지 정도로 이야기해볼 수 있을 것 같습니다. 1. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 하위 문제의 해결이 상위에 있는 문제 해결에도 이어지는 경우 재귀 함수를 사용할 수 있습니다. 예를 들어, 피보나치 수열의 n번째 수를 구하는 문제가 있다고 했을 때, 피보나치 수열의 n번째 수는 n-1번째 수와 n-2번째 수를 합한 값이므로, 몇 번째 수를 구하든 동일한 구조의 작은 문제로 나눌.. 2023. 5. 9.

Promise의 기능과 필요한 이유에 대해서 설명해 주세요. 👩🏻‍💻 Promise의 기능과 필요한 이유에 대해서 설명해 주세요. 💁🏻‍♀️ 프로미스란, 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 말합니다. 프로미스가 필요한 이유는 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용합니다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 API를 활용하는데, API가 실행되어 데이터를 받아오기도 전에 데이터를 다 받아온 것처럼 화면에 데이터를 표시하려고 하면 오류가 발생하거나 빈 화면이 뜹니다. 이때 문제를 해결하기 위한 방법이 프로미스입니다. 즉, 쉽게 말하자면 프로미스는 최종 결.. 2023. 4. 10.

순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해 주세요. 👩🏻‍💻 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해 주세요. 💁🏻‍♀️ 요약하자면 , 순수함수란 사이드 이펙트가 없는 함수, 즉 함수의 실행이 외부에 영향을 끼치지 않는 함수를 뜻하고, 입력으로 전달된 값을 수정하지 않는 불변성을 가지고 있습니다. 따라서 순수함수는 어떠한 전달인자가 주어지더라도 항상 똑같은 값이 리턴됨을 보장합니다. 사이드 이펙트란? 함수의 입력 외에도 함수의 결과에 영향을 미치는 요인 입니다. 대표적으로 네트워크 요청, API 호출이 Side Effect입니다. 순수함수 개념이 중요한 이유는? 사이드 이펙트를 줄이고, 모듈화 수준을 높이는 함수형 프로그래밍의 특징, 즉 순수함수는 평가 시점이 무관하다는 특징으로 인해 효율적인 로직을 구성할 수 있습니다. 데이터의 .. 2023. 4. 10.

JavaScript의 스코프에 대해 설명해 주세요. 👩🏻‍💻 스코프에 대해서 설명해 주세요. 💁🏻‍♀️ 요약하자면 , 스코프는 변수에 접근할 수 있는 범위를 의미합니다. 자바스크립트 스코프에는 두 가지 타입이 있는데, 하나는 global(전역)과 local(지역) 입니다. 두 가지 차이 전역 스코프는 말그대로 전역에 선언되어있어 어느 곳에서든 해당 변수에 접근할 수 있다는 의미이며, 지역 스코프는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에서는 접근할 수 없다는 의미 입니다. 함수 스코프 자바스크립트에서는 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하는데요. 이때 함수 몸체 안에서 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있으며 이를 함수 스코프라고 합니다. 바로 함수 스코프가 지역 스코프의 예시라고 할 수 있습니다. 중요한.. 2023. 3. 13.

CSS box model에 대해서 설명해 주세요. 👩🏻‍💻 CSS box model에 대해서 설명해 주세요. 💁🏻‍♀️ 요약하자면 , HTML 요소는 박스 영역의 형태로 되어 있는데, 이를 디자인적으로 표현하기 위해 box model 이라는 명칭을 붙여 놓은 것입니다. 이 박스는 content, padding, border, margin 총 4가지 요소로 구성됩니다. Content 요소의 텍스트나 이미지 등 HTML 태그 사이에 담긴 내용이 표현되는 영역입니다. width, height 프로퍼티를 갖습니다. Padding 테두리 안쪽에 위치하는 요소의 '내부 여백' 영역이며, border와 content 사이에 위치합니다. 기본적으로 투명색입니다. Border 테두리 영역으로, 박스의 경계를 표시하는 역할을 합니다. Margin 테두리 바깥에 위치하는 .. 2023. 3. 13.

이전 1 다음

티스토리툴바