profile
이것저것합니다

리덕스에서 사용되는 키워드들

상태에 변화가 필요할 때 액션이라는 것을 발생 시킴이것은 하나의 객체로 표현됨액션 객체는 다음 형식으로 이루어짐type필드는 필수로 있어야한다.그외의 값은 개발자 마음대로..액션 생성함수는 액션을 만드는 함수파라미터를 받아와서 액션 객체 형태로 만들어준다액션 생성함수를

2022년 1월 18일
·
0개의 댓글
post-thumbnail

리액트 일정관리 프로젝트 사이드바

keyframe을 사용해서 메뉴에 마우스를 올릴경우 div넓이를 0%~100% 뒤에 색이왼쪽에서 오른쪽으로 움직이는 느낌으로 만들었다.

2021년 10월 8일
·
1개의 댓글
post-thumbnail

리액트 일정관리 프로젝트 라우터

후에 폴더 구조를 더 바꿀 예정App.js 로 라우팅을 해줌필요하면 이중라우터도 사용할 예정터미널에npm install react-router-dom입력index.jsBrowserRouter 적용Route로 Calendar를 표시해줌라우터를 사용해서 여러 페이지를 구현

2021년 10월 2일
·
0개의 댓글
post-thumbnail

리액트 일정관리 프로젝트 날짜 선택

처음에는 datepicker 라이브러리를 사용할려고 했는데멍청하게 달력을 만들어두고 또 라이브러리를 사용할려고 했다.이번 프로젝트 목표는 라이브러리를 최대한 사용하지않고 구현하는것이다.우선 전체 코드이다.modal.scss이번에 리팩토링 하면서 모달창을 새로 옮겼다.우

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

리액트 일정관리 프로젝트 모달창 생성

최종 모습모달을 함수로 선언해서 만들었다모달은 css로 거의 처리를 했는데modal.scssposition을 fixed 그리고 background를 흐리게 만들었다.그리고 modal_div 의 가로 , 세로 를 설정해서 배경색을 하얀색으로 만들어줬다.화면에 보여지고

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

리액트 일정관리 프로젝트 데이터 넣기

최종 화면 맛보기data.json임시로 데이터를 만들고위에 import pr_data from './data/data.json'import를 해주고전체코드 App.jsShow_event 함수를 작성해서 화면에 보여준다.props로는 days 를 넘겨줘서 data에서 그

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

리액트 일정관리 프로젝트

react-fullcalendar를 사용해서 프로젝트 시작을 할려고 한다.npm install @fullcalendar/reactnpm install @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interac

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

리액트 서브 라우터 props전달

리액트 라우터를 사용하긴 했지만 서브 라우터 , 이중 라우터를 사용한적이 없었다.이번에 동아리 웹 프로젝트를 진행하면서 서브 라우터도 가능한것을 알게 되어서 라우터에 대해서 깊게 공부를 하게되었는데사용법은우선 이런 구조로 되어 있다고 생각하면 app.js에서 라우팅을

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

aos 애니메이션 사용방법

npm install --save aos@next를 사용하면 할 수 있다.자세한 내용은 깃허브 주소여기를 통해서 알 수 있다.

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

react 관련 사이트 모음집 링크

링크 모음집https://bit.ly/3sFBgjH출처

2021년 8월 28일
·
0개의 댓글