Restful api에 대해서 설명하세요 REST API란 클라이언트와 서버간에 자원을 주고 받기위한 통신 방법을 정의한 아키텍처로 URL에 자원의 이름을 명시하고 해당 자원에 대한 행위를 http request method로 정의하여 CRUD 연산을 수행합니다. RESTful API란 REST API를 사용할 때 규칙을 잘 준수하고 있는지를 말합니다. 자원을 명사로 정의한다, 계층 구조를 슬래시를 사용해 표현한다, 자원에 대한 처리 방법은 URL에 명시하지 않고 request method로 정의한다, 언더스코어 대신 하이픈을 사용한다, 소문자를 사용한다 OAuth 에 대해 설명하세요 Oauth는 서비스 사용자들이 비밀번호를 제공하지 않아도 리소스 서버에서 제공하는 사용자 정보 접근권한을 인증 서버에 위..
분류 전체보기
기술 면접 질문 리스트 VanillaJS와 비교하여 리액트를 사용하는 이유에 대해 설명해주실 수 있을까요? 상태의 불변성이 중요한 이유가 무엇인가요? 라이프사이클이 의미하는 바에 대해서 설명해주세요. 1. VanillaJS와 비교하여 리액트를 사용하는 이유에 대해 설명해주실 수 있을까요? 답변: 바닐라 자바스크립트는 DOM 요소의 생성, 추가, 삭제등의 조작과 상태 변화등을 개발자가 명령형으로 제어하는 반면, 리액트는 React에게 UI를 어떻게 표현해야 할 지 알려주는 선언적 API를 제공해 UI 작성의 편리함을 제공합니다. 예를 들어, DOM의 잦은 변경은 리플로우, 리페인트의 발생으로 브라우저가 많은 연산을 수행하게 되어 웹 성능 저하의 원인이 됩니다. React는 메모리에 저장되는 실제 돔을 추상..
기술 면접 질문 리스트 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념과 장/단점을 설명해주세요. TCP/UDP에 대해서 설명해주세요. http와 https의 차이점에 대해 설명해주세요. 1. 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념과 장/단점을 설명해주세요.. 답변: CSR - 싱글 페이지 어플리케이션에서 사용되는 렌더링 방식으로 하나의 페이지만 요청하고 이후 페이지를 전환할 경우 자바스크립트 코드를 이용해 동적으로 UI를 변경한다. 하나의 페이지에서 자바스크립트 코드로 UI를 변경하므로 부드러운 움직임을 제공해 높은 사용자 경험을 제공한다. 단점으로 페이지 최초 방문 시 필요한 모든 리소스를 로드하므로 렌더링 속도 저하의 원인이 된다. 최초 로드 ..
기술 면접 질문 리스트 GET, POST 방식의 차이점에 대해서 설명해주세요. GET, POST의 개념과 함께 데이터 흐름에 대해서 설명해주세요. 쿠키, 세션, 웹스토리지의 차이에 대해 설명해주세요. 1. GET, POST 방식의 차이점에 대해서 설명해주세요. 답변: GET은 http 요청 시 데이터를 URL의 요청 파라미터로 전송합니다. 이로 인해 민감한 정보를 포함하는 것을 지양해야 합니다. 리소스에 대한 읽기를 수행하는 요청 메서드이며, 멱등성을 보장하는데 이는 항상 동일한 요청에 대한 동일한 응답을 반환한다는 의미입니다. 이러한 특성으로 인해 응답 데이터의 캐싱이 가능해 서버로 요청하지 않고 캐시를 사용합니다. POST는 요쳥 데이터를 본문에 담아 전송합니다. 요청을 탈취당하지 않는 한 비교적 안..
21년 11월 여의도 소재의 회사에 취직해 22년 11월에 퇴사한 2년 차 개발자입니다. 1년이라는 시간동안 정말 열심히 일했지만, 제대로 된 프로젝트가 아니었기 때문에 이를 어떻게 이력서에 녹여낼지, 프로젝트 경험을 어떻게 풀어내야 할지 고민들로 인해 모든것이 막막했습니다. 그래서 구직 의욕도 사라지고, 아무것도 하고 싶지 않았습니다. 그러던 중 우연히 취업 리부트 코스에 대해 알게되었고, 장기화된 공백을 메꿀 수 있는 프로젝트가 필요했던 시점이 이었기에 재취업을 위한 절호의 기회라 생각하였고 코스 등록까지 오랜 시간이 걸리지 않았습니다. 항해 99 취업 리부트 코스에서 진행된 멘토링은 어땠나요? 알고리즘 주차에는 주에 2~3회 정도 팀 별 지정 멘토님의 문제 풀이가 진행되었고, 이에 그치는 것이 아닌..
💡 상태? 웹 애플리케이션의 시간이 지남에 따라 혹은 상호작용에 의해 변화할 수 있는 데이터 상태관리? - 유저와의 상호작용을 위해, 상태를 조작하고 다루는 모든 작업 상태관리가 중요한 이유? - 상태관리는 컴포넌트의 불필요한 리렌더링을 방지하고 의도하지 않은 UI/UX를 방지하며 앱의 유지보수성을 높입니다. 과거 jQuery를 사용하던 시절 데이터 속성(dataset)을 이용해서 상태관리를 수행했는데, DOM 중심의 상태 관리로직을 구성하게 되므로, 상태 변화의 추적이 어렵다는 단점이 존재합니다. dataset 추후, SPA 프레임워크 앵귤러, 뷰, 리액트의 등장으로 DOM 접근 없이 데이터가 변경되면 출력도 자동으로 변경되도록 처리가 가능해졌으며, 데이터 중심의 상태관리 로직의 구성이 가능해지고 이는..
기술 면접 질문 리스트 Javascript의 호이스팅에 대해 설명해주세요. 동기와 비동기의 차이에 대해 설명해주시고 비동기프로그래밍의 필요성에 대해 답변해주세요. 브라우저의 작동방식에 대해서 설명해주세요 1. Javascript의 호이스팅에 대해 설명해주세요. 답변: 자바스크립트의 식별자가 마치 현재 스코프의 최상단으로 끌어올려진 것 처럼 동작하는 것을 호이스팅이라 합니다. var, let, const 키워드 모두 호이스팅이 발생하지만, let과 const는 호이스팅 되지 않는 것 처럼 동작합니다. 그 이유로 var 키워드는 선언과 초기화가 동시에 일어나 undefined가 할당되기 때문에 선언문 이전에 변수 참조 시 에러가 발생하지 않습니다. 반면, let과 const는 선언과 초기와 단계가 분리되어 ..
기술 면접 질문 리스트 ‘==’와 ‘===’ 연산자의 차이는 무엇인지 설명해주실 수 있을까요? 데이터 10,000개를 가지고 무한 스크롤 구현시에 가장 중요하게 고려해야 할 점은 무엇인가요? JSX란 무엇인가요? 1. ‘==’와 ‘===’ 연산자의 차이는 무엇인지 설명해주실 수 있을까요? 답변: 둘 다 비교 연산자로 각각 동등 연산자와 일치 연산자라고 합니다. 동등 연산자는 좌항과 우항의 피연산자를 비교하여 타입이 다르더라도 암묵적 형 변환 후 같은 값이라면 true를 반환합니다. 일치 연산자는 암묵적 형 변환을 허용하지 않으며 각 피연산자의 타입이 같아야하며 값도 동일해야 true를 반환합니다. 2. 데이터 10,000개를 가지고 무한 스크롤 구현시에 가장 중요하게 고려해야 할 점은 무엇인가요? 답변:..
