• 자바스크립트 객체

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

  Javascript, Object

  이어진 2019-08-31

---

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

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

  Jekyll, Seo

  이어진 2019-08-15

---

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

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

  Codepen, Html, Css, Javascript

  이어진 2019-08-04

---

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

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

  Codepen, Html, Css, Javascript

  이어진 2019-07-20

---

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

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

  Javascript

  이어진 2019-07-18

---

• 알고리즘 문제풀이 - 완주하지 못한 선수

  완주하지 못한 선수 총 풀이 시간: (개념 파악한 이후) 1hr 40min 문제설명 마라톤에 참여한 선수들의 이름이 담긴 배열 participant, 완주한 선수들의 이름이 담긴 배열...

  Javascript, Programmers, Algorithm

  이어진 2019-07-15

---

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

  HTML, CSS, JS를 각각 어느정도 배웠는데, 언어만 배우다보니 점점 지루해졌다. 아무래도 디자인 전공 출신이라 내가 배운 내용을 토대로 직접 화면을 구현하고 싶었다. 하지만 혼자서...

  Codepen, Html, Css

  이어진 2019-07-13

---

• 웹퍼블리싱 - 인라인블록의 왼쪽정렬

  문제상황 inline-block element(nav, li) 를 left-align 하면 element 마다 의도한 적 없는 spacing 이 생긴다. 해결과정 element의 태그를 닫지 않기 바로 해결되지만, html(마크업)이 망가진다....

  Html, Css, Publishing

  이어진 2019-07-05

---

• 웹퍼블리싱 - 해시링크 오프셋 조절하기

  해시링크란? <a> 코드의 href 링크 안에 문서 내 id값을 넣어서 해당 id 위치로 이동하게 하는 해시 링크(Hash Link). 문서 내 주석이나 참조를 쓸 때나...

  Html, Css, Publishing

  이어진 2019-06-30