JavaScript
웹 개발언어 JavaScript
-
자바스크립트 객체
자바스크립트의 객체(object)는 마치 컨테이너 박스처럼 한꺼번에 여러 값을 담을 수 있는 데이터 타입이다. 숫자, 문자열, 불리언 등 다른 원시타입(Primitive data type)과 달리 객체는 객체 타입(Object data type)이라는 데이터타입으로 따로 분류된다. 객체는 데이터값을 지닌 프로퍼티와 액션을 수행할...
-
이벤트 핸들러
13. 이벤트와 자바스크립트 callback 함수 callback 함수의 개념이 약간 헷갈렸는데 쉽게 말해서 나중에 호출되는 함수이다. 다른 함수나 이벤트에 의해 호출되는 함수를 말한다. setTimeout()과 setInterval()은 시간을 설정해 두고 콜백 함수를 호출하는 함수이다. setTimeout(): 설정한 시간이 지나면 함수...
-
코드펜 따라하기 - 다크모드 스위치
다크모드로 변하는 토글 스위치 만들기 모바일에서 무언가를 켜고 끌 때 많이 사용하는 토글 스위치, 토글 버튼을 만들어본다. 토글 스위치는 JS말고 CSS만으로도 작업할 수도 있는데, W3Schools에 들어가면 CSS만으로 만든 토글 스위치 코드를 볼 수 있다. 이번에는 다크모드로...
-
자바스크립트와 웹 프론트엔드
Try! helloworld javascript 2장 자바스크립트와 웹 프런트엔드 1장에서 자바스크립트의 기본적인 문법을 배웠고 2장부터는 웹페이지의 기능을 구현하는 방법을 배운다. var newContent = prompt("자바스크립트로 html 페이지 변경하기"); document.body.innerText = newContent; prompt는 입력 창으로 사용가가 텍스트를 입력할 수 있게...
-
코드펜 따라하기 - 내비게이션 메뉴 (2)
언더바가 움직이는 내비게이션 메뉴 만들기 이번에 만들 것은 메뉴 텍스트를 클릭하면 텍스트를 강조하는 언더바가 해당 위치로 움직이는 내비게이션 메뉴다. 이 원본 작업 링크를 클릭하면 내가 참고한 원래 작업의 코드와 구현된 UI를 볼 수 있다. 이전 포스트에는...