Front-end Developer

아직 사용경험이 적다보니 컬렉션에서 모델에서까지 왔다갔다하면서 사용하고있다. 좀 더 생각해보면 컬렉션 내부에서 알아서 처리하게 만들 수 있는데.. 위의 코드를 보면 뷰에서 addItem이라는 컬렉션의 메소드를 호출하면 컬렉션의 모델에 입력한 데이터…

region html의 app이라는 아이디값을 가진 div를 가르킨다.

백본에서 투두앱을 만들던 도중 발생했던 문제가 있다. compositeView에서 inputButton을 누르면 할일목록을 추가하는 부분이다. 추가하면 객체가 생성되는데 그안에는 id, title, content, link…

라이브러리 구조

리액트 리덕스 미들웨어는 비동기 작업을 할때 가장 많이 사용된다. Redux-Thunk 를 이용하면 액션 객체가 아닌 함수를 디스패치 할 수 있다.

HTML, CSS, JavaScript, Images, Font 이 파일들 모두가 모듈이다. 빌드, 번들링, 변환 모두 같은 의미.

Universal * type Tag ID #id Class .class State : Attribute []

자바스크립트는 동적 언어이다. 따라서 변수의 타입은 런타임에 의해 결정된다. 이는 작은 규모의 프로젝트에서는 생산성이 좋지만 큰 규모의 프로젝트에서는 오히려 생산성이 떨어질 수 있다.

리덕스를 공부하다보면 다양한 패턴때문에 어떤식으로 공부를 해야할지 많이 헷갈렸는데 가장 간편하게 하는 방법은 Duck패턴을 이용하는 방법인것 같다. action과 reducer를 따로 분리하는게아니라 한곳에 모아두고 액션 type를 헷갈리지 않게…

REDUX*****

가상돔부분과 실제돔 부분에서 성능을 최적화 하는 방법에 관하여

컴포넌트 내부에서 생성되는 함수와 객체에 관하여(useCallback, useMemo)

리액트가 실행될때 가장 많은 CPU자원을 사용하는 것은 렌더링이다. 리액트는 UI라이브러리이기 때문에 프로그램이 실행되는 동안에 화면을 그리는 역할을 하는데, 데이터와 컴포넌트 함수로 화면을 그린다. (여기서 리액트 데이터란 컴포넌트의 속성값과…

useRef

맨 오른쪽에 있는 요소를 찾는 로직이다. 코드는 다음과 같다.

리액트에서 상태값을 부모에서 자식에게로 전달할때 그 depth가 깊어질 수록 값 전달이 까다로워진다. 귀찮아짐.

리액트의 상태값 변경 함수는 비동기이면서 배치로 처리된다.

리액트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 클래스형 컴포넌트에는 생명주기, 상탯값, 멤버변수&함수를 가질수 있지만, 함수형 컴포넌트는 그럴 수 없었다. 그래서 불편함이 있었음. 하지만, 리액트 훅이라는게 나오면서 그 세가지 기능을 갖을…

오늘은 REST API에 대해 간략하게 글을 정리해보려고한다.

user 변수는 도전하는 사람의 숫자를 저장하고, obj와 percentage 객체인데, obj는 각 stage에 실패한 인원을 기록하는 객체이다. percentage는 실패율을 기록하는 객체이다.

checker 라는 함수를 만들었다 이 함수는 인형뽑기 기계가 moves에 들어있는는 배열을 for 문을 돌면서 훑는데 그 값들을 함수에 넣어주면서 answer안에 인형뽑기가 뽑은 값들을 push해준다.

수학적 지식을 기반으로 하는 알고리즘은 싫다. 근데 어짜피 난이도가 높아질수록 수학 기본개념이 안들어가는 알고리즘은 만무하겠냐만.

there’s nothing to say about this

문자열이 홀수일경우 5/2 => parseInt로 2추출 인덱스로치면 0,1,2 3번째수를 return