프로젝트/React 프론트 프로젝트4

• 

  [React] 보일러 프로젝트 - 프론트 완성 , + (01.20 회원가입 백엔드까지 완성) My Boiler Project 프론트엔드 완성 : 소요기간 : 1.5일 기획 및 디자인 : https://make-somthing.tistory.com/83 Demo : https://web-boiler-frontend-1jx7m2gld43p7bv.gksl2.cloudtype.app/ CHALIE BOILER web-boiler-frontend-1jx7m2gld43p7bv.gksl2.cloudtype.app 사용 언어와 기술, 라이브러리 및 DB Frontend - React, Figma (useNavigator, useState, React-Router-Dom@6, useRef, SCSS(node-sass 라이브러리)) 배포 - Cloudtype 프로젝트 제작 계기 passport, react-que.. 프로젝트/React 프론트 프로젝트 2023. 1. 19.

• 

  [React] My Portfolio React 프로젝트 My Portfolio React 프로젝트 소요 기간 : 3일 Figma 기획 : https://make-somthing.tistory.com/77 Github: https://github.com/chalinuna/myweb Demo: https://main--bright-mochi-309946.netlify.app/ 사용 언어와 기술, 라이브러리 및 DB Frontend - React (useNavigator, useState, React-Router-Dom@6, styled-components, SCSS(node-sass 라이브러리)) Unsplash Open api 배포 - Netlify 프로젝트 제작 계기 내 프로젝트와 간단한 이력서, 자기소개를 한꺼번에 보여줄 수 있는 포트폴리오 정리 페이지가 .. 프로젝트/React 프론트 프로젝트 2023. 1. 14.

• 

  [React] React SPA - Slide Template + 반응형 Nav menu React SPA - Slide Template 슬라이드 형태 리액트 SPA 템플릿 무료 배포 Github : https://github.com/chalinuna/slide-template Demo : https://lambent-lily-149f31.netlify.app/ React App lambent-lily-149f31.netlify.app Preview 제작기간 : 2일 배포 : netlify 제작 언어 및 프레임워크 : React.js 상단 고정되어있는 Navbar와, 세로 슬라이드 형식으로 페이지를 이동할 수 있는 SPA 템플릿. 친구에게서 '상단에 메뉴가 고정되어있고, 메뉴를 누르면 슬라이드 형식으로 미끄러져 내려가듯이 페이지를 이동할 수 있는 템플릿을 만들어달라' 고 요청을 받아 간단히 .. 프로젝트/React 프론트 프로젝트 2023. 1. 11.

• 

  1. Redux, Localstorage를 이용한 Short Blog 프로젝트 ( React[ReduxToolkit] ) short Blog React 웹 프로젝트 소요 기간 : 2일 Github: https://github.com/chalinuna/shortBlog Hosting: https://chalinuna.github.io/ React App chalinuna.github.io 사용 언어와 기술, 라이브러리 및 DB Frontend - React (Redux Toolkit, useSelector, useNavigator, useState, useDispatch, useEffect, localStorage, Route, URL Prams, sessionStorage) 프로젝트 제작 계기 props만 이용하면 안되는 이유.jpg Props로 남발된 App.js를 보다가 Redux의 소중함을 온몸으로 깨닫고 말았다. 그.. 프로젝트/React 프론트 프로젝트 2022. 11. 16.