제네릭이란
제네릭은 클래스 내부에서 사용하는 데이터의 타입을 외부에서 지정하는 것을 의미한다. 어떤 타입의 데이터를 쓸지를, 클래스 선언부가 아니라 외부에서 결정하는 것이다. 일단 자바 코드로 한번 살펴보자.
1
2
3
4
5
6
class Person{
public T name;
}
Person p1 = new Person();
Person p1 = new Person();
T라는 데이터 타입은 존재하지 않는다. T는 name
Continue reading
자바스크립트는 단일 스레드 기반의 언어
자바스크립트는 ‘단일 스레드’ 기반의 언어다. 즉, 스레드가 하나이기 때문에 동시에 하나의 작업만 처리할 수 있다. 그러나 자바스크립트가 사용되는 웹을 곰곰히 생각해보면 동시에 여러개의 작업을 처리하는 모습을 볼 수 있다. 스레드가 하나인 자바스크립트는 동시성을 어떻게 처리할까? 먼저 브라우저 구동환경을 살펴보자.
위 이미지에서, 자바스크립트 엔진은 메모리 할당을 관리하는 heap과 call stack만 존재하는 것을 알 수 있다. 즉, 동시성에 대한 처리는 자바스크립트 외부에서 처리
Continue reading
목차
Table of Contents
No.QuestionsReact Router129What is React Router?130How React Router is different from history library?131What are the \ components of React Router v4?132What is the purpose of push and replace methods of history?133How do you programmatically navigate using React router v4?134H
Continue reading
목차
No.QuestionsCore React1리액트란 무엇인가?2리액트의 주요 기능은 무엇인가?3JSX란 무엇인가?4element와 component의 차이점은 무엇인가?5리액트에서 컴포넌트를 어떻게 만드는가?6클래스 / 함수 컴포넌트는 각각 언제 사용해야 하는가?7순수한 컴포넌트는 무엇인가?8state는 무엇인가?9props는 무엇인가?10state와 props의 차이는 무엇인가?11왜 state를 바로 업데이트 하면 안되는가?12setState() 콜백의 용도는 무엇인가?13HTML과 React의 이벤트 핸들링 차이는 무엇인
Continue reading
문제의 시작
문제의 시작은 여기 였다.
내가 사용하는 코드는 아래와 같았다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
type GlobalColors = "Red" | "Blue" | "Green" | "Black";
// 기본값으로 색상을 선언한다.
const enum ConstGlobalColorSet {
Red = "11, 11, 11",
Blue = "22, 22, 22",
Green = "33, 33, 33",
Black = "44, 44, 44"
}
// red, blue,
Continue reading
원문-reactjs-interview-questions
1. Core React
2. React - Router, Internationalization, Redux, Native and supported libraries and Integration
Continue reading
github repository
nextjs와 react 만 깔끔하게 쓰고 싶지만, 그러기엔 현실적인 문제가 몇가지 있다
Continue reading
🚧작성중 🚧
원문-How Browsers Work: Behind the scenes of modern web browsers
이 글을 요약/번역한 더 좋은 글이 네이버 d2에 있습니다. 개인적인 공부 차원에서 이 원문을 fully 한글로 번역하고 있습니다.
소개
웹 브라우저는 가장 널리 쓰이는 소프트웨어다. 이 글에서는, 브라우저가 어떻게 동작하는지 소개할 것이다. 이 글을 읽고 나면, google.com을 타이핑 한 시점 부터 구글페이지가 브라우저에 보이기 까지, 어떤 일련의 과정이 있는지 알게 될 것이다.
목차
1.
Continue reading
useReducer
1
const [state, dispatch] = useReducer(reducer, initialArg, init);
useState의 대체 함수다. 다수의 하윗 값을 만드는 복잡한 로직, 혹은 다음 state가 이전 state의 의존적인 경우에 쓴다. 뭐가 뭔지 모르겠으니까 예제를 보자.
useState를 쓰기전
1
2
3
4
5
6
7
8
9
10
11
function Counter({ initialCount }) {
const [count, setCount] = useState(initi
Continue reading
Hooks API
Hook은 react 16.8에서 추가된 개념으로, Hook을 시용하면 class를 갖성하지 않아도 state관리와 같은 react의 기능을 사용할 수 있다.
기본 Hook
useState
1
2
const [state, setState] = useState(initialState);
setState(newState);
상태 유지값, 그리고 그 값을 수정하는 함수를 반환한다. 이전의 state값을 받아다가 수정할 수도 있다.
1
2
3
4
5
6
7
8
9
10
11
function Counter({
Continue reading
