사이먼's 코딩노트

[자바 스크립트 소개]JavaScript(JS)는 웹 사이트와 어플리케이션을 동적 및 상호 작용적으로 만드는 데 사용하는 언어 중에 하나이다.서버뿐만 아니라 브라우저에서 직접 실행할 수 있다는 점이 독특하다.HTML/CSS와 함께 JavaScript는 가장 일반적으로 사용하는 프로그래밍 언어 중 하나이다.이 때 주의할 점은 기본 Java의 클래스 사용이나 방식은 유사하지만, JavaScript는 엄연히 Java와는 다른 언어이다.JavaScript 작업을 쉽게 구현하기 위해서는 일반적으로 라이브러리를 많이 사용한다.JQuery나 React가 대표적인 JavaScript의 라이브러리라고 생각하면 된다.프레임워크는 라이브러리의 모음인데, 웹 사이트 구축에 필요한 모든 코드를 제공할 수 있다.Vue.js, N..

[토글 사이드 바 만들기]이번에는 전에 만들어본 풀 다운 메뉴와 transition 등을 활용해서 토글 사이드 바를 만들어 봅시다.토글 사이드 바란 화면의 좌 또는 우측에 위치한 사이드 바 메뉴를 의미합니다.사이드 바는 좌측에 위치하고 4개의 1차 메뉴가 존재하고, 1차 메뉴의 마지막 메뉴 아이템에만 또다른 4개의 2차메뉴, 3차메뉴가 존재한다.1차 메뉴를 제외한 2, 3차 메뉴들은 모두 hover를 적용하여 마우스 커서를 올려 놓았을 때만 보이도록 한다. 예시의 사이드 바를 설명하자면, 각 메뉴에서 2, 3차와 같은 하위메뉴가 존재하면 메뉴의 이름 끝에 [+] 를 붙혀준다.그리고 뒷 배경에 lorem을 통해 텍스트를 길게 썼을 때, 화면을 스크롤해도 사이드 바가 그대로 형태를 유지하도록 하는 것이 주의..

[라이브러리]이번에는 HTML과 CSS를 보다 더 편하게 꾸며줄 수 있는 몇 가지 라이브러리를 소개하려고 합니다.라이브러리는 보통 HTML의 body 태그 아래에 작성할 수 있습니다. [cdnjs]cdnjs는 Cloudflare에서 호스팅하는 무료 오픈 소스 소프트웨어 콘텐츠 전송 네트워크이다.JavaScript와 CSS 라이브러리를 제공한다.URL : https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developersSimple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service ..