# React Project

13개의 포스트
post-thumbnail

control app

(클래스 변경/ 30이상, 0이하일 경우 작동 X)App.jsindex.css

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

GR-Commerce Project #3 Product 리스트 페이지 및 상세 페이지 회원가입 틀 생성 및 DB 요청사항 전달

소스코드: https://github.com/skdding3/gr-commerce-FrontHome메인페이지에서 작업한 곳에 이어서 작업한 부분이다.Newsletter란에 소식지를 전달 받을 수 있는 메일 작성란을 마련하였고,이 부분을 통해 유저들 메일이 DB

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

GR-Commerce Project #2 메인페이지 틀 작업 및 기획

소스코드: https://github.com/skdding3/gr-commerce메인페이지 구성우선 페이지 컴포넌트를 크게 그림을 그려 구성을 진행하였다.(Styled-Components)Navbar, 슬라이더 구성 및 사이트 버튼 구성 디자인(Button -

2022년 7월 17일
·
0개의 댓글
·

React 게시판 만들기

react-bootstrap 웹사이트를 쉽게 만들어 주는 프레임 워크react-router-dom 클라이언트 사이드에서 이뤄지는 라우팅을 간단하게 해주는 라이브러리axiosnode.js와 브라우저를 위한 http 통신 js 라이브러리jquery문법을 단순화한 js 라이

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

React 고객 관리 시스템

React와 Node.js를 활용한 고객 관리 시스템

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

대댓글 기능 만들기 [React]

혼자 만들어본 대댓글 기능 with React

2021년 9월 24일
·
1개의 댓글
·
post-thumbnail

쇼핑몰 페이지 최적화하기 5 [프로젝트 디렉터리 구조]

폴더 내부 구조가 명확하지 않아, 폴더 내부 구조를 세분화 시키는 작업을 거쳤다.

2021년 9월 2일
·
0개의 댓글
·

쇼핑몰 페이지 최적화하기 4 [404 오류 해결]

Product 페이지에 들어갈 때마다 생겼던 404 오류 해결하기

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

쇼핑몰 디자인 개선하기

현재 진행중인 쇼핑몰 프로젝트에서 디자인이 너무 투박한거같아 디자인 개선 작업을 거쳤다.

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

쇼핑몰 페이지 최적화하기 3 [sessionStorage]

쇼핑몰 페이지의 고객들은 매일같이 쇼핑몰에 들어오는 것이 아니기에 `localStorage`보다는 탭을 닫지 않는 이상 데이터가 유지되는 `sessionStorage`가 더 적당하다 생각했다.

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

쇼핑몰 페이지 최적화하기 2 [localStorage]

이미 방문했었던 제품 페이지라도 서버에서 같은 데이터를 계속 가져와 로딩 속도가 느렸다. 이러한 문제를 `localStorage`를 사용해 개선하였다.

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

쇼핑몰 페이지 최적화하기 [리렌더링 줄이기]

쇼핑몰 페이지를 만드는 프로젝트를 진행하면서 페이지간의 전환이 매끄럽지 않고, 속도도 느리다는 생각이 들어 최적화 작업을 해나가기로 마음먹었다.

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

TIL.51 Styled Component 에서 web font 사용하기

React 프로젝트에서 styled component를 사용할때 web font는 어떻게 사용하는지 알아봅시다.

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