/react-playground

react practice

Primary LanguageTypeScript

React Playground

Ott-page

Demo Demo2

해당 페이지는 가상의 OTT 서비스 사이트를 제작하여 다양한 콘텐츠를 확인 할 수 있는 사이트입니다.

기본적으로 react와 typescript를 사용하여 배웠던 내용을 복습하고 framer-motion 라이브러리를 사용하여 애니메이션 구현, 조금 더 복잡한 route 설정에 집중하여 공부 할 수 있었습니다.

Github / Demo

Crypto-tracker

complete

해당 페이지는 가상화폐의 종류와 해당 가상화폐에 대한 다양한 정보를 텍스트 및 차트를 통하여 확인 할 수 있는 사이트입니다.

react와 typescript를 사용하여 다양한 기능을 구현하고 styled components, recoil, library 등을 사용함으로써 project의 기본 구조와 react를 사용함에 있어 조금 더 익숙해 질 수 있는 프로젝트였습니다.

Github / Demo

Todo-list

Demo1

해당 페이지는 todo list를 구현한 사이트입니다. todo lsit 추가, 삭제, 저장 및 카테고리 추가, 변경의 기능이 있습니다.

Github / Demo

Styled-component

Demo

해당 페이지는 Styled-Component 라이브러리를 사용해보고 공부하는 프로젝트의 결과물입니다. 공부한 내용은 아래 github의 readme를 참고하시길 바랍니다.

Github / Demo

Coin-tracker

Feb-25-2022 22-06-40

react의 기본적인 문법 파악 및 간단한 프로젝트 제작을 목적으로 진행함

Github / Demo

Todo-app

GIF

해당 페이지는 React의 useState를 통해 상태를 관리하고 상태에 따른 목록을 보여주는 프로젝트 입니다.

Github / Demo

First-react-app

GIF

해당 페이지는 React의 useState, useEffect, Component 개념을 익히기 위해 해당 라이브러리를 사용하여 만든 페이지입니다.

Github / Demo

React-for-beginners

기본적인 리액트 문법을 알아보고 바닐라JS와의 차이점을 확인 해보는 프로젝트

Github

Type-script

Typescript를 사용해보고 공부한 내용을 정리한 프로젝트

Github