1부에 이어서 써가려고 한다. 물어볼만한 질문을 답하는 형식으로 똑같이 진행할 것. 1. 질문) 프로토타입에 대해 설명해주세요. 2. 답변) 객체를 생성할 때, 해당 객체의 프로토타입으로서 동작하는 객체를 설정할 수 있습니다. 객체는 프로토타입으로부터 속성과 메서드를 상속받으며, 자신이 가지지 않은 속성이나 메서드를 프로토타입으로부터 찾을 수 있습니다. 이를 프로토타입 체인(Prototype Chain)이라고 합니다. 객체의 프로토타입은 __proto__라는 내부 속성으로 연결되어 있습니다. ES6(ES2015)부터는 Object.getPrototypeOf()와 Object.setPrototypeOf() 메서드를 사용하여 프로토타입을 다루는 더 쉬운 방법을 제공합니다. 자바스크립트에서 객체의 프로토타입은..

기본적인 개념의에 대한 명칭을 까먹어가지고, 이번 면접에서 아는 개념임에도 불구하고 명칭을 까먹어 버려가지고, 대답을 너무 많이 못했다. 이김에 한 번 싹 정리하고, 면접 보기 전에 한 번 보고 갈려고 정리하고자 한다. 1. 질문) 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? 1. 답변) 브라우저 주소창에 www.google.com을 입력하면 다음과 같은 일련의 과정이 발생합니다: ㅇ DNS 조회: 브라우저는 입력한 주소인 "www.google.com"을 IP 주소로 변환하기 위해 DNS(Domain Name System) 서버에 쿼리를 보냅니다. DNS는 도메인 이름을 해당 도메인의 IP 주소로 매핑하는 역할을 합니다. ㅇ IP 주소 얻기: DNS 서버는 "www.go..

문제의 의도를 직적접으로 묻지 않고, 코드나 상황이 주어지고, 의도를 알아채고 답변하는 형식으로 코딩 테스트 문제가 주어졌음. 문제는 정확히 기억 안나기에 문제를 예를 들어 설명은 못하겠고, 알아야 했던 개념을 뒤늦게 몇 개 떠올려서 다시 정리해보는 포스팅임 1. 버블링 console 찍는 값으로 e.target.focus, e.currentTarget.focus 를 value로 받는 두 버튼을 받는 부분인 문제가 있었음. 코드를 보고 의도도 모르고 주저리주저리 말했었는데 알고보니 버블링 관련 문제 였음. * 버블링이란? 버블링(Bubbling)은 이벤트 처리에서 발생한 이벤트가 해당 요소에서 시작하여 상위 요소로 전파되는 현상을 말합니다. 즉, 하위 요소에서 발생한 이벤트가 부모 요소, 그리고 부모 요..

index.html index.js import App from './App.js'; new App({$target: document.querySelector('.App')}); App.js import Header from './components/Header.js'; import HomePage from './page/HomePage.js'; import SignupPage from './page/SignupPage.js'; import {setPersonalInfo} from './components/Storage.js' class App { constructor() { this.$body = document.body; this.render(); } async render() { const head..

Using multipart/form-data format FormData To send the data as a multipart/formdata you need to pass a formData instance as a payload. Setting the Content-Type header is not required as Axios guesses it based on the payload type. const formData = new FormData(); formData.append('foo', 'bar'); axios.post('https://httpbin.org/post', formData); axios를 이용해서 헤더에 이진데이터를 이용할때는 멀티파트라는 개념이 있다. 이것을 이용해서 보내..

Ajax와 Axios는 모두 JavaScript의 HTTP 요청을 처리하기 위한 라이브러리입니다. 그러나 Ajax는 기존에 사용되던 웹 개발 기술이고, Axios는 최근에 개발된 라이브러리입니다. Ajax는 Asynchronous JavaScript and XML의 약자로, 비동기적으로 서버와 데이터를 교환하기 위해 사용됩니다. Ajax를 사용하면 웹 페이지가 새로 고침되지 않고도 서버와 데이터를 주고받을 수 있습니다. 이를 통해 웹 페이지의 성능을 향상시키고, 보다 동적이고 인터랙티브한 사용자 경험을 제공할 수 있습니다. Ajax는 JavaScript와 XML을 주로 사용했지만, 최근에는 XML 대신 JSON을 더 많이 사용합니다. Axios는 현대적인 JavaScript 라이브러리로, Ajax와 비슷..