![]()
오늘은 HTML & CSS & Javascript를 활용해서 구글 검색엔진을 사용하는 방법을 알려드리겠습니다 사실, 엄청나게 간단하기 때문에 별다른 코드사용은 없으며, 오늘의 핵심은 URL 주소창 입니다 모습이 전체적으로 똑같지는 않지만, 검색엔진을 빌려와서 구현한다는것에 초첨이 맞춰져 있으므로, 검색창 이외에는 작동을 하지 않습니다 접근방법 옛날 사이트들을 보면 우측 상단에 검색기능을 만들어 놓고, 검색을 하게 되면 검색 사이트로 바로 넘어가는 모습을 볼 수 있었습니다 아마, 이런 방식으로 진행이 되었지 싶습니다 우선, 구글을 기준으로 하겠으며 주소창을 먼저 보도록 하겠습니다 구글에 제 블로그 이름 "솔하라이프"를 검색하고 난 후, URL 주소창을 보게되면 https://www.google.com/se..
![]()
안녕하세요 오늘은 간단하게 자바스크립트로 토글버튼 구현 하는 방법 입니다 제가 사용할 방법은 메뉴 아이콘 이미지를 통하여 메뉴 버튼을 켜고 끄고 하는 방법을 알아보도록 하겠습니다 코드는 정말 간단하기 때문에, 긴 글이 아닌점 참고해주시면 감사하겠습니다 일단 아이콘을 미리 준비해주도록 합시다 버튼을 바꾸는 방법부터 소개해드리겠습니다 우선, 미리보기로 모습을 보자면 !! 이런 모습이 됩니다. 저는 항상 transition 으로 약간 자연스럽게 변화를 좋아하는 타입이라.. 이제 코드를 소개해드리도록 하겠습니다 HTML 코드 이렇게 그냥 div 하나와 함수 하나만 더 추가해주시면 됩니다 물론, 함수 이름은 여러분께서 정해주시면 됩니다. 꼭 따라하실 필요 없습니다 !! CSS 코드 .menu { backgroun..
