2022.1.7(금) 나의 비밀번호 수정 기능 구현 나의 회원 정보 수정 기능 구현 나의 회원 가입 상태 변경(회원 탈퇴) 기능 실습 homework: JSP 프로젝트 복습, 세미프로젝트 화면 구현 + DB 설계, 회원 탈퇴 기능 구현

2022.1.6(목) 📝 UI 테스트 - 서술형: Selenium 개념 및 활용 - 평가자 checklist: Selenium 활용 📗 homework: 세미프로젝트 화면 구현 시작

2022.1.5(수) 로그인 기능 구현 - session 객체 로그아웃 기능 구현 회원 가입 기능 구현 homework: 세미프로젝트 준비, Selenium 평가 준비, 서버/JDBC/Java 공부

2022.1.5(수) DB 모델링 개요 ERD 작성 cf. 정규화 과정 homework: 세미프로젝트 ERD 작성

2022.1.4(화) 서버 및 dynamic web project 세팅 DB 연결 Member 테이블(DB) 및 Java MVC 패턴/클래스 생성 로그인 기능 구현 homework: 세미프로젝트 준비, 서버/JDBC/Java 공부

2022.1.3(월) 🌿 JSP(Java Server Page) 🌱 개요 html 형식 내에서 Java 코드를 쓸 수 있는 "Java 언어" Servlet(Java 코드 내)에서 응답 화면을 구현했던 복잡함을 보다 간단하게 해결 가능한 기술 JSP의 가장 큰 장점 = Servlet에서는 business logic 처리에만 집중 + presentation logic 처리(응답 화면을 만들어내는 view 역할)는 JSP에서 집중할 수 있게끔 분리 🌱 표현법 ✔️ scripting 원소 웹 화면에서 출력하고자 한다면, 1. 스크립틀릿으로 출력 가능: 2. 표현/출력식으로 출력 가능: 💻 피자 주문 양식 요청 + 응답 실습 📗 homework: 세미프로젝트 준비, JDBC 복습

2021.12.31(금) 화면 구현 UI/UX concept 기획 평가자 checklist 회원 가입 form 페르소나 시나리오 분석 및 기능 구현 문제 해결 시나리오 1. document.getElementByTagName("button") 2. jQuery 로그인 form 페르소나 시나리오 분석 및 기능 구현 📗 homework: 세미프로젝트 준비, JDBC 복습

2021.12.30(목) 🌿 JSP 🌱 post 방식 요청 및 응답 test 특징 post 방식으로 요청하는 건 HTTP message의 body 영역에 데이터를 포함시켜서 요청 -> 사용자가 입력한 값/데이터가 url에 노출되지 않음 -> 보안 유지 가능 -> 로그인, 회원 가입 등의 경우 post 방식이 적합함 body 영역은 전송하는 길이에 제약이 없음(더 정확하게 말하자면, 날아갈 수 있는 패키지의 길이는 제한이 있는 바, 여러 개로 쪼개서 보내고 붙임) -> 게시판 작성 등의 경우 post 방식이 적합함 즐겨찾기는 가능하나, 전달되는 데이터가 url에 노출되어있지 않음 -> 기존에 봤던 응답 화면(e.g. my page 등)을 볼 수는 없을 것임 최대 요청받는 시간(time out, 기다리는 시..

2021.12.29(수) 🌿 network/web 통신 개요 🌿 서버 작업 환경을 위한 Eclipse workspace 세팅 및 서버 생성 새로 workspace(작업환경) 만들어서 Eclipse로 열기 workspace 세팅하기 2a) 웹 어플리케이션 작업을 위해 Java EE 환경으로 설정(기본값) 2b) Window > Show view -> 보여질 UI tabs(폴더 구조를 더 명확하게 보기 위한 navigator, console, problems, servers) 세팅 2c) encoding 설정 및 서버 runTime environments 세팅 2c-1) Window > preferences -> utf-8로 encoding 설정 등 2c-2) 서버 runTime 잡기: Eclipse에서 서..

2021.12.28(화) 💻 JavaScript 종합 실습 체크박스 회원 가입 양식 🌿 Selenium 세팅 크롬드라이버 실행 파일 세팅 웹드라이버 로드 활용 public static void main(String[] args) { // Chrome driver 실행파일 세팅 System.setProperty("webdriver.chrome.driver", "C:/dev/chromedriver.exe"); // web driver 로드 WebDriver driver = new ChromeDriver(); WebDriverWait wait = new WebDriverWait(driver, 10); JavascriptExecutor executor = (JavascriptExecutor)driver; // ..

2021.12.27(월) 🌿 jQuery 🌱 추가적인 메소드 each() is() 시각적인 효과 메소드: show(), hide(), toggle() / fadeIn(), fadeOut(), fadeToggle() / slideDown(), slideUp() 🌱 이벤트 event handler 연결 방법: 이벤트 메소드, on 메소드 동적으로 만들어진 요소에 이벤트 적용 1회성 이벤트 키보드 관련 이벤트 📗 homework: 세미프로젝트 준비, JavaScript 평가 준비, JDBC+Java 복습

2021.12.24(금) 🌿 jQuery 🌱 요소(객체) 생성/삽입 🌱 요소 복제 🌱 요소 제거/잘라내기 💻 실습 문제 🌿 bootstrap 개요 및 실습 💻 응용 예시 homework: 세미프로젝트 준비, JDBC 복습

2021.12.23(목) 🌿 jQuery 🌱 탐색/순회 메소드 조상 자손 동위 🌱 content영역 관련 메소드 💻 실습 문제 📗 homework: 세미프로젝트 준비

2021.12.22(수) 🌱 자/후손 선택자 🌱 속성 선택자 🌱 입력 양식 선택자 🌱 상태 선택자 🌱 필터 관련 선택자 + 메소드 🔍 References 수업 자료(4_jQuery_workspace 폴더) jQuery 공식 문서 > 선택자 📗 homework: 세미프로젝트 준비

2021.12.21(화) 🌿 JavaScript 정규표현식 * ID : 첫 글자는 반드시 영문 소문자로, 그리고 영문 소문자, 숫자를 포함해서 총 4-12로 입력하세요 * 비밀번호 : 영문자, 숫자, 특수문자(!@#%^)로 총 8~15자로 입력하세요 * 비밀번호 확인 : 위의 비밀번호와 일치하게 입력하세요 * 이름 : 한글로만 이루어져야 하며 2글자 이상으로 입력하세요 이메일 : 이메일 형식에 맞춰서 입력하세요 취미 : 독서 피아노 그림 산책 거주지 : 서울 스톡홀름 런던 베를린 기타 🌿 jQuery 🌱 개요 존 레식에 의해 개발된 경량 JavaScript 라이브러리 복잡했던 코드를 쉽게 구현하였는데, 특히 DOM과 관련된 처리, 일관된 이벤트 연결, 시각적 효과, Ajax 애플리케이션 등을 쉽게 구현 ..