이론

1\. px, em, rem 의 차이에 대해 설명해주세요. css에서 길이를 다룰 때 상대 단위와 절대 단위로 구분되는데, <span style="background: rem 은 r은 root로 기준이 되는 폰트 크기 하나로 고정되어 최상위 엘리멘트(htm

1\. 웹 프로토콜에 대해 설명해주세요.웹에서 쓰이는 통신 규약입니다. 2\. ⭐ HTTP에 대해 설명해주세요.HTTP 는 Hyper Text Protocol 의 약자로 브라우저가 웹 서버와 통신을 하기 위해 사용하는 주요 프로토콜입니다. 즉, 인테넷에서 데이터를 주고

리액트 React에 대해 설명해주세요. React의 원리, 특징, 장단점이 무엇인가요? Virtual DOM 이 무엇인지 설명해주세요. Virtual DOM 작동 원리에 대해 설명해주세요. JSX에 대해 설명해주세요. 엘리먼트와 컴포넌트의 차이에 대해 설명해주세요. 리

자바스크립트 1. 자바스크립트는 무슨 언어인가요? 자바스크립트는 본래 스크립트 언어로 이미 존재하는 프로그램을 제어하기 위해 사용되는 언어입니다. 브라우저를 제어하기 위해 탄생한 언어입니다. 웹페이지에서 기본적인 구조를 HTML 이, 디자인을 CSS, 그리고 동작을 J

Recoil React에서 만든 상태 관리 라이브러리 ➡️ 사용 방법이 React의 useState와 매우 흡사 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 컴포넌트로 내려가는 data-flow graph 생성 atoms : 컴포넌트가 구독할

엄청 최근은 아니지만 redux 보다 recoil 보다 요즘은 react query 를 쓴다고 얼핏 듣기도 했고, 추천도 많이 받아서 이번 기회에 제대로 익혀보고자 한다.「if(kakao)2021 - 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유」

사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크로 표준 HTML, CSS, JS 를 기반으로 구축되고 컴포넌트 기반 프로그래밍 모델을 제공한다.선언적 렌더링 (Declarative Rendering) : 표준 HTML 을 템플릿 문법으로 확장하여 Jav

기본 설정의 옵션 API 에서 data 옵션을 사용하여 컴포넌트의 반응형 상태를 선언한다. 값은 객체를 반환하는 함수여야 한다. (return)이 객체 내 모든 속성은 해당 컴포넌트 인스턴스에서 최상위에 프락시 되어 노출된다.컴포넌트 인스턴스에 메서드를 추가하기 위해서

Flutter Doctor콘솔에서 Flutter 설치 상태에 대해 알려주고 필요한 항목들을 알려주는 tool이다.초록색 체크 박스 ✅ 가 되지 않는 오류들을 해결해보자!Android Studio > Settings > Languages & Framewroks > And

먼저 Future 란 미래 특정 시점에 이용 가능한 잠재적인 값이나 오류를 표현할 때 쓰이는 객체로, 실행이 언제 완료될 지 모르는 값을 받는 객체이다.FutureBuilder 는 Future 를 사용하는 이유와 같이 데이터를 모두 다 받기 전에 먼저 데이터가 없이 그

Dart 는 상수 constant 를 지원한여 compile 전에 이미 value 값을 알기 때문에 수정할 수 없다. flutter 또한 Dart 를 기반으로 하기 때문에 같은 최적화 가 적용된다. 그렇기 때문에 위와 같이 를 추가하여 app 이 동작하는 데 더

Flutter 앱에 Firebase 추가 참고 : https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios 앱등록 앱 닉네임과 App Store ID 는 선택사항으로 자유롭게 입력이 가능하지만 Appl

dependencies Firebase 세팅을 위해 와 를 설치해야 한다. 터미널에 입력한다면 패키지가 설치되고 파일의 부분에 설치된 것을 볼 수 있다. CREATE Firebase DB 에 데이터를 저장하기 위해서는 Firebase 홈페이지에서 했던 것처럼

Flutter is declarative. This means that Flutter builds its user interface to reflect the current state of your app: Flutter 는 선언적이다. 앱의 현재 상태를 반영하기 위해

이전 블로그에서는 Stateless Widget 과 Stateful Widget 에 대해 알아보았다. 상태가 존재하는 Stateful Widget 에서 상태가 변경되면 rebuild 함으로써 UI 도 업데이트하게 된다. 그렇다면, 동일한 상태를 여러 위젯에서 사

useLayoutEffect is a version of useEffect that fires before the browser repaints the screen.useLayoutEffect(setup, dependencies?)<a href="https&#x3

2018년 React 컨퍼런스에서 처음 소개되고 도입된 기술이다.기존의 React 는 클래스 컴포넌트를 기반으로 작업했다. 하지만 클래스 컴포넌트를 사용하면 this 키워드 사용의 문제와 재사용성이 떨어져 낮은 가독성과 성능을 지닌다.이때 클래스 컴포넌트에서는 자기 자

주력인 React 와 더불어 쓰이는 프레임워크를 공부해보고자 Next.js 를 배워보자 한다. 강의는 생활코딩 Next.js 13 을 통해 이틀 내에 끝내려 한다. Next.js 그렇다면, Next.js 란 무엇일까? > 공식 홈페이지에는 React 을 기반으로 한

SPA 앞서 포스팅했던 블로그에서 Next.js 의 큰 장점은 SSR 방식으로 렌더링한다는 것이었다. 이와 더불어 SPA 라는 장점이 있다. SPA 가 무엇인지 예를 들어 설명해보겠다. 어떤 페이지에서 a 태그를 이용하여 클릭했을 때 다른 페이지로 이동할 수 있다.