Everyday-Jaram blog

jQuery: 자바스크립트를 간편하게 사용할 수 있도록 고안된 라이브러리 2. jQuery 불러오기(import) 1)jQuery 다운로드 jQuery 홈페이지: https://jquery.com/ jQuery 다운로드: jQuery 3.7.0(compressed version) 우측마우스- 다른 이름으로 저장-JavaScript workspace 폴더에 다운로드 태그에 태그 만들어서 src에서 파일 상대경로 작성하기 2)CDN 활용하여 사용하기 jQuery 다운로드 클릭 Using jQuery with a CDN 찾기 https://releases.jquery.com/ 방문 jQuery Core 3.7.0(min version) 소스코드 복사하여 태그 내에 붙여넣기 3. jQuery 문법: $(태그명 ..

기초통계_01 통계: 데이터를 요약해 만든 정보를 바탕으로 데이터 속에 있는 차이를 확인하는 것 -데이터 요약은 큰 틀에서 보고 데이터의 특징을 숫자로 표현하여 그 속에서 차이를 확인하는 것이 중요 2. 빅데이터: 디지털 환경에서 생성되는 수치, 문자, 이미지, 영상데이터를 포함하는 대규모 데이터 -규모(Volume)/속도(Velocity)/다양성(Variety)/정확성(Veracity)/가치(Value) 3. 자료의 종류 *data: datum의 복수형 양적 자료: 수치로 표현할 수 있는 자료 -이산형자료(정수형) 예) 자녀 수 등 -연속형 자료(실수형) 예)키, 무게 등 질적자료: 수치로 표현할 수 없는 자료 예)이름, 직업, 거주지 등 4. 모집단과 표본집단 모집단: 연구목적을 달성하기 위해 통계적..

함수 1)함수 선언식: 함수명으로 호출 함수 선언 function 함수명(매개변수1, 매개변수 2…) { 실행문; return; } 함수 호출: 함수명(인수1, 인수2…); -return값이 있는 경우 함수 호출하여 console.log로 출력 -return값이 없는 경우 함수만 호출 2)함수 표현식: 함수명이 없는 익명함수, 변수를 통해 함수 호출 함수 선언 변수키워드 변수명=function(매개변수1, 매개변수2…){ 실행문 return; } 함수 호출: 변수명(인수1, 인수2…) [실습] 2. 백틱(``): 문자열과 변수명을 함께 출력하기 위한 도구 변수 출력 -` `안에 문자열과 변수 작성 -템플릿 문자열: ${변수명} 멀티라인(개행): 문자열 입력 시 Enter로 개행하면 반영됨 3. 함수 호이..

