반응형 Language52 [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. [Python] VS Code에 Python 설치하기 회사에서는 JAVA를 주로 사용하기 때문에 Eclipse를 주로 사용하지만 집에서 혼자 공부하기에는 VSCode만한 IDE가 없다고 생각한다. 그런의미에서 오늘은 VSCode에 Python을 설치하는 방법을 알아보도록 하자 만약 VSCode가 설치되어 있지 않다면 먼저 VSCode 를 설치하자 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform.. 2021. 12. 20. [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 ··· 10 11 12 13 다음 반응형
