자바스크립트를 공부하면서 자주 사용된다고 느껴졌지만 확실하게 무슨 기능인지 숙지하지 못했던 기능중 하나 입니다. 거두절미 하고 결론만 말씀드리자면 아래와 같습니다. Math.floor() : 소수점 아래의 수를 버린다. Math.ceil() : 소수점 아래의 수를 올림한다. Math.round() : 소수를 반올림한다. 주로 난수를 생성하는 과정에서 자주 사용했던것 같습니다. See the Pen Untitled by MeowMeowPuppy (@MeowMeowPuppy) on CodePen. 이를 사용해서 몇개의 예제를 확인해보는 코드펜입니다. 저는 난수를 생성할때 주로 사용했던 것 같습니다. 코딩에서 매우 기본적인 코드임에도 불구하고, 기본이 부족했었던것같습니다.

이번의 목표 01. 객체의 컬러를 지정하는 방법에 대해 알아보자 이번 시간에는 CSS를 작성하면서 객체에 컬러를 지정할 때에 사용하는 방법 세가지를 공부해보겠습니다. 01) 저장된 컬러 키워드를 이용하는 방법. 이 값들로는 black, white, blue, red, aqua, lightgreen 등이 있습니다. 100개가 넘는 색상들이 이렇게 이름을 가지고서 저장되어 있습니다. 'css 색상 키워드' 를 검색하시면 다양한 값을 확인할 수 있습니다. 02) html색상표를 이용하여 원하는 색상의 코드를 사용하는 방법. HTML색상표는 네이버에서 검색하면 손쉽게 찾아볼 수 있습니다. 원하는 색을 선택하고 밝기를 조정하는 등의 방법으로 색상을 만들고 코드를 제공받을 수 있습니다. 03) RGB, RGBA 를..

이번의 목표 01. !importnat에 대해 알아보자 02. box-shadow에 대해 알아보자 01. !important에 대해 알아보자 !important 는 해당 요소의 스타일을 지정할때 사용하며 !important가 붙은 스타일은 다른 스타일보다 우선적으로 적용이 되기 때문에 이후에 다른 스타일이 적용된다 하더라도 내가 원하는 스타일로 고정시킬 수 있습니다. 코드 예시는 아래와 같습니다. *{ color:blue !important; } See the Pen Untitled by MeowMeowPuppy (@MeowMeowPuppy) on CodePen. 02. box-shadow에 대해 알아보자 box-shadow는 이름처럼 요소에 그림자를 넣어줄 수 있습니다. boxShadow = x축 - ..

이번의 목표 01. , 을 사용해보자 01. , 을 사용해보자. 지금까지 , , 에 대해 공부했습니다. 이번에는 , 을 이용하여 페이지를 이동하고 파라미터를 저장하는 방법에 대해 공부해보겠습니다. 는 페이지를 이동하는데에 사용됩니다. 사용 예시는 아래와 같습니다. 이때 바로 닫지 않고 닫는 태그를 사용한다면 그 사이에 파라미터를 전달해줄 수도 있습니다. 은 파라미터를 만드는 변수입니다. 사용 예시는 아래와 같습니다. 위에서 설명한대로 의 여는 태그와 닫는 태그 사이에 을 사용한다면 파라미터를 전달할 수도 있습니다. 사용 예시는 아래와 같습니다. 를 기존에 사용하던 방법으로 표현을 하자면 request.getRequestDispatcher("페이지.jsp").forward(request, response)..

이번의 목표 01. , 의 코드를 간략하게하여 가독성을 높여보자 01. , 의 코드를 간략하게하여 가독성을 높여보자 지난시간에는 사용자가 입력한 데이터들을 name값마다 가져와 저장하여 출력하는 예제를 만들어봤습니다. 이번에는 지난 시간의 코드를 보다 짧고 간결하게 만들어 가독성을 높이는 방법에 대해 알아보겠습니다. 태그를 사용할때 property의 값을 받고자하는 데이터의 name 값으로 하나씩 받는 방법도 있습니다. 하지만 그 데이터가 너무 많을 경우에는 일일이 입력하기에는 코드도 길고 가독성이 떨어지게 됩니다. 그럴때에는 property="*" 만 입력한다면 전달받은 파라미터의 값들을 모두 변수에 저장할 수 있습니다. 사용 예시는 아래와 같습니다. 이와 마찬가지로 도 EL표현식을 사용하여 코드를 간..

이번의 목표 01. Action Tag를 사용하여 회원가입 폼을 만들어보자. 01. Action Tag를 사용하여 회원가입 폼을 만들어보자. 지난 시간에는 , , 에 대해 공부했습니다. 위의 세가지 태그를 사용하여 사용자가 입력한 값을 출력하는 코드를 만들었습니다. 이번에는 회원가입 폼을 만들어 사용자에게 다양한 값을 입력받아 출력하는 코드를 작성해보겠습니다. 01. 데이터 입력 페이지 코드 02. 데이터 출력 페이지 코드 03. 사용된 클래스 파일 04. 실행 화면 01. 데이터 입력 페이지 코드 02. 데이터 출력 페이지 코드 아이디 : 비밀번호 : 비밀번호 확인 : 이름 : 이메일 : 03. 사용된 클래스 파일 package actionTag; public class ex02 { private St..