Jina
웹 프론트엔드에 관심이 많은 디자인 전공입니다.
-
자바스크립트 객체
자바스크립트의 객체(object)는 마치 컨테이너 박스처럼 한꺼번에 여러 값을 담을 수 있는 데이터 타입이다. 숫자, 문자열, 불리언 등 다른 원시타입(Primitive data type)과 달리 객체는 객체 타입(Object data type)이라는 데이터타입으로 따로 분류된다. 객체는 데이터값을 지닌 프로퍼티와 액션을 수행할...
Javascript Jina 2019-08-31 -
깃허브 지킬 블로그 SEO 작업
SEO란? SEO의 뜻은 ‘검색엔진 최적화’인데, 사람들이 웹에서 사이트를 찾아보기 쉽도록 보완하는 작업이다. 링크 공유시 등장하는 미리보기도 SEO에 포함된다. 네이버 블로그처럼 대형 블로그 플랫폼은 SEO가 이미 잘 되어있지만, 이 블로그는 깃허브의 지킬(jekyll)을 사용해서 만든 설치형 블로그이기 때문에…...
Jekyll, Seo Jina 2019-08-15 -
코드펜 따라하기 - 다크모드 스위치
다크모드로 변하는 토글 스위치 만들기 모바일에서 무언가를 켜고 끌 때 많이 사용하는 토글 스위치, 토글 버튼을 만들어본다. 토글 스위치는 JS말고 CSS만으로도 작업할 수도 있는데, W3Schools에 들어가면 CSS만으로 만든 토글 스위치 코드를 볼 수 있다. 이번에는 다크모드로...
Codepen, Html, Css, Javascript Jina 2019-08-04 -
코드펜 따라하기 - 내비게이션 메뉴 (2)
언더바가 움직이는 내비게이션 메뉴 만들기 이번에 만들 것은 메뉴 텍스트를 클릭하면 텍스트를 강조하는 언더바가 해당 위치로 움직이는 내비게이션 메뉴다. 이 원본 작업 링크를 클릭하면 내가 참고한 원래 작업의 코드와 구현된 UI를 볼 수 있다. 이전 포스트에는...
Codepen, Html, Css, Javascript Jina 2019-07-20 -
코드펜 따라하기 - 내비게이션 메뉴 (1)
HTML, CSS, JS를 각각 어느정도 배웠는데, 언어만 배우다보니 점점 지루해졌다. 아무래도 디자인 전공 출신이라 내가 배운 내용을 토대로 직접 화면을 구현하고 싶었다. 하지만 혼자서 웹페이지나 앱 전체를 구현한 경험은 없어서 어디서부터 시작해야할지 갈피를 잡지 못하고 있었다....
Codepen, Html, Css Jina 2019-07-13