JS_02_배열 배열: 여러 개의 데이터를 하나의 묶음으로 관리하는 자료구조 인덱스와 인덱스에 대응하는 데이터로 이루어진 구조(인덱스 0부터 시작) 배열의 크기를 지정하더라도 값을 추가하면 자동으로 공간 할당 배열에 서로 다른 타입의 데이터를 저장할 수 있음 2. 배열의 선언 및 생성 1)배열의 선언방식 변수 키워드 배열명=[] 변수 키워드 배열명=new Array(); 2)배열의 생성방식 배열명=[값1, 값2, 값3…] 배열명=new Array(값1, 값2, 값3…) 3. 배열의 크기 확인: 배열명.length 4. 배열의 반복문 1)for문: for(시작값, 끝값, 증가값){실행문} 2)for of문: for(변수명 of 배열명){실행문} 3)forEach문: 배열명.forEach((매개변수)=>{실..

JS_01_자바스크립트 기초 1. JavaScript: 웹페이지를 동적으로 프로그래밍적으로 제어하기 위해 만들어진 언어 - 활용분야: 웹프로그래밍(Back-End, Front-End) APP, DB, 머신러닝/딥러닝, AR/VR 2. JavaScript의 특징 모든 웹브라우저에서 동작함 웹브라우저에서 실행결과를 즉시 확인 가능 다양한 용도의 프로그램 개발 다양한 자바스크립트 공개 API 다양한 라이브러리와 프레임워크 3. JavaScript 사용하기: 태그 위에 태그 만들기 [실습1] 태그 사용하여 스타일 적용하기 태그 안에 태그로 함수 만들기 -html 태그에 style 적용하는 방법: document.querySelector(‘태그명’).style. -배경색, 글자색 변경하는 함수 -원래대로 되돌리는..

JSP_11_FrontController 패턴 [FrontController 패턴] 필요한 이유 파일마다 중복되는 코드 예)한글 인코딩, 세션 객체 선언 기능마다 파일이 만들어서 개발이 복잡함 Servlet의 용량이 크고, 같은 기능의 반복으로 효율성 저하 →클라이언트의 다양한 요청을 한 곳으로 집중시켜 개발 및 유지보수의 효율성 극대화 [실습] FrontController 만들기: init, service 메소드 체크 init: 처음으로 실행되는 메소드, 초기화 메소드 2. controller로 연결하는 부분에서 파일경로에 .do 추가하기 main에서 controller 경로 뒤에 .do 추가하기 update에서 controller 경로 뒤에 .do 추가하기 ShowMember에서 controller ..

JSP_10_게시판 기능 [환경설정] 파일업로드하는 라이브러리 cos.jar(2020.4) pom.xml에 추가하기 [게시판 실습] 게시글 등록하기 [BoardWrite.jsp]BoardWriteController로 title, writer, filename, content 보내기 [BoardDTO]에서 필드와 생성자 만들기 필드: title, writer, filename, content, b_date 생성자: @Getter, @AllArgsConstructor//전체 생성자 @NoArgsConstructor //기본생성자, @RequiredArgsConstructor //필요생성자 [BoardDAO]에서 upload 메소드 만들기 연결하기: sqlSessionFactory.opensession(tru..

JSP_9_회원관리기능 구현하기 [개인정보 수정] [UpdateMember.jsp] EL 표현식, JSTL 사용하기 태그에서 UpdateController로 사용자가 입력한 email 전송하기 -접속한 email EL 표현식으로 나타내기 -수정할 정보(pw, tel, address) 입력할 input 태그 작성하기 -사용자 화면에서 보이지 않게 사용자가 입력한 email 전송하기 [MemberDAO]update 메소드 만들기 연결하기: SqlSession session=sqlSessionFactory.opensession(true); sql문장 실행하기: int cnt=session.update(“update”, dto); 연결 종료하기: session.close() [MemberMapper]update..

크롤링 05_이미지 데이터 수집 [포켓몬 이미지 수집하기] 라이브러리 불러오기 웹브라우저를 통제하기 위한 라이브러리 from selenium import webdriver as wb html 문서에서 태그와 선택자의 위치를 찾기 위한 라이브러리 from selenium.webdriver.common.by import By 웹에 값을 입력하기 위한 라이브러리(컴퓨터용 키보드) from selenium.webdriver.common.keys import Keys 컴퓨터가 이해하기 쉬운 객체로 변환해주는 라이브러리 from bs4 import BeautifulSoup as bs 코드 실행 중간에 쉬는 시간을 부여해주는 라이브러리 import time os 라이브러리: 운영체제의 기능을 파이썬에서 빌려쓰는 라이..

JSP_08_lombok lombok: getter, setter, toString 등 메소드 작성 코드를 줄여주는 코드 다이어트 라이브러리(여러 annotation 제공하여 compile 시 메소드 생성) [환경설정] 1. lombok 다운로드 https://projectlombok.org/download 2. Eclipse 파일 위치에 lombok 넣기 C:\Users\smhrd\eclipse\jee-2023-03\eclipse 3. eclipse경로 확인 후 설치-install/Update-성공하면 quit installer 4. pom.xml에 라이브러리 추가: project Lombok(1.18.28) 5. lombok으로 메소드 만들기 - @메소드 생성하는 명렁어→Ctrl+Shift+O(imp..