본문 바로가기

코딩

 (56)
"당신의 서비스가 갑자기 멈출 수 있습니다": 면접에서 깨달은 API 쿼타의 함정 🎯 면접에서 받은 깨달음어느 날 면접을 보러 갔는데 감사하게도 제 프로젝트, 포트폴리오, 블로그 글을 모두 살펴봐주신 면접관님을 만나게 되었습니다.그때 받은 질문 하나가 아래와 같습니다.🧑🏻‍💻면접관: 제가 프로젝트를 다 살펴보았는데요. 날씨 앱에 아주 치명적인 문제가 있습니다. API는 많이 호출하면 호출할수록 서버 부하가 올 수 있기 때문에 정해진 쿼타가 있습니다. 그 쿼타의 존재를 알고 있었나요?👩🏻 : ...몰랐습니다. 🧑🏻‍💻면접관: 쿼타가 있기 때문에 많은 트래픽이 발생한다면 서비스가 멈출 수 있는 아주 위험한 상황이 올 수 있어요. 그 문제점을 이제라도 알게 되었으니 어떻게 수정할 생각인가요? 이미 답을 알고 있을 테니 한 번 생각해 보고 말해주세요.👩🏻 : ...로컬스토..
매일메일) 45, 46, 47 문제 요약 오늘의 문제 1.자바스크립트에서 어떻게 호이스팅이 가능한지에 대해서 설명해주세요. 키워드) 컴파일 단계, 실행 단계더보기자바스크립트 엔진이 코드를 실행하기까지 컴파일 단계와 실행 단계 두 단계를 거치기 때문입니다. 컴파일 단계에서 함수와 변수 선언이 메모리에 먼저 할당되고, 실행 단계에서 실제 코드가 실행됩니다. 여기에서 변수가 할당된 값을 가지게 되고, 함수가 호출되면 그 안의 코드가 수행됩니다. 이를 통해 코드 내에서 선언 위치와 상관없이 변수를 사용할 수 있는 호이스팅이 가능한 것입니다.오늘의 문제 2.useEffect와 useLayoutEffect의 차이점에 대해서 설명해주세요. 키워드) 실행 타이밍, 비동기 vs 동기, DOM 업데이트 시점더보기`useEffect`와 `useLayoutEffec..
매일메일) 31, 32, 33 문제 요약 오늘의 문제 1.자바스크립트 호이스팅(Hoisting)에 대해서 설명해주세요. - 호이스팅은 변수와 함수가 초기화되기 전에 메모리 상에 먼저 올라가있는 상황을 말하며, 그렇기 때문에 마치 위로 끌어올려진 것처럼 보입니다.- 변수 호이스팅은 `var`의 경우 함수 레벨 스코프를 가지고 있고 `undefined`로 초기화되어 호이스팅이 명확하게 관찰됩니다.`let`과 `const`도 호이스팅이 발생하지만 TDZ에 머무르기 때문에 초기화 전에 참조하면 에러가 발생하여 호이스팅이 발생하지 않는 것처럼 보입니다.- 함수 호이스팅에서는 함수 선언식이 전체가 호이스팅됩니다. 반면 함수 표현식과 화살표 함수는 변수 호이스팅과 동일하게 동작하므로, 변수 선언만 호이스팅되고 함수 내용은 호이스팅되지 않습니다. TDZ(Te..
매일메일) 20, 21, 30 문제 요약 오늘의 문제 1.인터넷 창에 www.google.com를 입력하면 무슨 일이 일어나는지 설명해주세요. - DNS 조회 -> TCP 연결 수립 -> HTTP 요청 -> 서버의 응답 -> 브라우저 렌더링 파이프라인- 브라우저에 주소를 입력하면 DNS 조회로 도메인을 IP 주소로 변환하고, TCP 3-way handshake로 연결을 수립합니다. 그다음 HTTP/HTTPS 요청을 보내고 서버로부터 HTML, CSS, JS 등의 응답을 받은 후, 브라우저 렌더링 파이프라인을 통해 화면에 웹페이지를 표시합니다. DNS 조회"구글이 어디에 있는지 주소록에서 찾기"www.google.com → 142.250.196.142 (실제 주소) 변환TCP 연결"구글 회사에 전화 걸어서 연결하기"TCP(Transmission..
매일메일) 17, 18, 19 문제 요약 오늘의 문제 1.리액트의 Controlled Component와 Uncontrolled Component의 차이점에 대해서 설명해주세요. - Controlled Component는 리액트 state로 입력값을 관리하는 방식이고, Uncontrolled Component는 DOM에서 직접 입력값을 관리하는 방식입니다. Controlled는 실시간 검증이 필요한 복잡한 폼에, Uncontrolled는 단순한 폼에 적합합니다. - Controlled Component는 리액트 state로 입력값을 관리하는 방식으로, useState와 onChange 이벤트를 통해 값을 제어합니다. 입력할 때마다 상태가 업데이트되어 실시간 검증이 가능하지만 리렌더링이 발생합니다.Uncontrolled Component는 DOM..

티스토리툴바