💬 기술면접

오늘 기술면접 준비 🤔오늘의 질문 1 29. Array, LinkedList에 대해 설명해주시고 각각 어떻게 사용하는지 말씀해주세요. 🙋내가 생각한 답변 배열(Array) 배열은 연속된 메모리 공간에 동일한 데이터 타입의 원소를 순서대로 저장하는 자료구조입니다. 각 원소는 인덱스를 통해 접근 가능하고 인덱스 번호로 원하는 위치의 원소에 빠르게 접근할 수 있습니다. 배열은 인덱스를 사용한 빠른 접근이 필요하거나 크기가 고정된 경우에 적합합니다. 연결 리스트(LinkedList) 각 노드가 데이터와 다음 노드를 가리키는 링크로 이루어진 구조입니다. 각 노드는 메모리 어디에나 저장될 수 있으며, 물리적으로 연속되지 않은 메모리에 데이터를 저장합니다. 검색 시에는 처음부터 순차적으로 찾아야 하므로 배열보다 느릴..

오늘 기술면접 준비 🤔오늘의 질문 1 27. 프론트엔드 성능최적화를 위한 방법이 있다면 말씀해주시고 그 중 프로젝트에서 활용한 경험이 있다면 설명해주세요. 🙋내가 생각한 답변 불필요한 데이터를 제거해서 최소화를 합니다. 개발자도구 Lighthouse를 통해서 페이지 별 성능 이슈를 식별하고 최적화 작업을 수행 할 수 있습니다. 프로젝트를 경험하면서 코드에서 공백, 주석, 사용하지 않는 코드 등과 같이 불필요한 데이터를 제거해서 최소화한 적이 있습니다. Lighthouse 기능을 사용해서 성능을 측정하고 문제점과, 해결방안을 토대로 수정하여 성능을 개선시킨 경험이 있습니다. ✅답변 Keyword 및 모범답안 🤔오늘의 질문 2 28. Javascript event loop에 대해서 설명해주세요. 🙋내가 생각..

오늘 기술면접 준비 🤔오늘의 질문 1 25. 이미지 최적화에 대해 설명해주시고 방법에 대해 설명해주세요. 🙋내가 생각한 답변 img 태그 사용을 하고 alt를 항상 적어줍니다. 이미지 최적화를 통해서 Webp 같은 작은 크기의 이미지 사용을 합니다. srcset을 활용하여 사용자 화면 너비에 따라서 서로 다른 이미지를 제공할 수 있습니다. ✅답변 Keyword 및 모범답안 🤔오늘의 질문 2 26. 프론트엔드 개발 시 개발자 도구를 활용한 경험이 있다면 설명해주세요. 🙋내가 생각한 답변 Elements 탭에서 HTML, CSS를 요소 검사를 통해서 수정한 경험이 있습니다. Performance 탭에서 HTTP 요청과 응답의 상태를 확인했습니다. Console 창에서 코드를 실행하거나 console.log ..

오늘 기술면접 준비 🤔오늘의 질문 1 23. 자바스크립트와 타입스크립트의 차이, 장/단점에 대해 설명해주세요. 🙋내가 생각한 답변 자바스크립트는 동적 타이핑 언어로 변수의 타입을 명시적으로 지정하지 않아도 되므로 빠르게 코드를 작성할 수 있습니다. 장점은 쉽고 유연한 문법으로 초보자도 쉽게 배울 수 있습니다. 단점은 런타임에서 타입 오류를 발견하기 어려워 버그가 발생 시 유지 보수가 어려울 수 있습니다. 타입스크립트는 정적 타이핑 언어로 변수의 타입을 명시적으로 지정하여 런타임에 타입 오류를 미리 방지할 수 있습니다. 장점은 코드의 안정성을 높여줍니다. 단점으로는 자바스크립트보다 학습이 어려울 수 있습니다. ✅답변 Keyword 및 모범답안 🤔오늘의 질문 2 24. SEO란 무엇이고 SEO를 진행하는 방..

