네이버제트

다소 면접질문이 추상적이고, 친절한 편은 아니었던 것 같네요..! 하지만 그런상황에서 면접자로써 답변을 드려본다면 저는 다음과 같이 드렸을 것 같습니다. HTML5, CSS3를 통해서 디자인을 보고 동일하게 마크업 작업을 진행할 수 있습니다. 시맨틱 마크업을 지향하기에, 단순히 div로 마크업을 하기보다는 의미론적인 태그를 최대한 사용하고자 노력하고 있습니다. 또한 CSS를 이용하여, 스타일링을 할 수 있고, Media Query, Flex, Grid 레이아웃을 통해 반응형 대응도 처리할 수 있습니다. 크리티컬 렌더링 패스를 알고 있으며, 최대한 Layout, Paint를 일으키는 요소를 파악하여, top, left와 같은 요소를 transform으로 처리하는등 렌더링 최적화를 위해 노력중입니다. Javascript의 경우에는 기본적인 자바스크립트의 문법과 동작방식에 대해서 알고 있습니다. 화면을 구성하기 위해 주어진 데이터를 효율적으로 가공할 수 있고, 데이터를 가공할 때는 불변성이라는 측면을 고려하여, 원본이 손상되지 않도록 코드를 작성하고자 하고 있습니다. 또한 디자인 패턴을 이용하여, 코드를 효율적으로 관리할 수 있도록 상황에 맞는 패턴을 차용하여 코드를 작성하고 있습니다. 최근에는 리팩터링 책에서 배웠던 교훈을 코드로 녹아내기 위해 코드를 작성할 때는 테스트 코드를 작성한 다음, 테스트 코드를 돌리면서 리팩토링을 진행합니다. 작성한 코드에 다형성을 입혀내는등 개선을 위해 다양한 시도를 하고 있습니다. 타입 안정성이라는 측면을 위해 타입스크립트도 공부하였고, 실무에서 사용할 정도의 숙련도를 가지고 있습니다. 이런식으로 답변을 드리지 않을까 싶습니다. 물론 꼬리잡기를 할수 있지만, 일부러 확실히 답변을 할수 있는 키워드를 노출시켜 원하는 방향으로 면접을 끌고 가도 좋을 것 같네요!!:) 도움이 되셨으면 좋겠습니다! 감사합니다.

다음과 같이 처리가 가능할 것 같습니다. Array.slice는 브라우저 호환성 측면에서도 안정적이기에 보다 호환성적인 측면에서는 폭넓게 사용가능 할 것 같습니다. 다만, slice 자체가 반환하는 값이 요소의 값이 아니라 마지막 요소의 값을 담은 배열을 반환하다보니, 구조분해할당과 같은 문법을 쓰거나 인덱스로 접근해야 값을 얻을 수 있을 것 같습니다.