금일강의내용정리 ========================================================================== RES>box.html : 박스를 내부디자인 해서 PC버전에선 가로정렬, tap버전에선 짝수가로정렬, 모바일 버전에선 세로정렬로 구현 * transition: all 0.3s ease-in-out; => 위로 들리기 transform: translateY(-4px); => 다시 내리기 display: grid; grid-template-columns: repeat(2, 1fr); => 해상도마다 다르게 보이기 -----------------------------------------------------------------------------------..

금일강의내용정리 ========================================================================== JAVASCRIPT>trigger.html : 메뉴바 버튼 클릭시 오른쪽끝에 메뉴바가 나오는 것을 구현 * position : fixed는 화면에 고정을 시킬 때 사용! ------------------------------------------------------------------------------------------------ addTree01.html : html 태그를 JAVASCIPT로 생성/추가 ex) 장바구니 기능 * 쇼핑몰같은 사이트에서 장바구니 기능을 구현할때 사용하는 태그! ------------------------------..

금일강의내용정리 ========================================================================== RES>main.html : 사이트 메인부분을 만들어서 모바일 해상도로 옮기기 * 반복되는것 : display: flex, @media (max-width:) ------------------------------------------------------------------------------------------------ RES>table.html : 테이블 만들기 반응형으로 모바일 버전도 같이 만듦 * 테이블 만드는 건 잊지 말아야한다고 강조함 ---------------------------------------------------------..

금일강의내용정리 ========================================================================== JAVASCRIPT>tut02>select_ex.html : 사원등록 페이지를 만드는데 부서명 선택없이 회원가입을 클릭 하면 "부서를 선택해야 합니다." 출력, f12(console)창으로 봤을때, 부서명 선택 후 회원가입 클릭시 부서명과 부서코드가 출력되어야 함. * 여기서 강조했던것이 배열! 부서명 출력시에는 .indexText 사용, 부서코드 출력시 .value 사용 ------------------------------------------------------------------------------------------------ JAVASCR..

금일강의내용정리 ========================================================================== RES>adv_ex.html : 상단 광고바 생성 (내용 및 상자 해상도에 맞춰 가운데 정렬) * @meida : max-width: 해상도; => 모바일, 테블릿, 노트북, 데스크탑에 맞는 해상도 조정 ------------------------------------------------------------------------------------------------ RES>nav_ex.html : 해상도마다 다르게 보이는 반응형 사이트 메뉴바 생성 * 이거 기억해뒀다가 나중에 써먹어야함! ---------------------------------..

금일강의내용정리 ========================================================================== JAVASCRIPT>tut11.html : toggle + onclick 태그를 이용해서 배경색 입혔다 지우는 예제 * toggle 태그를 사용하면 on/off 버튼의 기능을 사용할 수 있다! ------------------------------------------------------------------------------------------------ JAVASCRIPT>tut12.html : toggle + addEventListener 태그로 배경전체에 색입혔다 빼기 * addEventListener는 사용방식이 약간 다르니 참고해두자! -..