기본적인 개념의에 대한 명칭을 까먹어가지고, 이번 면접에서 아는 개념임에도 불구하고 명칭을 까먹어 버려가지고, 대답을 너무 많이 못했다. 이김에 한 번 싹 정리하고, 면접 보기 전에 한 번 보고 갈려고 정리하고자 한다. 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)은 이벤트 처리에서 발생한 이벤트가 해당 요소에서 시작하여 상위 요소로 전파되는 현상을 말합니다. 즉, 하위 요소에서 발생한 이벤트가 부모 요소, 그리고 부모 요..

Android:오류해결] The emulator process for AVD has terminated Android 스튜디오에서 에뮬레이터를 실행하려는 도중 다음과 같은 오류가 발생했다. 다음과 같은 문제를 일어나는 경우를 찾아 보니 크게 3가지로 추릴 수 있다. 1. 툴 프로그램 미설치 2. 환경 변수 관련 문제 3. 용량 문 1. 해당오류가 발생하는 이유는 다음과 같은 프로그램이 설치 되있지 않아서 이다. (오른쪽 상단 톱니 바퀴 모양 클릭 > System settings 클릭 > Android SDK 클릭 > 아래 나와 있는 툴들을 설치 해주자. - Android Emulator - Android SDK Platform-Tools - Intel x86 Emulator Accelerator (HAX..

React x Mobx - 참고할 저장소 코드: https://github.com/goodsosbva/react_redux/tree/main/redux-mobx 1. 리덕스 x 리액트 응용 방법 리덕스의 기본 원리는 다음과 같습니다: state -> dispatch: 적절한 dispatch 명령을 Action 함수에 받아들입니다. Reducer에서 해당 액션을 수용하여 state를 변경합니다 (prevState -> changedState). 생성 흐름은 다음과 같습니다: createStore: 스토어를 생성합니다. Reducer 생성: 상태 변경을 수행하는 리듀서를 생성합니다. 초기 state 설정: 스토어의 초기 상태를 설정합니다. state 생성: 리듀서와 초기 상태를 사용하여 상태를 생성합니다. ..

- 깃허브 디폴트 브랜치를 변경하고 싶을 때가 있다. - 사실 보통 master가 회복불가로 꼬였을 때다 으악~~!!!! - Settings 로 이동 - 왼쪽 상단에서 Branches 를 클릭 후 바꿀 브랜치명 변경 - Update 버튼 => 디폴트 브랜치가 변경된다. - 디폴트 변경 완료!

# 블로그 좀 살피다가 자식 => 부모로 보내는 부분을 잘못 설명 한거 같아 추가 설명 하고자 함. # props를 함수로 이용한다고 보기보다 콜백을 이용하여 props를 전달 한다는게 더 맞는 표현 같음. 일반적으로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달해야 할 경우에는 콜백 함수 (Callback Function)을 사용하게 됩니다. 다음은 콜백 함수를 통해 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하는 예시입니다 // 부모 컴포넌트 import React, { useState } from 'react'; import ChildComponent from './ChildComponent'; const ParentComponent = () => { const [messageFromChild..