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

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

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

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

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

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

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

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

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

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