Everyday, Challenge

분류 전체보기 113

[JS]3. 함수&객체

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

코딩/JavaScript 2023.08.04

[JS]2. 배열

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((매개변수)=>{실..

코딩/JavaScript 2023.07.14

[JS]1. JS 기초

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

코딩/JavaScript 2023.07.12

[JSP]11. FrontController 패턴

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

코딩/JSP&Servlet 2023.07.10

[JSP]10. 게시판 기능

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&Servlet 2023.07.09

[JSP]9. 회원정보 관리

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..

코딩/JSP&Servlet 2023.07.06

[크롤링]5. 이미지 데이터 수집

크롤링 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 라이브러리: 운영체제의 기능을 파이썬에서 빌려쓰는 라이..

코딩/크롤링 2023.07.04

[JSP]8. lombok

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..

코딩/JSP&Servlet 2023.06.30

[JSP]7. Mybatis 로 JDBC 구현하기

Mybatis로 JDBC 구현하기 [회원가입] [pom.xml] 1. ojdbc.jar 파일 설치하기: maven에서 ojdbc6.jar(11.2.0.4) 코드 복사 라이브러리 추가 확인 [DAO 수정하기] 2. sqlSessionManagerFactory 불러오기: sqlSessionManager.getSqlSession(); 3. join 메소드 만들기(DAO) 1)연결하기(sqlSession 빌리기): sqlSessionFactory.openSession(boolean autoCommit) 2)sql문 실행하기: insert(String statement, Object Parameter) 선택 –session.insert(“mapper의 id값”, sql문장에 넣을 값) 3)sql문 작성하기: [M..

코딩/JSP&Servlet 2023.06.29

[크롤링]4. selenium 실습

크롤링_04_selenium 실습 [한솥도시락 데이터 크롤링] 1. 라이브러리 불러오기 ● 웹브라우저 제어하기 위한 라이브러리(webdriver) from selenium import webdriver as wb ● html 문서에서 태그와 선택자를 찾기 위한 라이브러리(By) from selenium.webdriver.common.by import By ● 웹에 값을 입력하기 위한 라이브러리->컴퓨터용 키보드(Keys) from selenium.webdriver.common.keys import Keys ● 컴퓨터가 이해하기 쉬운 객체 형태로 변환하는 라이브러리(BeautifulSoup) from bs4 import BeautifulSoup as bs 2. 크롬창 열기(한솥도시락 메뉴 페이지 열기) u..

코딩/크롤링 2023.06.29