태그 구분 block inline semantic tags e.g. body > header, content, footer..

연습할 수 있는 사이트: Flexbox Froggy

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

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

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 애플리케이션 등을 쉽게 구현 ..