구글폰트 이용하기 구글에서는 무료이면서 상업적으로도 사용할 수 있는 폰트들을 모아 두고 개발자가 이용할 수 있게 만들어 놓아습니다. 바로 오늘 포스팅할 구글 폰트입니다. 구글 폰트 바로가기 기능을 하나씩 알아보고 코드에 삽입해 보겠습니다. 우선 폰트 이름 밑에 영어로 된 문장들이 보이시죠? 저 부분은 폰트를 사용하면 어떻게 보이는지 보여줍니다. 그리고 문장 부분은 클릭하면 수정할 수 있습니다. 한번 바꿔볼까요? 마음에 드는 폰트가 있나요? 그럼 폰트이름 옆에 있느 +를 눌러주세요. 마음에 드는 것이 많으면 여러개를 클릭하셔도 상관 없습니다. 클릭하고 나면 홈페이지의 하단에 창이 하나 생깁니다. 창을 클릭해주세요 태그를 이용하는 것이 기준이 된다고 하니 일단 태그를 사용해서 예제를 만들어 보겠습니다. 태그..
플렉스를 활용해서 에어비앤비의 네비게이션바를 만들어 봅시다. 1. 준비운동 다시보기 저번 시간에는 만들기 전에 미리 알아두셔야 할 것들을 설명하는 시간을 가졌습니다. 혹시 기억이 안나시면 위의 링크를 클릭해주세요! 이번 시간부터는 플렉스를 통해서 에어비앤비의 네비게이션바를 만들어 보도록 하겠습니다. 네비게이션바는 홈페이지에서 이동이 편리하도록 만들어주는 링크 목록이라고 할 수 있습니다. 에어비앤비 홈페이지에서 확인하기 우선 만들기 전에 몇 가지 분석을 해보겠습니다. 네비게이션바에는 왼쪽에 에어비앤비의 로고가 들어가 있고, 오른쪽에는 호스팅하기, 도움말, 회원가입, 로그인이라는 리스트들이 있습니다. 클릭하고 나서는 자바스크립트가 필요하니 지금은 클릭하기 전의 겉모습만 만들어볼 예정입니다. 마우스를 리스트 ..