백엔드 작업부터 시작하였다. 최초 설정과 MySQL연결에 중점을 두었다. nodemon node monitor의 약자로, 노드가 실행하는 파일이 속한 디렉터리를 감시하고 있다가 파일이 수정되면 자동으로 노드 애플리케이션을 재시작하는 확장 모듈. nodemon을 설치하
Client 쪽 프론트 작업을 시작합니다!최초 App.js와 index.js 제외 다 삭제해줬다pages하위 폴더를 만들어 page를 만들어줬다App.jsBook.js 최초 렌더링 시 useEffect을 이용하여 fetchAllBooks 를 실행 백에서 책에 대한 정
Add.js책 추가하기를 위한 작업Postman 테스트하기Add.js 에서 테스트하기정상적으로 입력되는 것을 확인
CSS를 통하여 스타일링을 해볼 예정이다. 이번에는 SASS를 활용하여 진행할 것이다.src 안에 style 폴더를 만들어 scss 파일들을 모아 정리해보려 한다.일단 reset.scss를 생성하여 전체적으로 reset을 시켜주었다.일단 대략적으로 스타일을 잡아놓았다.
수정하기, 삭제하기 버튼에 따른 백과 프론트에서의 처리를 해보려고 한다. 일단 백부터 작성해주었다. mongoDB와 크게 다를게 없었던 것 같다. 퀴리문에 대한 이해와 VARCHAR의 값의 한계치 지정에 유의해줘야겠다는 생각이 들었다.index.js ( /backen
수정하기를 할 때, 해당 id에 따른 데이터를 가져와 화면에 뿌려주기 위해 :id 값에 따른 데이터를 조회할 수 있게 백과 프론트에 설정해주려고 한다. 일단 백부터 쿼리문을 작성해보자index.js ( /backend )Update.js ( /Client) http
간단하게 스타일의 변화를 주려고 한다. 일단 최초 메인 화면 시 나타나는 data의 개수를 줄이고 후에 버튼을 클릭함으로 나타나게끔 구현할 예정이다.최초 데이터를 가져와 slice를 통하여 more값만큼 보여지게 한 후, 증가하는 값에 따라 class명을 변경하여 스타