[면접준비] 기술 면접 기초 11일차

쓰로틀링과 디바운싱의 개념과 사용하는 이유에 대해서 설명해주세요.

이벤트는 계속 일어나지만 함수는 한번만 호출되는 경우가 있는데 이처럼 짧은 시간 간격으로 연속해서 발생한 이벤트들을 일정시간 단위(delay) 로 그룹화하여 처음 또는 마지막 이벤트 핸들러만 호출되도록 하는 것을 쓰로틀링이라고 합니다.

예를 들어 버튼을 막 누르는데 누르는대로 동작하지 않는 경우가 쓰로틀링에 해당한다고 볼 수 있습니다. 이러한 쓰로틀링 방식을 사용하는 이유는 특정 동작이 자주 발생하는 경우 이를 일정 주기로 제한하여 브라우저의 부하를 줄이고 성능을 최적화 하기 위해 사용합니다. 이와 달리 짧은 시간 간격으로 연속해서 이벤트가 발생하면 이벤트 핸들러를 호출하지 않다가 마지막 이벤트로부터 일정시간(delay)이 경과한 후에 한번만 호출되도록 하는 것을 디바운싱이라고 합니다.

예를 들어 입력값 실시간 검색 및 화면 resize 이벤트와 같은 것들이 디바운싱에 해당한다고 볼 수 있습니다. 이러한 디바운싱 방식을 사용하는 이유는 특정 동작에 대한 이벤트 핸들러가 자주 호출되더라도 마지막 이벤트 후 지정된 시간이 경과할 때까지 기다려 한번만 실행되도록 만듬으로서 사용자 경험을 향상시키기 때문입니다.

---

자바스크립트와 타입스크립트의 차이, 장/단점에 대해 설명해주세요.

자바스크립트와 타입스크립트의 차이점은 크게 2가지로 정리할 수 있는데 먼저, 타입 시스템의 유무 입니다. 자바스크립트에서 변수의 타입은 런타임에 결정되는 반면,타입스크립트에선 변수의 타입을 선언하고 컴파일 과정에 타입을 검사합니다.

두번째로 컴파일 과정의 유무 입니다. 자바스크립트는 별도의 컴파일 단계가 없이 직접 브라우저에서 실행되는 반면에,타입스크립트는 컴파일러를 통해 자바스크립트 코드로 변환되어 실행됩니다. 각각의 장단점으로는자바스크립트는 변수의 타입을 런타임에 결정하기 때문에 코드 작성이 유연하며, 러닝 커브가 낮은 편입니다. 또한, 브라우저와 서버 사이드에서 모두 사용할 수 있는 범용 언어라는 장점을 가지고 있습니다.

다만, 런타임에만 오류를 확인할 수 있기 때문에 개발자가 코드를 작성할 때 타입 오류를 놓치지 쉽고 유지보수가 어려운 편이라는 단점이 있습니다. 타입스크립트는 변수의 타입을 미리 선언하고 컴파일러가 이를 검사하므로 개발자는 런타임 이전에 타입 오류를 발견할 수 있고 대규모 프로젝트에서도 유지보수가 용이하며, 코드의 안정성을 높일 수 있다는 장점이 있습니다. 다만, 자바스크립트 보단 러닝 커브가 높고 컴파일 단계를 거쳐 자바스크립트 코드로 변환되어야 하기 때문에 추가 작업이 필요하다는 단점이 있습니다.

---

SEO란 무엇이고 SEO를 진행하는 방법에 대해 설명해주세요.

SEO는 "검색 엔진 최적화"의 약자로, 웹페이지가 검색 엔진에서 높은 순위에 나타날 수 있도록 하는 프로세스입니다. 이를 통해 사용자가 검색 엔진에서 특정 키워드로 검색할 때 해당 웹페이지가 상위에 나타나게 함으로써 더 많은 유기적 트래픽을 유도할 수 있습니다.

SEO를 진행하는 방법으로는 우선 관련성 높은 키워드를 찾아내서 해당 키워드들을 사용자의 검색 의도에 부합하도록 선정해야합니다. 사실 이 과정이 가장 중요하다고 생각하는데요, 우리 서비스의 특징을 담은 키워드를 넣는 것이 중요하다고 느꼈습니다.

선정 후에는 내부 SEO 순서로 제목, 메타 태그, URL, 콘텐츠, 이미지들을 최정화합니다. 그런 다음 외부 SEO 순서로 신뢰성 있는 웹페이지 인식을 위해 백링크를 구축해야 합니다.그리고 꾸준히 기술적 최적화를 실시해야합니다. 이는 웹사이트 속도 최적화 및 모바일 최적화를 통해 사용자가 사용하기 편하고 자주 사용하고 싶게 만들어 우리 서비스를 꾸준히 이용할 수 있도록 해야하기 때문입니다.

Google Analytics 등을 이용해서 트래픽, 이탈율, 사용자 동작등을 모니터링하고 분석하면 좀 더 사용자에 대한 분석이 용이해 지기 때문에 분석을 통한 개선 또한 병행하면 좋다고 생각합니다.