오늘 기술면접 준비 🤔오늘의 질문 1 21. react 클래스형과 함수형의 차이를 설명해주세요. 어떤 방식을 주로 사용하였고 그 이유가 뭔지 답변해주세요. 🙋내가 생각한 답변 [클래스형 컴포넌트] 클래스형 컴포넌트는 코드 안에 라이프사이클 기능과 state 기능이 구현이 가능합니다. render 함수가 필수적으로 사용되어야 합니다. [함수형 컴포넌트] 함수형 컴포넌트는 hook을 사용하여 라이프사이클 기능과 state 기능을 구현할 수 있습니다. 저는 험수형 컴포넌트를 사용하고 있습니다 클래스형에 비해 컴포넌트가 간결하고 가독성이 뛰어납니다. 리액트 공식 사이트에서도 함수형 컴포넌트 사용을 권장합니다. 상태나 생명주기를 관리하기 위한 hooks을 쉽게 사용 가능하고, 불변한 데이터를 다룰 수 있습니다. ..

오늘 기술면접 준비 🤔오늘의 질문 1 19. 라이프사이클이 의미하는 바에 대해서 설명해주세요. 🙋내가 생각한 답변 리액트에서 라이프사이클은 컴포넌트가 생성되고 업데이트되며 제거되는 일련의 단계 라이프사이클 단계를 이해하면 컴포넌트가 언제 어떤 작업을 수행하는지를 파악할 수 있습니다 마운트 (Mount) > 업데이트 (Update) > 언마운트 (Unmount) ✅답변 Keyword 및 모범답안 🤔오늘의 질문 2 20. 라이프사이클 메소드에 대해 설명해주세요. 🙋내가 생각한 답변 컴포넌트 생성 단계 ( Mount ) constructor(): 컴포넌트가 처음 만들어질 때 호출되며, 초기 설정을 수행합니다. render(): 컴포넌트의 UI를 렌더링합니다. componentDidMount(): 컴포넌트가 화..

오늘 기술면접 준비 🤔오늘의 질문 1 17. TCP/UDP에 대해서 설명해주세요. 🙋내가 생각한 답변 TCP (Transmission Control Protocol) : 전송 제어 프로토콜 인터넷을 통해 디바이스에서 웹 서버로 데이터를 전송하는 네트워크 프로토콜입니다 TCP/IP 프로토콜이라고 불리기도 합니다 메신저 채팅, 이메일, 웹을 검색할 때마다 TCP 프로토콜을 사용합니다. TCP는 데이터를 주고받을 때 안전하게 대화하듯이 송신과 수신 사이에 안전한 연결을 설정합니다. 데이터가 정확하게 도착하고 순서가 지켜지며 첫 번째 전송이 실패한 경우 재전송을 다시 시도할 수 있습니다. 단점으로는 상당히 많은 대역폭을 사용하며 전송 중에 소량의 데이터라도 손실되면 TCP는 다른 정보를 로드하지 못할 수 있습니..

오늘 기술면접 준비 🤔오늘의 질문 1 15. 쿠키, 세션, 웹스토리지의 차이를 설명해보세요 🙋내가 생각한 답변 [쿠키] 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다. 작은 데이터 조각을 클라이언트의 브라우저에 저장하여 정보를 유지하거나 추적합니다. 사용자가 따로 요청하지 않아도 모든 HTTP 요청에 자동으로 포함되어 서버로 전송됩니다. [세선] 사용자의 상태를 서버 측에서 유지하기 위해 사용됩니다. 서버에서 클라이언트를 구분하기 위해 세션 ID를 부여하고 브라우저가 서버에 접속해서 브라우저를 종료할 때까지 인증상태를 유지합니다. 데이터는 클라이언트로 직접 전송되지 않고, 세션 ID만이 쿠키를 통해 전송됩니다. [웹스토리지] 로컬스토리지, 세션 스토리지 2가지가 있다. 클라이언트 측에서 데..