본문 바로가기

학원수업107

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.
03/13 국비학원 백앤드 개발자과정 72회차-pojo를 spring으로 Pojo를 Spring으로 이관하기 quiill은 글쓰기 예쁘게 들어가는 UI이다. 무료 text aditordlek React에서 quill을 사용하기 위해 yarn패키지 매니저로 다운받아준다. react-quill PO 2023. 3. 13.
03/10 국비학원 개발자 71회차 수업-React, 싱글페이지 어플리케이션 불필요한 div를 가질 필요가 없다. 프레그먼트 넣어준다. React는 js기본 문법을 아는것이 가장 중요하다. props가 바뀌었을때 상태값이 바뀐다. props가 바뀌었을때도 리렌더링이 일어난다. 리렌더링 경우 1. state가 변경되었을때 리렌더링이 일어난다. 2. Props가 변경되었을때 3. 부모 컴포넌트가 변경 되었을때 캡쳐링만 된다. 버블링은 안된다. React에서 리렌더링은 컴포넌트의 상태(state)나 속성(props)이 변경될 때 해당 컴포넌트가 다시 렌더링되는 것을 의미합니다. React는 Virtual DOM을 사용하여 컴포넌트의 렌더링을 최적화합니다. Virtual DOM은 실제 DOM의 가벼운 복사본으로, 컴포넌트의 상태나 속성이 변경될 때마다 새로운 Virtual DOM을 생성.. 2023. 3. 10.
03/09 국비교육 개발자과정 70회차-Pojo를 Spring 으로 옮기기 Spring legacy Spring 흐름도 .sp Bean xml->태그->전체,컴파일 안한다. 버전관리 용이하다. servlet-context.xml--->controller의 짝 spring-service.xml---->로직 spring-data.xml-------->다오 데이터에 등록이 되어있는것은 자바이다. xml과 자바 사이를 알아야한다. 스프링 쪽에서 타임 리프? view.js를 쓸 수 밖에 없다. 아무도 옛날방식인 xml을 관리 안한다.... 자바와 myBtis레이어와 연결하는것은 스프링이 된다. myBatis-spring.jar servlet-context.xml 에 controller클래스를 등록 해놨다. 태그를 이용 할때에 id class type 이 올 수 있다. 클레스는 쿠현체 클래스만. type에는 추상.. 2023. 3. 9.
03/08 국비학원 개발자과정 69회차- POJO, Spring 오전 NCS시험 JSP예외처리문제 나옴. https://dololak.tistory.com/480 [서블릿/JSP] JSP 예외 처리하기. isErrorPage 및 errorPage 옵션. JSP 예외 처리하기 JSP에서는 페이지의 내용을 처리하다가 예외가 발생하는 경우 별다른 설정이 없다면 예외의 내용을 그대로 출력스트림인 out 객체로 출력하기 때문에 클라이언트(브라우저) 에 dololak.tistory.com Spring 흐름 생각해보기! POJO에서 ActionSupport를 DispatcherServlet으로 한다. 3.SimpleURLHandler 에서 객체주입 Dependency injection if나 switch문으로 깔때기로 걸러준다. 관리자 모드니? 주문처리 할거니? 로그인 할거니(A.. 2023. 3. 8.
03/07 개발자 국비수업 68회차 수업 pojo spring전에 연습하기-흐름도 요청객체와 응답객체를 HandelMapping쪽으로 넘겨준다. boardList JsonBoardList boardDelete boardInsert boardUpdate 컨트롤러에서 로직으로 갈때에는 req,res필요없다. 파라미터로 넣어줄거다. 유저가 넣어주는 값이다. 유저의 값은 UI,UX뷰계층에서 받아온다. 현재는 easyUI를 사용한다. 연습 후 React로 넘어갈 예정 Model계층에서는 비즈니스 로직을 처리한다. 업무의 기능별로... 재고관리, 판매량관리, 회원관리 등등.... 모델계층안에 Data Access Object? 다오 포함된다. 오라클과 직접 대화하는 아이가 Dao이다. Dao부분이 Spring Boot공부하면 JPA로 바뀌어서 생략이 되는.. 2023. 3. 7.

티스토리툴바