profile
계속 발전하고 싶은 초보 개발자
post-thumbnail

Webpack으로 React.js 개발환경 build하기 - 2. webpack.config.js 세팅

🔗설치한 라이브러리들을 바탕으로 config file을 설정해줍니다.

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

Webpack으로 React.js 개발환경 build하기 - 1. 프로젝트 시작하기

보통 리액트 애플리케이션을 만들 때 CRA (create-react-app)라는 잘 만들어진 리액트 boilerplate를 정석처럼 쓰곤합니다.저도 직접 리액트 개발환경을 build하며 수많은 에러를 겪고 유지보수에 힘을 쏟는 대신 CRA로 많은 사이드 프로젝트들을 진

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

리액트 다크모드 구현하기 feat. styled-components & context API

사용자 경험을 최상으로 이끌어주는 디자인 트렌드 다크모드 UI.애플, 구글, 인스타그램, 페이스북 등 세계적인 브랜드들이 이 다크모드 기능을 애용하기 시작하며 UI/UX에 필수적인 기능 중 하나가 됐습니다. Web frontend 개발자로써 다크모드 기능을 구현하는 것

2021년 4월 9일
·
4개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 04

Customer Add 모달로 구현하기\*\*Dialog를 쓸때는 어떤상태에 open인지 알기위해 꼭 <Dialog open={}> 형식을써줘야 한다.

2020년 12월 21일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 03

client folder에 CustomerAdd.jsx파일 추가고객 추가를 서버에 전송한 이후에 고객 데이터를 다시 서버로부터 받아와서 화면에 출력할 수 있도록 해야한다.따라서 CustomerAdd 태그 handleFormSubmit이 실행될때 파일 입력값이 초기화 되

2020년 12월 16일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 02

고객의 정보를 데이터로 저장하기 위해선 MYSQL과 같은 데이터베이스 시스템이 필요하다.Amazon Web Service RDS 시스템을 이용하면 MYSQL과 같은 관계형 데이터베이스를 쉽고 빠르게 구축할 수 있다.실제로 고객데이터를 데이터베이스에 저장하고 조회하고 수

2020년 12월 13일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 01

사진의 dev에 적힌 내용에 따라 cd customer_management 폴더에서 yarn dev를 실행시키면 두가지 다 실행이 된다. >[노드 js 서버 코드] ![](https://images.velog.io/images/gparkkii/post/6fa046

2020년 12월 10일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 00

app.js : 실질적인 웹사이트 화면 내용 출력을 담당React Library : HTML 웹 문서를 효과적으로 보여주기 위한 라이브러리Component : 웹문서에서 어떠한 내용을 보여주기 위한 기본적인 단위 (실제 웹에 보여지게 될 최소 단위)리액트 라우팅 : h

2020년 12월 7일
·
0개의 댓글