함수형 프로그래밍이란?
원티드에서 진행하고 있는 ‘프리온보딩 FE 챌린지’에서 함수형 프로그래밍이라는 단어가 언급이 되었다. 나는 함수형 프로그래밍에 대한 이야기만 들어봤을 뿐 개념을 모르고 있었기에 이번 기회에 개발 서적과 다른 개발자분들이 작성한 게시물을 보면서 스스로 정리하는 시간을 가지려고...
Tag
- React 16
- Redux 7
- TypeScript 7
- Redux-toolkit 4
- toy 4
- Project 4
- JavaScript 3
- 회고 3
- UI 2
- Styled-components 2
- Node 2
- Express 2
- MongoDB 2
- CRA 2
- vite 2
- pwa 2
- React-Hook-Form 1
- Thunk 1
- 비동기 1
- react-hook-form 1
- 함수형 프로그래밍 1
- git 1
- dependency 1
- npm 1
- error 1
React
공통 Input 컴포넌트 구성을 어떻게 해야할까?
MERN 스택을 사용한 개인 프로젝트를 계획하기 위한 포스팅이다.
MERN 스택 프로젝트 계획하기
MERN 스택을 사용한 프로젝트를 계획하기 위한 포스팅이다.
Attempted to check out a connection from closed connection pool 에러
Udemy ‘【한글자막】 React, NodeJS, Express 및 MongoDB - MERN 풀스택 가이드’ 강의를 공부하면서 발생한 에러를 정리하는 포스트입니다.
지저분한 JSX 수정하기 및 데이터가 없을 때 메세지 렌더링하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
Style-components 컴포넌트를 별도의 파일로 분리하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
불필요한 리렌더링 해결하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
React로 탭메뉴 UI 구현하기
해당 포스트는 프로젝트의 UI를 구현하는 것을 기록하기 위한 포스트입니다.
Redux-toolkit Thunk로 비동기 처리하기!
생활코딩 채널의 Redux-toolkit-thunk 강의를 보고 스스로 적용한 예제입니다.
React-hook-form을 이용한 간단한 로그인 구현하기
이번에 프로젝트를 하면서 사용하게 될 React-hook-form 라이브러리의 기초를 연습하기 위해 간단한 로그인 폼을 구현해보기로 했다.
여러 Slice를 사용해보기
여러 Slice를 사용해보기
Redux Toolkit 사용하기
Redux-toolkit 사용하기
Redux Toolkit을 사용하는 이유
지금까지 Redux를 배우면서 Context를 대체할 좋은 방법이라고 생각을 했다. 하지만 이러한 Redux에도 여러가지 문제점이 있다고 한다.
클래스형 컴포넌트에서 Redux 사용해보기
클래스형 컴포넌트에서 Redux 사용해보기
Redux란?
Redux란 무엇인가?
React에서 Redux 사용해보기
React에서 Redux 사용해보기
Redux
여러 Slice를 사용해보기
여러 Slice를 사용해보기
Redux Toolkit 사용하기
Redux-toolkit 사용하기
Redux Toolkit을 사용하는 이유
지금까지 Redux를 배우면서 Context를 대체할 좋은 방법이라고 생각을 했다. 하지만 이러한 Redux에도 여러가지 문제점이 있다고 한다.
클래스형 컴포넌트에서 Redux 사용해보기
클래스형 컴포넌트에서 Redux 사용해보기
Redux란?
Redux란 무엇인가?
JavaScript에서 Redux 사용해보기
JavaScript 환경에서 Redux 사용해보기
React에서 Redux 사용해보기
React에서 Redux 사용해보기
TypeScript
기존 CRA 프로젝트에서 TypeScript 적용하기 - 에러 마주하기
기존 CRA에서 TypeScript를 적용하던 중 확실히 많은 에러들이 발생했다.
CRA 프로젝트에 TypeScript 적용 시 설치 경고
기존 create-react-app으로 생성한 프로젝트에 TypeScript를 적용하려고 create-react-app Docs의 지시에 따라 진행하였다.
React 프로젝트에 TypeScript를 우당탕탕 적용하기(2)
이전 포스트에서 리스트를 추가하는 것을 해봤는데 이제 리스트를 삭제하는 것을 해보도록 하자.
React 프로젝트에 TypeScript를 우당탕탕 적용하기(1)
지금까지 배운 TypeScript로 추가와 삭제가 가능한 To-do List를 만들어보자.
TypeScript의 핵심 기능
React 프로젝트를 위한 TypeScript 기초 포스트입니다. TypeScript의 세부적인 내용은 다루지 않습니다.
TypeScript 설치와 타입 지정
React 프로젝트를 위한 TypeScript 기초 포스트입니다. TypeScript의 세부적인 내용은 다루지 않습니다.
TypeScript란 무엇인가?
React 프로젝트를 위한 TypeScript 기초 포스트입니다. TypeScript의 세부적인 내용은 다루지 않습니다.
Redux-toolkit
Redux-toolkit Thunk로 비동기 처리하기!
생활코딩 채널의 Redux-toolkit-thunk 강의를 보고 스스로 적용한 예제입니다.
여러 Slice를 사용해보기
여러 Slice를 사용해보기
Redux Toolkit 사용하기
Redux-toolkit 사용하기
Redux Toolkit을 사용하는 이유
지금까지 Redux를 배우면서 Context를 대체할 좋은 방법이라고 생각을 했다. 하지만 이러한 Redux에도 여러가지 문제점이 있다고 한다.
toy
Redux-toolkit Thunk로 비동기 처리하기!
생활코딩 채널의 Redux-toolkit-thunk 강의를 보고 스스로 적용한 예제입니다.
React-hook-form을 이용한 간단한 로그인 구현하기
이번에 프로젝트를 하면서 사용하게 될 React-hook-form 라이브러리의 기초를 연습하기 위해 간단한 로그인 폼을 구현해보기로 했다.
React 프로젝트에 TypeScript를 우당탕탕 적용하기(2)
이전 포스트에서 리스트를 추가하는 것을 해봤는데 이제 리스트를 삭제하는 것을 해보도록 하자.
React 프로젝트에 TypeScript를 우당탕탕 적용하기(1)
지금까지 배운 TypeScript로 추가와 삭제가 가능한 To-do List를 만들어보자.
Project
지저분한 JSX 수정하기 및 데이터가 없을 때 메세지 렌더링하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
Style-components 컴포넌트를 별도의 파일로 분리하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
불필요한 리렌더링 해결하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
React로 탭메뉴 UI 구현하기
해당 포스트는 프로젝트의 UI를 구현하는 것을 기록하기 위한 포스트입니다.
JavaScript
함수형 프로그래밍이란?
원티드에서 진행하고 있는 ‘프리온보딩 FE 챌린지’에서 함수형 프로그래밍이라는 단어가 언급이 되었다. 나는 함수형 프로그래밍에 대한 이야기만 들어봤을 뿐 개념을 모르고 있었기에 이번 기회에 개발 서적과 다른 개발자분들이 작성한 게시물을 보면서 스스로 정리하는 시간을 가지려고...
bind() 메서드
bind() 메서드는 무엇인가?
JavaScript에서 Redux 사용해보기
JavaScript 환경에서 Redux 사용해보기
회고
맨 위로 이동 ↑UI
불필요한 리렌더링 해결하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
React로 탭메뉴 UI 구현하기
해당 포스트는 프로젝트의 UI를 구현하는 것을 기록하기 위한 포스트입니다.
Styled-components
공통 Input 컴포넌트 구성을 어떻게 해야할까?
MERN 스택을 사용한 개인 프로젝트를 계획하기 위한 포스팅이다.
Style-components 컴포넌트를 별도의 파일로 분리하기
해당 포스트는 프로젝트의 과정을 기록하기 위한 포스트입니다.
Node
MERN 스택 프로젝트 계획하기
MERN 스택을 사용한 프로젝트를 계획하기 위한 포스팅이다.
Attempted to check out a connection from closed connection pool 에러
Udemy ‘【한글자막】 React, NodeJS, Express 및 MongoDB - MERN 풀스택 가이드’ 강의를 공부하면서 발생한 에러를 정리하는 포스트입니다.
Express
MERN 스택 프로젝트 계획하기
MERN 스택을 사용한 프로젝트를 계획하기 위한 포스팅이다.
Attempted to check out a connection from closed connection pool 에러
Udemy ‘【한글자막】 React, NodeJS, Express 및 MongoDB - MERN 풀스택 가이드’ 강의를 공부하면서 발생한 에러를 정리하는 포스트입니다.
MongoDB
MERN 스택 프로젝트 계획하기
MERN 스택을 사용한 프로젝트를 계획하기 위한 포스팅이다.
Attempted to check out a connection from closed connection pool 에러
Udemy ‘【한글자막】 React, NodeJS, Express 및 MongoDB - MERN 풀스택 가이드’ 강의를 공부하면서 발생한 에러를 정리하는 포스트입니다.
CRA
기존 CRA 프로젝트에서 TypeScript 적용하기 - 에러 마주하기
기존 CRA에서 TypeScript를 적용하던 중 확실히 많은 에러들이 발생했다.
CRA 프로젝트에 TypeScript 적용 시 설치 경고
기존 create-react-app으로 생성한 프로젝트에 TypeScript를 적용하려고 create-react-app Docs의 지시에 따라 진행하였다.
vite
Notification API 사용하기!
Vue-Pomodoro-Timer 프로젝트에서 Notification 기능을 추가한 방법이다. 많은 부분이 틀릴 수 있으니 주의하길 바란다.
Vite + PWA로 앱을 만들어보자!
Pomodoro Timer 프로젝트를 Electron로 Publish하여 Github에 릴리즈를 하는 도중 ‘코드 사인(Code Signing)’ 이슈를 마주쳐 해결 방법을 알아봤지만 방법은 ‘유료’인 Apple Developer 등록…😢
pwa
Notification API 사용하기!
Vue-Pomodoro-Timer 프로젝트에서 Notification 기능을 추가한 방법이다. 많은 부분이 틀릴 수 있으니 주의하길 바란다.
Vite + PWA로 앱을 만들어보자!
Pomodoro Timer 프로젝트를 Electron로 Publish하여 Github에 릴리즈를 하는 도중 ‘코드 사인(Code Signing)’ 이슈를 마주쳐 해결 방법을 알아봤지만 방법은 ‘유료’인 Apple Developer 등록…😢
React-Hook-Form
React-hook-form을 이용한 간단한 로그인 구현하기
이번에 프로젝트를 하면서 사용하게 될 React-hook-form 라이브러리의 기초를 연습하기 위해 간단한 로그인 폼을 구현해보기로 했다.
Thunk
Redux-toolkit Thunk로 비동기 처리하기!
생활코딩 채널의 Redux-toolkit-thunk 강의를 보고 스스로 적용한 예제입니다.
비동기
Redux-toolkit Thunk로 비동기 처리하기!
생활코딩 채널의 Redux-toolkit-thunk 강의를 보고 스스로 적용한 예제입니다.
react-hook-form
공통 Input 컴포넌트 구성을 어떻게 해야할까?
MERN 스택을 사용한 개인 프로젝트를 계획하기 위한 포스팅이다.
함수형 프로그래밍
함수형 프로그래밍이란?
원티드에서 진행하고 있는 ‘프리온보딩 FE 챌린지’에서 함수형 프로그래밍이라는 단어가 언급이 되었다. 나는 함수형 프로그래밍에 대한 이야기만 들어봤을 뿐 개념을 모르고 있었기에 이번 기회에 개발 서적과 다른 개발자분들이 작성한 게시물을 보면서 스스로 정리하는 시간을 가지려고...
git
헉! 커밋 메세지 잘못썼다!
헛 커밋 메세지 잘못 썼다!!
dependency
CRA 프로젝트에 TypeScript 적용 시 설치 경고
기존 create-react-app으로 생성한 프로젝트에 TypeScript를 적용하려고 create-react-app Docs의 지시에 따라 진행하였다.
npm
CRA 프로젝트에 TypeScript 적용 시 설치 경고
기존 create-react-app으로 생성한 프로젝트에 TypeScript를 적용하려고 create-react-app Docs의 지시에 따라 진행하였다.
error
기존 CRA 프로젝트에서 TypeScript 적용하기 - 에러 마주하기
기존 CRA에서 TypeScript를 적용하던 중 확실히 많은 에러들이 발생했다.