반응형 Language/web7 [CSS] calc() 사용하기 개발을 하던중 어떠한 버튼이 고정 80px인데 그 옆에 float:left 된 친구는 width:100% 라서 이를 조정하는 방법이 없을까 하다가 calc() 라는 기능을 알게 되었다. 방법은 간단하다. some contents... 이러한 방식으로 사용하면된다. 예시 코드를 보자면 width 100% width calc(100% - 20%) width calc(100% - 50px) width calc(100% / 3) 위와 같은 코드를 작성했을때 위와 같은 식으로 알아서 계산해서 가져다 준다. 상대값끼리 계산도 ok 상대값과 절대값도 ok +, -, /, * 등의 사칙연산도 가능하다. 단 주의할점 *연산 앞 뒤로 반드시 공백이 있어야 합니다. ex) calc(100%-80px) 하면 오류납니다. 2021. 12. 23. [JavaScript] Converting circular structure to JSON 에러 회사에서 늘 하듯이 코딩을 하고있었다. 어떠한 특정 값을 console.log로 찍어보고 싶었으나 [obejct Object]의 값이 나왔고 이를 확인 하기위해서 JSON.stringify(data) 를 사용하여 확인하려했다. 그러나.. 아래와 같은 처음 보는 오류가 발생하여서 열심히 확인해 보았다. Converting circular structure to JSON 선회하는 구조를 JSON으로 바꾸려 해서 난 오류인 것이다. 이는 즉 배열 구조라는 것이고 나는 반복문을 이용해 이를 확인하고자 하였다. console.log("data - "+JSON.stringify(data)); //에러가 나는 코드 //이하 정상 작동하는 코드 for( output in data ) console.log("array .. 2021. 12. 16. [JQuery] jQuery Validation Plugin 사용하기 웹 프로그래밍을 함에 있어서 ID 혹은 PW를 확인하는데 있어서 유효성 검증은 반드시 필요한 작업이다. 이를 쉽게 도와주는 기능인 JQuery의 Validation Plugin을 사용하면 쉽게 표시할 수 있다. ID PW 위와 같이 코드를 작성할 수있다. 실행 하면 이러한 형태로 나타낼 수 있다. 기본적으로 사용 가능한 validation method는 다음과 같다. required: "필수 항목입니다.", remote: "항목을 수정하세요.", email: "유효하지 않은 E-Mail주소입니다.", url: "유효하지 않은 URL입니다.", date: "올바른 날짜를 입력하세요.", dateISO: "올바른 날짜(ISO)를 입력하세요.", number: "유효한 숫자가 아닙니다.", digits: "숫.. 2021. 12. 14. 이전 1 2 다음 반응형
