매일메일

CSS FlexBox와 Grid의 차이점에 대해서 설명해주세요.레이아웃의 차이. Grid 의 경우 하나의 row 에 몇개를 넣을건지의 방식. flexbox 는 비율로 처리하는거로 이해함Flexbox 는 1차원 레이아웃 Grid는 2차원 레이아웃 속성Flexbox 는 r

프론트엔드 E2E 테스트에 대해서 설명해주세요. e2e 테스트란 end to end 테스트로 개발물을 사용자 관점에서 테스트 해보는 방식이다. 실질적인 유저 시나리오를 점검해볼 수 있으며 애플리케이션의 전체 흐름을 확인할 수 있다.안의 기술보다는 실제 사용자가 어떤 방

이미지 크기가 클 경우 렌더링 속도가 느려질 텐데, 이를 개선하기 위한 방법들을 설명해주세요.이미지 태그의 옵션을 통한 lazyloading 처리를 통해 개선이 가능함. 사용자가 보고있는 페이지의 이미지만 먼저 표시하고 사용자가 실제로 해당 위치에 도달했을때만 로딩하게

낙관적 업데이트에 관하여 설명해주세요최근 업데이트가 되기도 한 낙관적업데이트 방식은 가장 많이 예시로 드는것이 좋아요 시나리오다.좋아요를 유저가 누르고, 해당 값에 대해 서버에서 판정 후 변경되는걸 기다리기에는 사용자가 보기에 꽤 오랜 시간이 걸리는 느낌이고 실제로도

자바스크립트는 싱글 스레드 언어인데, 어떻게 동시에 여러 작업들을 수행하나요?자바스크립트는 싱글 스레드로 한번에 한 작업씩 진행할 수 있지만 내부적인 동작을 통해서 마치 멀티 스레드처럼 여러가지 작업을 한번에 진행하는것 처럼 보인다. 여기에서 자주 쓰이는 방식이 문맥

타입스크립트의 타입과 인터페이스의 차이점을 설명해주세요. 타입과 인터페이스의 차이점은 const type name = {} interface name {}방식이라는 것으로만 생각난다. 이를 통해 생각나는건 변수로서 지정되느냐 아니면 선언되느냐의 차이 같긴 한데. . 사

시맨틱 마크업이란 무엇이며, 왜 중요한가오늘의 질문은 알지 못하는 질문. 답변 불가시맨틱 마크업은 HTML 요소를 사용하는 방식으로, 요소의 의미를 잘 나타내도록 작성하는 방식이다. <div> <span> 이 아닌 <header> <footer>

undefined와 null 의 차이점에 대해서 설명해주세요 서버단에서 내려주는 null 은 값이 없음을 뜻하지만 undefined는 어떤 문제로 찾을수 없음에 가깝다두개의 오류 방지를 위해 타입을 명확히 하거나, 옵셔널 체이닝으로 방어하는 방법이 있다두개 모두 '값이

useEffect가 호출되는 시점에 대해 설명해 주세요.useEffect 는 마운트 언마운트 업데이트시에 실행된다고 볼 수 있을 것 같다. 의존성 배열을 주어 의존성 값이 변경되었을때 실행할 수 있는데 해당 배열을 주지 않으면 최초 실행시에만 작동한다. 또한 언마운트시

자바스크립트 Promise에 대해서 아는 대로 설명해주세요. Promise 란 약속이라는 이름에 맞게 어떤 동작을 걸어두었을때 수행해주는 방식이다. promise 함수라고도 불리며 동작에 따라 pending resolve reject 의 상태를 확인할 수 있다. 동작중

ES6에 대해서 아는 대로 설명해 주세요.ES6 는 자바스크립트 국제 표준버전이다. ECMAScript 라고도 불리며 자바스크립트의 버전이라고 보면 될 것 같다.ES6의 경우 현재까지도 사용되는 최신 자바스크립트 문법이 대거 추가되었는데 let과 const 키워드 ,

CORS(Cross-Origin Resource Sharing) 은 무엇이며 왜 필요한가 교차출처공유 검증에 관련된 정책이다. 프론트엔드나 백엔드로 서로 연결을 시도했을때 가장 많이 보는 오류 중 하나일것이다.출처가 같은지를 검사하는 대표적인 로직이라고 봐야 할 것 같

리액트 동시성 모드 (Concurrent Mode) 에 대해서 설명해주세요리액트 동시성 모드는 처음들어본것 같다. 기능을 들으면 알 것 같기도한데. 기본적으로 낯선 단어인듯..? 리액트의 동시성 모드는 여러 작업을 비동기적으로 동시에 처리하면서도 중간에 더 중요한 작업