Jieunny의 블로그

➰ 16일차 기술면접 준비하다가 JS 비동기 처리 이해하는게 너무 어려워서 블로그에 정리했다. 여러번 읽어도 이해하기 어렵고, 블로그에도 이렇다 저렇다 말이 많아서 필요할때마다 찾아보려고 따로 정리한건데 내용이 생각보다 방대해서 힘들었다.. 오늘은 세번째 페어분과 마지막 날이었는데 오늘 문제풀이도 잘 끝난 것 같다. 커뮤니케이션에 적극적은 페어분을 만나 즐겁게 진행했던 것 같다. 페어가 또 바뀌겠지... 내일은 드디어 주말 주말엔 쉬어야지

📌 기술 면접 질문에 대해 알아보다가 내용이 많아서 따로 정리 📣 동기적 처리 & 비동기적 처리✔️ 동기적 처리 : 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 실행할 수 있다. ✔️ 비동기적 처리 : 서버에서 요청을 보냈을 때 응답 상태와 상관없이 다음 동작을 실행할 수 있다.📣 자바 스크립트는 어떤 언어인가?✔️ 자바스크립트는 싱글 스레드 언어(동기적 일 처리) ✔️ 하나의 힙 영역과 하나의 콜 스택을 가진다. (한번에 하나의 일 밖에 못한다는 의미)function SignThreadTest() { console.log(1); for( let i=0; i { console.log('하나'); // 실패인 경우 reject() 함수를 호출하면 된다. // 그러면 then()을 건너뛰고 cat..

➰ 15일차 기술면접 준비 + 페어활동 페어분이 이해도 빠르시고 문제도 잘 푸셔서 4시간 예정이었는데 1시간 반만에 끝냈다~ 열심히 설명했는데 빠르게 이해하시는 거 같아서 다행이다. 벌써 unit10 까지 한번 훑어서 개인 공부 하고 있는데 코딩테스트 준비를 할지, 계속 기술면접 준비를 할지 고민이다. 둘 다 내가 싫어하는 거😡 뭐 하는게 맞지..

📣 기술 면접 질문에 대한 답변을 미리 준비해보자. 📌 HTML ✔️ 브라우저의 렌더링 원리에 대해 설명해주세요. 더보기 ➰ 브라우저는 렌더링 엔진을 사용해서 요소들을 렌더링하며, 렌더링 엔진은 CRP 프로세스를 거칩니다. ➕ CRP란 무엇인가? ➰ Critical Rendering Path ➰ 문서를 화면에 표현하기 위해 거치는 일련의 과정입니다. 1️⃣ HTML, CSS를 각각 파싱 후 DOM Tree와 CSSOM Tree를 구축하고, js를 실행합니다. 2️⃣ DOM Tree와 CSSOM Tree를 결합해 렌더트리를 구축합니다. 3️⃣ 렌더트리의 각 노드가 가지는 위치와 크기를 계산합니다. (Layout 단계) 4️⃣ 계산한 위치와 크기를 기반으로 픽셀로 변환해 화면에 그립니다. (Paint 단계)..

➰ 14일차 오전 시간에는 기술 면접 질문 정리하고 오후 시간에는 페어 활동 + 실시간 세션 시간이었다. 오늘부터 또 새로운 페어분이랑 하는데 지금까지 만난 페어분들 보다 활발하신 분이라 재밌게 활동한 것 같다. 최대한 쉽게 설명해 드리고 싶었는데 잘 전달됬는지 모르겠다🥹 내일이랑 모레 있을 페어활동 때도 파이팅 해야지 기술 면접은 내가 제일 싫어하는건데... 내가 모르는 거 물어볼까봐 너무 긴장되고 평가받는 거 같아서 싫다. 프론트엔드 기술이 한두개도 아니고..😡 그래도 준비해야겠지.. 오늘 잠깐 보면서 느꼈는데 코드로 짤 수 있다고 해서 이론을 정확히 알고 있는 건 아니더라. 그리고 안다고 누군가에게 설명할 수 있는 것도 아니고. 기술 면접에 관한 질문을 많이 보면서 내용을 내걸로 만드는 게 제일 필..

📣 이벤트 객체 ✔️ 이벤트 : 클릭하거나 드래그 하는 일 📣 클릭에 따라 나오는 텍스트가 달라지는 브라우저 1️⃣ HTML 아메리카노 카페라떼 2️⃣ JS let menus = document.querySelectorAll("button"); //모든 버튼을 가져옵니다. let btnAmericano = menus[0]; let btnCaffelatte = menus[1]; for(let i=0; i