학원수업/4월15 04/07 국비학원 개발자과정 91회차수업 - Redux, CSS 로 네임카드 만들기 Redux복습 Redux는 React와 함께 사용되는 상태 관리 라이브러리입니다. Redux는 단방향 데이터 흐름을 따르며, 상태 변경을 예측 가능하게 만듭니다. Redux의 흐름은 다음과 같습니다. 1. Action 액션은 상태를 변경하기 위한 일종의 메시지입니다. 액션은 type 필드를 가지며, 상태 변경을 위한 추가적인 데이터를 포함할 수 있습니다. 2. Reducer 리듀서는 액션을 받아서 상태를 변경하는 함수입니다. 리듀서는 이전 상태와 액션을 입력으로 받고, 새로운 상태를 반환합니다. 리듀서는 순수 함수여야 하며, 동일한 입력에 대해서는 항상 동일한 출력을 반환해야 합니다. Store 스토어는 애플리케이션의 상태를 보관하는 객체입니다. 스토어는 리듀서와 함께 생성됩니다. 액션을 디스패치하면 스.. 2023. 4. 7. 04/06 국비학원 개발자과정 90회차- Redux, YoutubeAPI Redux는 props넘길때 자동으로 훨씬 편하게 만들어 준다. Redux로 로그인 로그아웃 하기 uid를 로컬 스토리지에 담아주기 로그인 후 로그아웃도 구현한다. 그런데 로그인이나 로그아웃하고 페이지 새로고침 하고싶다. 원래는 useNavigate 훅을 사용하는게 좋다. 그런데 여기서는 안된다. 그래서 window.location.reload()로 처리했다. 컴포넌트 쪼개기 연습-youtubeAPI https://developers.google.com/youtube/v3/getting-started?hl=ko 시작하기 | YouTube Data API | Google Developers 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 소개 이 문서는 YouTube.. 2023. 4. 6. 04/05 국비과정 개발자 89회차 수업- QnA게시판 글 상세보기, 이미지 다운, 글수정 dbLogic.js->qnaDB->Back-end->spring boot 그런데 우리는 댓글형 게시판으로 진행 된다. - 여러가지 유형의 게시판을 고려 해보자 id : notice, qna, transfer qna_type 전체목록-n건 - 댓글 테이블 고려 대상이 아니다. 상세보기-1건 - 댓글처리 고민 - QNA_COMMENT(select, insert, delete) 상세보기 조회시에서는 추가적으로 qna_comment붙여서 조회해야한다. [ {}-객체리터럴(Map)-object-한것-row-cloum여러개 ,{}-fileList, commentList ,{} ] List 댓글형 게시판 조회할때 SQL문 그런데 그룹바이 쓰는법 까먹어서 다시 복습함 comm_no 를 count함수에 넣었다... 그러.. 2023. 4. 5. 04/04 국비학원 개발자과정 - 88회차 React, Spring QnA게시판 qna 게시판 테이블 정리 MASTER_BOARD--리뷰게시판, 양도게시판->실제 사용하지는 않고 있음 MBLOG_FILE-실제 사용 안하고있다. 첨부파일이 QNA게시판에 들어 가 있는 상태...? 나잖아...QNA.... 사이드 테이블 - MBLOG_FILE, QNA_COMMENT(화면에 대한 설계부분에 반영을 한 상태) 이미지를 다운 받아야 한다. 알아야 할 것들.... 1. INSERT() 메소드가 왜 Object타입을 리턴 하는가? 실제로 많이 문제가 되는 부분이다. 2. 다중 insert문 사용방법 하나의 인서트문에서 여러개의 row을 insert하는 방법 다중 쿼리문, 동적쿼리문 - JDBC API를 사용할 때와 차이점 FILE_NO는 시퀀스로 처리할 예정 BOARD_TYPE - id='qna.. 2023. 4. 4. 04/03 국비학원 개발자과정 87회차- React와 Spring연결 서비스 게시판 생각해보기 페이징 처리 - 각자 처리 해보기- 분리해보기 연습 스프링 부트와 리액트 연동하기가 목표이다. Front-end를 jsp로 하는경우 VS 리액트로 하는 경우 프론트엔드와 백앤드 연결해보기를 잘 해야한다. 부트 스트랩, Vew.js일수도 있기때문에 독립적으로 생각할 수 있어야한다. JSP - @Controller -> 페이지 이동 처리 - 뷰솔루션 사용시에는 필요 없는 부분 @RestController - > plain/text, 문자열 - 화면출력 - 페이지 이동은 없다 sendRedirect, forward대상이 아니다. 둘이 구분해서 사용할수있니? 공통점 - 화면과 모델계층 사이에 이어주는 전달자 -페이지 이동 useNavigate()-화면전환 훅(함수형) -하나의 브라우저 .. 2023. 4. 3. 이전 1 2 다음
