요구사항
한 엘리먼트안에서 특정한 키워드를 다른 색싱으로 바꿔서 출력하는 것이다.
아래 예시를 살펴보자
before
1
카카오 페이지 카카오 스토리 카카오톡
after
1
2
3
4
5
카카오 페이지
카카오 스토리
카카오 톡
의식의 흐름
특정 키워드가 포함되어 있는지, 그리고 그것을 따로 뽑아 낼 수 있는 가장 간단한
Continue reading
Creates a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked. The debounced function comes with a cancel method to cancel delayed func invocations and a flush method to immediately invoke them. Provide option
Continue reading
브라우저 히스토리
브라우저의 히스토리는 window.history안에 있다.
History {length: 3, scrollRestoration: "auto", state: null}
length만 가져올 수 있을 뿐, 실제 내부에 리스트는 가져올 수가 없는데 이는 보안상의 문제 때문이다.
window.history.back() window.history.forward()는 각각 브라우저의 앞으로가기 뒤로 가기와 동일한 역할을 한다.
특정 위치로 가기
window.history.go(n) 현재 페이지의 index는 0 이라고
Continue reading
제네릭이란
제네릭은 클래스 내부에서 사용하는 데이터의 타입을 외부에서 지정하는 것을 의미한다. 어떤 타입의 데이터를 쓸지를, 클래스 선언부가 아니라 외부에서 결정하는 것이다. 일단 자바 코드로 한번 살펴보자.
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
