css

각종 태그들 - input, form, value, label, select, table, date

이러한 태그들의 경우 DB개발을 고려하여 작성해야 한다. checkbox의 경우 label을 클릭했을 때도 체크가 되도록 처리한다. 태그 폼은 어떠한 양식에 유저가 입력을 하는 형태와 관련된 태그들을 의미하며 로그인창, 회원가입 양식, 회원정보 수정, 검색창 등에 사용되는 태그이다. action 속성 action 속성은 태그에 입력된 내용을 처리하는 서버 프로그램의 URI를 지정하는 역할을 한다. 즉, 경로를 지정한다. method 속성 - get, postget은 데이터를 읽거나, 검색할 때에 사용된다. post는 리소스를 생성/업데이트 하기 위해 서버에 데이터를 보내는 데 사용된다. 입력된 내용의 크기에 제한을 받지 않고 입력한 내용이 노출되지 않기 때문에 회원가입, 로그인 시 등에 많이 사용된다. ..

네이밍과 BEM 클래스 작성법

네이밍 의미있거나 일반적인 네이밍을 사용한다. → 유지보수에 유리하다. 요소의 목적을 반영하는 명칭 사용을 지향한다. 가능하면 짧지만 너무 축약하여 (알아볼 수 없게) 네이밍하진 않는다. header, footer에는 직접적인 스타일을 되도록이면 주지 않는다. (include로 불러오는 경우를 고려해서) SASS 사용 시에는 BEM클래스 작성법을 활용하여 &-’클래스명’으로 작성하도록 한다. SASS 사용 시 요소가 많을 경우 구분하기 어려울 수 있기 때문에, 섹션별로 끊어서 작성한다. /* 가능하면 축약하여 쓰되, 축약할 수 없는 것을 억지로 줄여 쓰지 않는다. */ .nav {...} .author {...} BEM(Block Elements Modifier)/클래스 작성법 영어 소문자로 작성한다. ..