profile
그때그때 공부한 내용과 생각을 기록하는 블로그입니다.

[CatCatStore] PurpleStore를 모티브로 한 개인 프로젝트

기술스택: Redux, Next.js Javascript ES6+, Styled-Components 작업기간: 2021.06.12 ~ 2021.6.16

2021년 7월 25일
·
0개의 댓글

Fetch대신 Axios

json.stringify() 하지 않아도 된다.모든 HTTP method와 일치하는 함수명이 존재한다.상태코드를 확인하고 에러를 처리해야 하는 fetch와 달리 400~500 범위에서 에러를 던진다.클라이언트 뿐만 아니라 서버에서도 사용할 수 있다.npm i axio

2021년 7월 18일
·
0개의 댓글

Interface 말고 ReturnType<T>, const assertion

Redux 사용 시 액션의 타입을 인터페이스를 이용해서 지정해 줄 수 있는데, 이 경우 코드의 길이가 길어지고 동일한 부분이 중복된다. 이때, ReturnType 제네릭타입과 const assertion을 활용하면 중복없이 코드 길이를 줄일 수 있다.

2021년 7월 14일
·
0개의 댓글
post-thumbnail

React-Redux+Typescript

타입스크립트 기반의 CRA 생성npx create-react-app create-redux-ts --template typescript리덕스 설치 npm i redux react-redux --savereact-redux를 설치해야 useSelector와 useDisp

2021년 7월 12일
·
0개의 댓글
post-thumbnail

Typescript 시작하기

자바스크립트의 모든 기능을 포함하면서 정적 타입을 지원하는 언어코드의 양이 많을 때 생산성이 높다.타입으로 연결되어 있는 코드 간 이동이 쉽고, 변수명과 함수명을 변경하기 쉽다.import하지 않고 작성해도 IDE가 자동으로 코드를 넣어 준다.함수를 호출하기 위해 함수

2021년 7월 4일
·
0개의 댓글

서버사이드 렌더링 with Next.js

검색 엔진 최적화빠른 첫 페이지 렌더링이 중요하다.사용자가 요청한 페이지를 빠르게 보여줄 수 있다.클라이언트 사이드 렌더링만 한다면 자바스크립트를 실행해야만 화면이 보인다.서버사이드 렌더링의 결과로 만들어진 돔 요소에 필요한 이벤트 처리 함수를 붙여 준다.ReactDo

2021년 6월 27일
·
0개의 댓글

React Hooks

1. useState 2. useEffect 3. customHooks

2021년 6월 24일
·
0개의 댓글

리액트 용어

리액트 웹 애플리케이션 개발에 필요한 기능 중 UI만 제공한다. 전역 상태관리, 라우팅, 빌드시스템 등을 직접 구축해야 한다. 변경된 상태값을 기반으로 UI를 자동으로 업데이트 한다. 가상 돔 이전 UI상태를 메모리에 유지해서, 변경될 UI의 최소 집합을 계산한다.

2021년 6월 24일
·
0개의 댓글

렌더링 속도를 올리기 위한 성능 최적화 방법

1. React.memo 2. 속성값과 상탯값을 불변 변수로 관리하기 3. 가상 돔에서 성능 최적화

2021년 6월 23일
·
0개의 댓글

가독성과 생산성을 고려한 컴포넌트 작성법

1. 컴포넌트 작성 순서 2. prop-types 3. 조건부 렌더링 4. Presentation 컴포넌트, 관심사 분리

2021년 6월 21일
·
0개의 댓글

Styled-Components

대표적인 CSS-in-JS 라이브러리

2021년 6월 12일
·
0개의 댓글
post-thumbnail

Next.js

Nest.js 시작하기

2021년 6월 12일
·
0개의 댓글
post-thumbnail

Redux

npx create-react-app my-app --template reduxRdeux 공식문서

2021년 6월 12일
·
0개의 댓글

Destructuring Assignment (구조 분해 할당)

객체나 배열을 변수로 '분해'할 수 있게 해주는 문법

2021년 6월 10일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 6장: 프로토 타입

1. 프로토 타입 2. 프로토 타입 체이닝

2021년 6월 10일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 5장: 클로저

1. 클로저의 정의 2. 클로저 활용법

2021년 6월 8일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 4장: 콜백함수

콜백함수

2021년 6월 7일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 3장: this

1. 상황에 따라 달라지는 this 2 명시적으로 this를 바인딩하는 방법

2021년 6월 7일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 2장: 실행 컨텍스트

1. 실행 콘텍스트 2. VariableEnvironment 3. LexicalEnvironment

2021년 6월 4일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 1장: 데이터 타입

1. 데이터 타입 2. 변수 선언과 데이터 할당 3. 기본형 데이터와 참조형 데이터 4. 불변 객체 5. undefined와 null

2021년 5월 31일
·
0개의 댓글