SMALL 프론트엔드 개발자/JS29 자바스크립트 javascript 9. 자바스크립트 DOM, 다양한 효과넣기 ///라이브러리 () ///프레임워크 () -현재시점 - 웹 -동적인 기능 -js library, Framwork -> 미리 작성된 코드 모음 라이브러리 => 특정 작업을 수행하거나, 특정기능을 제공하는 함수, 클래스 메써드의 모음 ex> jQuery, Moment.js three.js gsap 프레임워크 ====================> 프론트엔드 개발자 => SPA 방식의 사이트 생성 웹사이트, 어플리케이션의 전체 아키텍쳐를 체계적으로 만들기 위한 기능의 집합. =>문법구조구조가 엄격함 =>자바스크립트에 대한 이해도가 높아야함. React, Angular Vue.js 웹사이트구현 MPA -> Mult Page Application => 서버가 일을 처리 index.html 회사소개.html 찾아.. 2023. 4. 7. 자바스크립트 javascript 8. 동적으로 움직이는 서브메뉴 만들기 메뉴위에 마우스 호버될시 모든 서브메뉴가 같이 나오는 메뉴를 자바스크립트로 구현했습니다. html 1 MENU1 서브메뉴 서브메뉴 서브메뉴 서브메뉴 서브메뉴 MENU2 서브메뉴 서브메뉴 서브메뉴 서브메뉴 서브메뉴 MENU3 서브메뉴 서브메뉴 서브메뉴 서브메뉴 서브메뉴 MENU4 서브메뉴 서브메뉴 서브메뉴 서브메뉴 서브메뉴 css js 2023. 4. 7. 자바스크립트 javascript 7. 서브메뉴만들기 5 (심화편) (1) html menu 1 menu 2 menu 3 menu 4 menu 5 css * { margin: 0; padding: 0; box-sizing: border-box; } .hbox { height: 100px; background-color: #ccc; } .list { width: 1000px; display: flex; margin: 0 auto; } .list > li { flex: none; width: 200px; list-style: none; } .list > li >a { display: block; height: 100px; text-align: center; line-height: 100px; text-decoration: none; color: #333; font-size: 30p.. 2023. 4. 4. 자바스크립트 javascript 7. 서브메뉴만들기 4 (업그레이드편) html MENU1 submenu1 submenu2 submenu3 submenu4 submenu5 MENU2 submenu1 submenu2 submenu3 submenu4 submenu5 MENU3 submenu1 submenu2 submenu3 submenu4 submenu5 MENU4 submenu1 submenu2 submenu3 submenu4 submenu5 MENU5 submenu1 submenu2 submenu3 submenu4 submenu5 css * { margin:0; padding:0; box-sizing: border-box; } .hbox { height: 100px; background-color: #ccc; } .list { width: 1000px; display: fl.. 2023. 4. 4. 이전 1 2 3 4 5 6 7 8 다음 LIST
