숲이 아닌 바다이던가

기본요소 components, props, state 책은 클래스문법으로 되어있음 => 클래스 문법은 사용하지 않을 것임 설정 1. Node.js 설치 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org => 쌤이 준거랑 버전이 다름 2. 터미널 > 터미널창에서 npx create-react-app 프로젝트명 입력 프로젝트에 접근 > cd 프로젝트명 시작> npm start App.js에 app div에 쓰는대로 화면에 나옴 ctrl C 누르면 => 작업을 끝낼래? => 대문자Y

숨기는법 visibility : hidden 자리는 차지 display:none 사라짐 click함수호출 1) 인라인방식 onclick="test();" function test(){} 또는 onclick="location.href='mapping'" 2) click이벤트메소드 $('#btn').click(function(){}); 3) on메소드 $('#btn').on('click', function(){}); 4) on메소드 객체로 이벤트 $('#btn').on({click : function(){}, mouseenter : function(){}, ... }); 5) on메소드 하위요소 모두 이벤트 $(document).on('click', 'button', function(){}); 6) 동적으로..

여러개의 테이블의 컬럼값이 필요한 경우 1. SELECT문을 두번 날린다. 2. VO에 ArrayList로 아예 담아서 가져온다. ex. 게시글, 댓글 댓글을 게시글의 VO에 리스트로 담아서 가져와서 반복문을 돌려서 출력한다. + 23.11.21 상품의 경우 A상품 B상품이라면 상품 테이블 만들고, 개별적인 특성들은 A상품테이블, B상품테이블에 넣고 VO객체에 담을 때는 상품에 대한 추상클래스를 만들어서 상속받아서 쓸 수 있다.

Google https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services aws.amazon.com 무료 가입 (100원 결제 후 취소됨) 루트 사용자로 로그인 콘솔에 로그인 > (서울로 바꾸기) > 컴퓨팅 > EC2 > 인스턴스 > 인스턴스 시작 window microsoft, t2 micro(첫 1년 750시간 공짜), 키페어 생성(이름 아무거나) 파일다운되면 숨겨두기ㅎㅎ, 인터넷에서 HTTP 트래픽 허용 체크, 로 설정 후 인스턴스 시작 인스턴스 보기 > 인스턴스에 연결 > RDP 클라우드 > 암호 가져오기 > 프라이빗 키 카드 업로드 > 아까 다운되었던 키페어 열기로 업로드 > 암호해독 작업표시줄에 원격 데스크탑 연결 실행(관리자..

웹 소켓 일반적인 통신은 아니고~ 특수한 경우에 사용을 고려해볼 수 있는 통신 무상태 프로토콜 => 서버와 나와 연결되어 있지 않음 HTTP통신은 초기에 연결하면 그 후는 비연결형 => 비용이 저렴함 소켓은 상시 연결형 => 자원소모가 많고 유지보수 비용이 많이 듦, 신뢰성이 높음 1. 라이브러리 추가 spring websocket 버전과 맞는것 추가(5.3.25버전 일단 쓰겠음) 2. TextWebSocketHandler 상속 3. 오버라이딩 3개 4. Servlet-Context에 서버 등록 > namespaces > websocket 체크 빈등록

1. WARN : org.springframework.web.servlet.PageNotFound - No mapping for GET /finalProject/main Servlet-Context.xml 의 의 오류 2. Controller가 자꾸 bean등록이 안되어있다네.. => security 의 Spring Bean Configuration File을 web.xml에 작성할때 /WEB-INF/spring/root-context.xml /WEB-INF/spring/spring-security.xml 이렇게 써야함 태그 따로 쓰면 못 읽음 3. 500 에러 컬럼 타입과 필드타입의 순서가 맞지 않으면 에러가 날 수 있음 SQL: SELECT EXP_NO, EXP_TITLE, EXP_WRITER, EX..

하나의 트랜잭션 main을 같이 씀 => 오류가 날 확률이 매우 높음 Insights > Network 분기(브랜치)를 만들어서 작업 + 대장이 Setting > Branches > Add branch protection rule > Branch name pattern에 main 적고 > Require a pull request before merging => 몇 명이 허락해 줘야함 작업 후에 commit하면 create full request를 누르면 허락받으러 감 => 올리면 다른 사람들이 Pull requests에서 aprove해줘야 커밋돼서 올라감 해당 branch에서 작업 다 하면 delete해주면 됨

88-1. 쿠키 쿠키는 F12 > Application에 들어가면 볼 수 있음 Name / Value로 구성되어 있음 아이디 저장이나 팝업창 오늘하루보지않음 같이 보안상 문제가 없는 것들을 저장해 놓음 절대로 중요한 것은 저장하면 안됨! 하지만 빠름 1. 쿠키 만드는 법 new Cookie(name값, value값); 2. expire지정하는 법 new Cookie("", "").setMaxAge(초단위); => 미국시간으로 나옴 3. 보내는법 HttpServletResponse response객체로 response.addCookie(name); @RequestMapping("create") public String create(HttpServletResponse response) { // JavaScr..

대략적인 틀은 같지만, API를 제공하는 제공처에서 써놓은 레퍼런스를 꼭 참고하자 또한 예제를 보고 이해한 후 쓰도록 한다. (복붙해서 씀) 네이버 개발자 센터 https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com http://localhost Java로 사용 카카오 개발자 문서 https://developers.kakao.com/docs/latest/ko/daum-search/dev-guide Kakao Developers ..