전체 글218 03/20 파이널 프로젝트 관련 React는 session접근이 안된다. 그래서 SessionStrage LocalStorage를 많이 쓴다. 또는 Cookie로 관리해야한다. 네이버로그인이나 카카오로그인을 하려면 따로 백을 관리해야한다. 토큰.... 네이버 카카오에서 토큰을 넘겨준다. 토큰을 가지고 다시 요청을 해야 이름 이메일 프사정보등을 가져올 수 있다. 자바스크립트용으로 처리 하나 백앤드용으로 따로 처리 글로벌하게 관리하는것을 index.js에서 관리한다. 캡쳐링만 가능하고 버블링만 되기때문이다. 내려가는것만 된다. 리랜더링 props가 바뀌었을때 retrun안에 태그가 온다. location.reload이런거 리액트에서 많이 쓰지마라. URL이 바뀐다. 어쩔수 없을때 쓰기. 피하는것이 좋다. useNavigate를 사용해라. .. 2023. 3. 20. Spring 자동으로 refresh되게 하는법 window-preperence에서 위의 체크를 설정해준다. 2023. 3. 17. Spring Boot - Mybatis연결하기(Hikaricp) DB 커넥션 풀(Connection pool)이란? https://code-lab1.tistory.com/209 DB 커넥션 풀(Connection pool)이란? HikariCP란? 커넥션 비용 WAS(Web Application Server)와 데이터베이스 사이의 연결에는 많은 비용이 든다. MySQL 8.0을 기준으로 INSERT 문을 수행할 때 필요한 비용의 비율은 다음과 같다. 괄호 안의 숫자가 비율을 의 code-lab1.tistory.com WAS(Web Application Server)와 데이터베이스 사이의 연결에는 많은 비용이 든다. 이를 보완하기 위해서 커넥션풀을 사용한다. 커넥션 풀 데이터베이스와 연결된 커넥션을 미리 만들어 놓고 이를 pool로 관리하는 것이다. 즉, 필요할 때마다.. 2023. 3. 17. 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. Spring Boot와 React연동하기-리액트 프로젝트만들고 기본설정 프론트와 백앤드 완전히 분리하기위함이다. 지워라. index.html이렇게 하기. 깔끔하게. 필요없는것들은 삭제하기 App.js->App.jsx로 리액트로 고쳐준다. index.js도 정리해준다. yarn패키지 매니저로 1. bootstrap 2.react-bootstrap 3.react-router-dom 4.font awesome 5.axios 6.firebase 7. quill 8.styled-components 9.reducts node.js기반에서는 fetch보다 axios를 더 추천한다고... git ignore에 .env는 키들어있는 파일이므로 무시시켜준다. https://nextjs.org/ Next.js by Vercel - The React Framework Production grad.. 2023. 3. 15. React와 Servlet연동하기-yarn사용 리액트와 서블릿 연동 하기 - chat221228[E:\workspace_java\chat221228] : yarn 패키지매니져 사용함 설치시 -g를 주면 전역에서 사용가능하게 설치(-D 개발자 의존성 주입 : spring maven, gradle) npm install -g yarn 패키지매니저 버전확인 yarn -version리액트 프로젝트 생성하기 1. yarn create react-app template2023 단 현재 바라보는 폴더 아래에 template2023폴더 생성 VSCode로 프로젝트 열때도 위 경로에서 열어야 에러없음 항상 E:\workspace_java\chat221228\src\main\react-front 열어야 함2. yarn init --force 엔터 그냥 엔터를 계속 치.. 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. Spring 프로젝트에서 Tomcat dependency 추가하기 있던 버전 빼주기-충돌 가능성때문 그다음 메이븐 업데이트 프로젝트 해준다.!!!! 반드시 Maven>Update Project 해주기 2023. 3. 14. 이전 1 ··· 5 6 7 8 9 10 11 ··· 22 다음
