• 자바스크립트 객체

    자바스크립트의 객체(object)는 마치 컨테이너 박스처럼 한꺼번에 여러 값을 담을 수 있는 데이터 타입이다. 숫자, 문자열, 불리언 등 다른 원시타입(Primitive data type)과 달리 객체는 객체...


  • 깃허브 지킬 블로그 SEO 작업

    SEO란? SEO의 뜻은 ‘검색엔진 최적화’인데, 사람들이 웹에서 사이트를 찾아보기 쉽도록 보완하는 작업이다. 링크 공유시 등장하는 미리보기도 SEO에 포함된다. 네이버 블로그처럼 대형 블로그 플랫폼은 SEO가...


  • 코드펜 따라하기 - 다크모드 스위치

    다크모드로 변하는 토글 스위치 만들기 모바일에서 무언가를 켜고 끌 때 많이 사용하는 토글 스위치, 토글 버튼을 만들어본다. 토글 스위치는 JS말고 CSS만으로도 작업할 수도 있는데,...


  • 코드펜 따라하기 - 내비게이션 메뉴 (2)

    언더바가 움직이는 내비게이션 메뉴 만들기 이번에 만들 것은 메뉴 텍스트를 클릭하면 텍스트를 강조하는 언더바가 해당 위치로 움직이는 내비게이션 메뉴다. 이 원본 작업 링크를 클릭하면...


  • 자바스크립트 - 반복문의 진행과정

    Nested Loop(for문)의 진행순서 Codecademy 에서 nested loop for문을 공부하다가 궁금한 게 생겼다. 코드 예제를 짜다가 nested loop의 진행과정이 궁금해서 각 블록문마다 console.log를 넣어봤는데, log가...