학원수업/3월18 03/31 국비학원 개발자과정 로그인 처리 1.이메일과 비번으로 인증하기 2.구글 로그인 처리하기 ----------------------------------------------------- 오라클 서버에 member230324에서 찾음 구글계정으로 발급된 userId가 있는 회원정보가 있는지 체크하기 회원정보는 있으면- List 없으면-0 이메일과 비번만 가지고 뭘 하겠니.... 없을때는 해당 구글계정은 회원가입을 부탁드립니다. 라고 안내하기 있는애는 회원가입 필요 없음 이 애들은 sessionStorage애 저장함-내가 유지해야할 정보를 저장한다. 캡쳐링과 버블링이 마음대로 제어가 가능해야한다. key->props props를 넘기는것은 원본에 대한 주소번지를 넘긴다는 것이다. 원본에다가 넣는다. 자바스크립트에서 배열은 훨씬 .. 2023. 3. 31. 03/29 국비학원 개발자과정 - 평가일 1. mapper.xml => 마이바티스 쿼리문 등록하는 문서 동적 sql문... chat22의 board.xml 참고 insert할 때 오라클에서 null값 허용/비허용 그거랑 별개로 null들어오면 mybatis에서 문제삼음 ~ mblog-1의 member.xml에도 null값 걸러주는 처리를 했음./dept.xml update에서도... 오라클에서 db설계를 할 때 null값을 허용하거나 말거나 관계없이 mybatis에서 막고있음. 이 문제 해결하는 코드 일괄적으로 해결하는 코드임. 전체방지... 오타가 있음 -> 검색으로 오타 찾기 2. 조건절... if문이 싹 빠져있음. trim 마이바티스 api쪽 보면 trim... 들어있긴함. mybatis-3-user-guide_ko... 찾아보기... 4.. 2023. 3. 29. 03/24 국비 개발자 과정 - Spring - React - Oralce 연결, 회원가입구현 회원제로 운영되는 서비스라고 가정해본다 게시판 유형이 여러가지 필요하다고 상상해보자 (예를 들면, 리뷰게시판, Qnz) 요구사항 QNA게시판인데 양도, 매매, 등으로 검색조건이 꼭 필요하다 게시판의 유형에 따라 첨부파일이 필요한 경우도 있고 필요없는 경우도 있다. 게시판 유형에 따라 댓글 처리 테이블을 별도로 설계한다 리뷰게시판-(예:Review_Comment게시판)-댓글테이블 QnA게시판-QnA댓글(예:qna_comment) 예매게시판-예매댓글테이블(예:reserve_comment)등 첨부파일은 통합 테이블로 관리하기로 결정되었다. mlog_file 댓글형 게시판 구현하기 ERWin으로 테이블을 설계해준다. 블로그에 필요한 데이터들을 만들어 준다. 오라클 계정 만들기-MBLOG계정 create user.. 2023. 3. 24. 03/23 국비학원 개발자과정 79회차 - Redux 이해 전 과정... Dom Tree+CSS=>Render Ttree 브라우저에 내장 리액트 스타일 컴포넌트 https://velog.io/@hwang-eunji/Styled-Components-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8 Styled Components #1 Basic : 리액트 스타일 컴포넌트 기초 Styled Components? CSS나 SASS같이 class, id, tag name를 가져와 쓰지 않고, 스타일 지정된 컴포넌트 생성하여 Tag 쓰듯 스타일컴포넌트를 쓰는 것을 말한다. 즉, 리액트에서 ui단위를 나누어 컴포넌트화 하 velog.io const obj={} =>리터럴 .. 2023. 3. 23. 03/22 국비학원 개발자과정-Spring @ annotation 정리, Flux아키텍쳐, Redux, React Hook MVC아키텍쳐의 한계 https://velog.io/@alskt0419/FLUX-%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EB%9E%80 root다 모두 제어 거대 프로젝트가 되면 오류가 발생 장애가 너무 많다. 양방향 데이터 바인딩이다. 너무 복잡하다. 비효율적. Redux는 단방향 데이터 바인딩이다. 양방향이 안된다. 쿠키와 세션 화면에 반영이 되기 위해서는 브라우저가 Dom Tree를 그린 후 Render Tree를 그려야한다. 렌더 트리는 기존의 돔 트리에 CSS가 포함된 트리이다. 화면에 대한 깜박임, 기다림 없이 최적화된 상태로 보여주는것이 브라우저의 역할. 엔진들이 모여져서 서비스가 진행... 한 화면에 탑-바디-바텀 이 있다. 전체를 감싸는것은 App.jsx이다. .. 2023. 3. 22. 03/21 국비학원 개발자과정- Spring, React, Reducx 카카오 로그인 API사용하기 리액트- 카카오 인증 http://localhost:3000/auth/kakao/callback router index.js 리덕스 설정 - 단방향성 - Flux Archecture 스프링-카카오인증 http://localhost:8000/auth/kakao/callback 리액트쪽과 스프링쪽에서 카카오 인증을 따로 받아야 한다. MVC아키텍쳐의 한계 DispatcherServlet View를 통해서 반영을 시킨다->리액트의 랜더링 ajax fetch get post @RequestBody post방식 때문에 RequestBody를 사용해야한다. Model에 영향을 준다. like where절.... 이러한 값들은 뷰에서 오고 파라미터로 전달되어야 한다,. 이 조건을 수렴하는.. 2023. 3. 21. 03/17 국비 개발자 과정-76회차 쿠키(회원관리), Spring, React 쿠키생성하기 첫번째 파라미터 : 이름 (key생각-유일무이) 두번째 파라미터 : 값(문자열 가능함) 생성을했다고 해서 실제 로컬 PC에 내려가지 않는다. 별로도 응답을 내려 보내야한다. Cookie c =new Cookie("cmem_id", "tomato"); 쿠키 타임에 대한 설정이 가능하다. 장바구니에 보관은 3일 동안만 API로는 setMaxAge();//단위는 초 단위이다. 쿠키의 적용범위 c.serPath();//생략이 가능하다. http://localhost:9000/member/cindex.jsp upmu[0] upmu[1]=cindex.jsp 요청으로 시작해서 응답으로 끝난다->웹페이지 Void ->doGet(req,res), doPost(req,res) String->"redirect:.. 2023. 3. 17. 3/16 국비학원 개발자과정 75회차 수업-Cookie 로그인, cbt프로그램 문제1. 다음 중 DML구문이 아닌 것을 고르시오. select insert create delete 문제2. 다음 중 DDL구문이 아닌 것을 고르시오. create drop alter delete 문제2. 다음 중 DDL구문이 아닌 것을 고르시오. create drop alter delete 맞힌갯수 : 개 입니다. 점수는 : 점 입니다. pass){ out.print("그러니까 당신 합격입니다."); }else{ out.print("그러니까 당신 불합격입니다."); } %> 히든 속성 화면에 안보이면서 몰래 값을 전달할 때 사용한다. 익스프레션 서버측에서 변수에 할당 된 값이 html에 출력된다. 처리 주체가 서버이다. 서버사이드에서 결정이되어서 마임타입으로 저장이된다. 이미 다운이 되면 결정이 된것.. 2023. 3. 16. 03/15 국비학원 개발자 과정 74회차- Spring Boot, JQuery, React 아래로 내려가는것 캡처링 위로 올라가는것 버블링 흐름 App.jsx->index.js->index.html //css를 js문법을 사용하여 컴포넌트로 만들어 주는 라이브러리 리액트에 디자인 넣을때 style components를 사용하였다. import해서 사용해야한다. 컴포넌트(Component)란, 소프트웨어 공학에서 구성 가능한 부품이나 요소를 말합니다. 즉, 모듈화된 소프트웨어 부분으로서, 여러 개의 컴포넌트를 조합하여 큰 소프트웨어 시스템을 만들어낼 수 있습니다. 컴포넌트는 보통 재사용성이 높은 기능적인 요소로, 독립적으로 개발되어 다른 시스템에서도 사용될 수 있습니다. 컴포넌트는 특정한 인터페이스를 가지며, 이를 통해 다른 컴포넌트나 시스템과 상호작용합니다. 쿠키와 세션 클라이언트사이드와 서버.. 2023. 3. 15. 03/14 국비학원 개발자 과정 73회차 - Spring, React, Quill React와 Spring 연결 스프링 흐름 정리 https://docs.google.com/spreadsheets/d/1Lb_ghdLZ-IM8-KKK1I2RYn1ZO_84USFuai6Vz4_Xu8U/edit#gid=869563088 오랜만에 Spring Boot사용하기 https://newstartjoah.tistory.com/124 Spring boot프로그램 메이븐방식의 mblog-1을 만들어준다. 여기서 많은것을 선택하는것은 권장하지 않는다. 수동으로 하나씩 필요한것 추가하는것이 일반적. 자동으로 하면 모르는 코드가 추가될수도... 패키지들을 추가하는데 시간이 걸린다. 만들고 좀 기다리자. 버전 빼주기-충돌 가능성때문 그다음 메이븐 업데이트 프로젝트 해준다. 포트번호 8000으로 설정하기 기존 톰캣.. 2023. 3. 14. 이전 1 2 다음
