CSS 방법론

현재 CSS 방법론이라고 사람들이 말하는 것은 크게 3가지로 구분됩니다. 해당 방법론이 무엇이고 어떠한 장점과 단점을 가지고 있는지 알아봅니다. 3가지 방법론 중 무엇 하나 정답이라고 말할 수 없으며 공부를 하다 보면 자신에게 맞는 방법론이 보이게 됩니다. 그 방법론을 프로젝트에 맞게 또 공통 가이드화 하여 협업이 용이하게 사용하는게 더 중요합니다. 왜 CSS 방법론을 사용할까요? 협업 시 사람마다 다른 코드 구조 및 스타일 정의 (방법론을 사용하는 이유는 첫 번째 이유가 가낭 크다고 생각합니다.) 서로 다른 네이밍 규칙 유지보수가 어려운 코드 타인이 작성한 코드를 이해하고 분석하는데 드는 시간의 증가 복잡해지는 선택자 등 위 이유 이외에도 추가적으로 더 있을 수 있다. 코드의 규칙성(획일성)을 확보하기..

2022.12.07

CSS 속성 해제 방법

반응형 웹 구축 시 지정된 CSS 속성을 해재해야 하는 상황이 발생한다. 이때 해당 속성에 맞는 해재 방법으로 스타일을 주면 된다. 고정->유동 .auto{width: auto;} float .float{ float : none } position .position{ position:static; left:0; top:0; } .position{ position:relative; left:0; top:0; /* 권장 */ } border .border{ border:0 none; } background .background{ background:none; } font .font{ font-style:normal; font-weight:normal;} margin/padding .mp{margin:0; p..

2022.01.05

스크롤바 숨기기

스크롤바 숨기기 ul { scrollbar-width: none; -ms-overflow-style: none; } ul::-webkit-scrollbar { display: none; }

2022.01.04

모바일 CSS 스타일링

모바일 CSS 스타일링 모바일의 화면은 좌우로 좁다. 따라서 길게 스크롤이 발생할 수 있다. 바로가기 메뉴처럼 썸네일 로 만들어진 메뉴를 아래로 배치하면 사용자들이 보지 못하고 넘어갈 가능성이 있 기때문에 적절한 메뉴갯수 와 함께 이미지를 사용해야 한다. 각 디바이스에 맞는 고정형 사이트가 있고 어떤 디바이 스에서 보던 잘 맞는 가변형 사이트가 있다. 서브페이지 에서는 반드시 뒤로가기 버튼과 첫화면으 로 돌아가는 버튼이 존재해 야 한다. 가로보기와 세로보기 테스트를 해도 화면벗어남이나 깨짐이 없어야 한다. 고정형 px값을 사용하지 않고 유동형 레이아웃(%)를 사용한다.

2021.12.22

jQuery attr() 속성변경

attr() ＊ 태그의 속성 변경 메소드 $('선택자').attr('속성', '값'); ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 ＊ 아래 탭 예제는 구린방법이라 쓰지 않는다 서적 내용 컨텐츠 인쇄 내용 컨텐츠 잡지 내용 컨텐츠

2021.12.07

jQuery 기본문법

jQuery jQuery(제이쿼리)는 자바스크립트를 더 쉽고, 단순하게 조작할 수 있도록 설계된 자바스크립트 라이브러리다. jQuery는 MIT 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. $ 문법. $ 대신 jQuery 사용 가능 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animat..

2021.12.06