커스텀 checkbox, select 박스 🚀 input checkbox, select 박스 커스텀하기 checkbox, select 둘의 브라우저 스타일은 너무나도 못생겼기에 커스텀하는 방법을 써보겠다. 1. checkbox 커스텀 See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 자 이제 하나하나 뜯어보면 우선 input에 준 txt-hide가 중요한 키 포인트다. checkbox는 커스텀하기 어렵기 때문에 checkbox를 숨겨준 다음 label의 가상 클래스를 커스텀해서 꾸미는 방식으로 진행할 건데!! 여기서 키포인트 주로 알고 있는 방법으로는 display: none을 줘서 숨기는 방법이 있을 텐데 이는 접근성 측면에서 좋지 않은 방법이므로!! .txt-hide { positio.. 멋사 프론트엔드 스쿨 2기 TIL (04.04) 🚀 Forms 폼은 정보를 입력하는 영역(ex. 로그인 아이디 비밀번호 입력, 회원가입 시 입력하는 양식) 폼 동작 방식 웹 페이지에 있는 form에 데이터 입력 웹 페이지 내 액션이 일어나게 되면 데이터는 웹 서버로 이동 웹 서버는 데이터를 처리하기 위해 APP 호출 필요에 따라 APP은 DB로 데이터 전송 DB에서 CRUD 작업이 일어나고 작업 결과를 APP, WEB에 전송 웹 서버는 받은 결과를 Client 브라우저에게 보낸다. 폼의 속성 action : 입력 값을 전송할 페이지를 나타냄 method : 폼의 데이터를 전송할 방법을 정의한다. 속성에는 get과 post가 있다. 📌 CRUD는 Create, Read, Update, Delete의 약자이다 📌 GET VS POST get : url로서.. 이전 1 다음
