\-객체를 정의하기위한 구조\-함수, 생성자, 멤버 변수로 구성된다.기본 구조 (아래)class를 정의하는 키워드인 class를 이용해서 Willy라는 이름의 클래스를 선언class는 그 자체로 사용할 수 없으며, 객체로 만들어진 후에 사용할 수 있다.class를 객체
layout Positioning : flexbox & grid 1. Flexbox flex-direction flex-wrap justify-content align-itmes align-content order flex-grow flex-shrink flex-bas
layout Positioning : flexbox & grid 1. Flexbox flex-direction flex-wrap justify-content align-itmes align-content order flex-grow flex-shrink flex-bas
컴포넌트 (component)모듈 (module)서비스 (service)지시자 (directive)라우터 (router)템플릿 (template)의존성주입 (injection)파이프 (pipe)폼 (form)애니메이션 (animation)보안 (secure)HTTP (
클래스클래스는 "객체를 정의하기 위한 구조"이다.클래스는 "함수, 생성자, 맴버 변수"로 구성된다.클래스의 기본 선언 형식constructor는 생성자로서 "클래스가 객체로 생성될 때, 기본적으로 호출되는 메서드"이다.클래스는 그 자체로 사용할 수 없으며, 객체로 만들
lodash - clone deep : value를 (타입상관없이) 복사해서 완전히 새로운 변수를 만들 수 있음lodash - \_.isNil : 체크한다. value가 null || undefinedlodash - \_.isNan : 체크한다. value가 NaNlo
app/app.component.ts : root 컴포넌트 (bootstrap: [AppComponent]) ^ app/app.module.ts : root 모듈 (bootstrapModule(AppModule)) ^ main.ts Component 컴포넌트의
RxJS(ReactiveX for JavaScript) : ReactiveX의 자바스크립트 버전 라이브러리웹 애플리케이션의 오류가 발생하는 경우 : 1) 입력오류 2) 상태오류 3) 로직오류입력오류동기와 비동기의 차이점을 "시간" 이라는 개념을 통해 해결ex. 버튼 및
goal 6가지 이유를 찾아가는 코드리뷰 파일 구조 파악 동적 데이터와 정적 데이터의 구분과 데이터 핸들링 > 비동기 - 콜백 vs promise > 웹 worker > axios 일단 function 을 기준으로 잡고 다음 6가지에 대한 이유를 찾아나가는 과정으로
goal웹상에서 client 와 server 간의 통신을 위한 프로토콜Webresponse의 header를 통해서, 컨텐츠 길이(content-length), 캐시 유효시간(Cache-Control), ETag 등을 전송한다.캐시의 유효시간이 지나면 서버로부터 다시 읽
json 형식으로 입력"arrowParens": "always","bracketSpacing": false,"printWidth": 80,"semi": true,"singleQuote": true,들여쓰기 당 공백(띄어쓰기?) 수"tabWidth": 2,"trailin
JSX 사용의 이점JSX는 컴파일링 되면서 최적화되므로 빠름type-safe("어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않는 것, 즉, 예측불가능한 결과를 내지 않는 것") 하면서, 컴파일링 과정에서 에러를 감지할 수 있음 \*\* (대표적으로 '자
렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함
: SSR을 지원하는 react framework유저가 초기에 server에 해당 어플리케이션의 페이지에 접속을 요청하면, SSR방식으로 렌더링 될 html 문서를 보냄 \-> 브라우저에서 js를 다운받고, react를 실행함\-> 유저가 계속 어플리케이션과 상호작용하
redux-saga는 애플리케이션의 "부수적인 효과(side effect)"(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시 같은 순수하지 않은 것들) 들을 쉽게 관리하고 효과적으로 실행하고 간단한 테스트와 쉬운 실패 처리를 목적으로 한다.(js에서 side
react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서
example code: img위 그림에서 미들웨어는 action이 어떠한 데이터를 dispatch하는 과정에서, (reducer로) reducer에 도달하기 전, 어떠한 로직이 끼어들 수 있는 틈을 만든다.따라서, 미들웨어는 외부에서 생성된 action이 reduce
goal How to start React-Native (from installing) Basic React-Native About React-Native Hooks Install What is React-Native? & How it works? 사용자 인터페이스
상태 (state) : 특정 시점에 프로그램이 사용하고 있는 정보 (=특정 시점에 프로그램에 대해 알고 있는 것들의 스냅샷)js 는 "완료될 때까지 실행"하는 속성이 있음리액트에서 데이터의 상태는,1) 컴포넌트 내에서 변경 가능한 데이터인 "상태"와2) 컴포넌트가 변경