HTML,CSS,JS 5

jquery 사용 준비

jQuery 라이브러리 - 외부에서 받아서 사용. 사용량이 감소하는 추세 스크립트에서 함수사용, 요소찾는 것을 사용자가 좀더편하도록 스크립트들을 모아 구성해 놓은 소스 ▶ jQuery 다운받아 사용하기 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in productio..

HTML,CSS,JS 2022.05.17

CSS 기본 개념

웹이 처음 세상에 등장했을 때는 HTML 만이 존재했다. 이 HTML을 이용해서 전자문서를 만들고 이 전자문서를 인터넷을 통해 전 세계의 누구나 볼 수 있게 할 수 있었다. 당시에는 혁명적인 일이었지만 사람의 욕심은 끝이 없었다. 그 중 하나가 미적인 부분이였다. 정보를 표현하는 것도 좋지만 좀더 아름답고 보기편하고 그림도 있으면 좋겠다는 것이었다. ▶ 그래서 해결 방법은 두가지가 있었는데 HTML언어에 디자인과 관련됨 태그를 만들어 사용하는 것. 디자인에 최적화된 새로운 언어를 만드는 것. ※ 사람들은 더 쉬운방법인 첫번째 방법을 쓰게 되었지만 결국 한계에 부딪혀서 새로운 언어를 만들게 되었다. 그게 바로 CSS(Cascading Style Sheets)이다. 첫번째 방법으로 HTML 자체에 라는 디자..

HTML,CSS,JS 2022.04.24

클리어픽스 clearfix

오늘 float을 배워서 마지막시간에 메뉴형식으로 만들어 보는 걸 했는데 ▶ 메뉴 ( 메인화면, 회원가입, 로그인 ) 들을 같은 부모태그 ul 로 묶였을 때는 잘 나왔는데 위 그림처럼 부모태그인 ul을 두개로 나눠서 li 태그를 붙였더니 폰트가 밑으로 내려가버렸다. 웹에서 F12키로 영역을 봤더니 밑에 빨간 부분이 .navigation 클래스를 가지는 div 영역이었다. 영역을 벗어난거다. 그 때부터 이거 붙잡고 스타일에서 float 하고 마진하고 다음 div 인 contents 에 clear 까지 해도 안되는거다. 그러다가 선생님이 overflow : hidden 으로 하시는거 보고 .navigation{ } 에 입력했더니 됐다. 근데 이게 왜 되는건지 이해가 안되서 구글링! 해서 찾아냈다. div쓸때..

HTML,CSS,JS 2022.04.22