반응형

웹디자인 74

자바스크립트 문자열 자르기 (split, substring, substr)

문자열 자르기 (split, substring, substr) How to divide string in Javascript 문자열의 일부만 잘라 사용할 경우 사용 //특정 문자를 기준으로 문자열을 자를려면 split을 사용하면 된다. var string='2020-02-25'; var strArray = string.split('-'); console.log(strArray[0]); console.log(strArray[1]); console.log(strArray[2]); // 다음으로 문자열에서 기준없이 사용하고 싶은 // 문자열만 골라 가져오고 싶다면 substring함수를 사용하면 된다. // substring함수는 문자열의 길이를 기준으로 자른다고 표현하기보다 일정..

자바스크립트 문자를 숫자로 바꾸기(String to int)

문자열 자르기 (split, substring, substr) How to divide string in Javascript 문자열의 일부만 잘라 사용할 경우 사용 //특정 문자를 기준으로 문자열을 자를려면 split을 사용하면 된다. var string='2020-02-25'; var strArray = string.split('-'); console.log(strArray[0]); console.log(strArray[1]); console.log(strArray[2]); // 다음으로 문자열에서 기준없이 사용하고 싶은 // 문자열만 골라 가져오고 싶다면 substring함수를 사용하면 된다. // substring함수는 문자열의 길이를 기준으로 자른다고 표현하기보다 일정..

자바 소수점 사용하기

소수점 사용하기 Math.round() 를 이용 Math.round 함수의 역할은 소수점 첫번째 자리를 참조하여 반올림을 시키는 것이다. 그러나 소수점 몇 번째자리까지 필요할 때 바로 위의 방식을 쓰자 67.655*100을 하면 6765.5가 된다. 여기서 round가 적용되면 6766이 된다. 다시 100.0 여기서 .0을 붙여야 실수로 적용이 되어 나온다. 하면 67.66이 된다!! 세번째 자리에서 반올림하여 나오는것이다. 100이라는 값을 1000으로 하면 네번째자리에서 반올림이 되고 10을 하면 두번째자리이다. public class Round{ public static void main(String args[]){ System.out.println(Math.round(67.655*100)/100..

자바 날짜 차이구하기

자바 날짜 차이구하기 public void calculateDateBetweenAandB(){ String dateA = "2019-08-27"; String dateB = "2019-09-09"; // String Type을 Date Type으로 캐스팅하면서 생기는 예외로 인해 여기서 예외처리 해주지 않으면 컴파일러에서 에러가 발생해서 컴파일을 할 수 없다. try{ SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd"); // date1, date2 두 날짜를 parse()를 통해 Date형으로 변환. Date FirstDate = format.parse(dateA); Date SecondDate = format.parse(dateB); // Da..

자바 날짜 구하기(특정 월의 첫째 날짜, 마지막 날짜)

자바 날짜 구하기 How to get first day or last day of month in Java Calendar 의 getActualMaximum 함수를 이용 getMaximum 는 Calender 자체가 최대로 가질수 있는 값. getActualMaximum 는 실제로 날짜가 셋팅 된 Calender 가 가질수 있는 값 import java.text.SimpleDateFormat; import java.util.Calendar; public class MaximumOfMonth { public static void main(String[] args) { int year = 2020; int month = 1; int day = 1; SimpleDateFormat dateFormat = new..

자바 에서 백분율(퍼센트) 계산하기

Java에서 백분율(퍼센트) 계산하기 How to calculate percentage in java 전체값에서 일부값은 몇 퍼센트? 일부값 / 전체값 *100 // 10은 100에서 몇 퍼센트? System.out.format("%.2f%%%n", 10.0 / 100.0 * 100.0); // 출력 결과: 10.00% // 33은 100에서 몇 퍼센트? int x = 33; int y = 100; System.out.println( (double) x / (double) y * 100.0 + "%"); // 출력 결과: 33.0% // 정수의 경우에는 (double) 로 실수화시키지 않으면 // 0.0 이라는 엉뚱한 값이 나옴 // 맨 끝의 + "%" 이 부분은 공식의 일부가 아니라 퍼센트 기호 출력 ..

[Sass/SCSS] 내장 함수(Built-in Functions)

내장 함수(Built-in Functions) Sass에서 기본적으로 제공하는 내장 함수에는 많은 종류가 있습니다. 모두 소개하지 않고, 주관적 경험에 의거해 필요하거나 필요할 수 있는 함수만 정리했습니다. Sass Built-in Functions에서 모든 내장 함수를 확인할 수 있습니다. []는 선택 가능한 인수(argument)입니다. Zero-based numbering을 사용하지 않습니다. 색상(RGB / HSL / Opacity) 함수 mix($color1, $color2) : 두 개의 색을 섞습니다. lighten($color, $amount) : 더 밝은색을 만듭니다. darken($color, $amount) : 더 어두운색을 만듭니다. saturate($color, $amount) : ..

[Sass/SCSS] 반복문(for,each, while)

for (함수) @for는 스타일을 반복적으로 출력합니다. @for는 through를 사용하는 형식과 to를 사용하는 형식으로 나뉩니다. // through // 종료 만큼 반복 @for $변수 from 시작 through 종료 { // 반복 내용 } // to // 종료 직전까지 반복 @for $변수 from 시작 to 종료 { // 반복 내용 } SCSS: // 1부터 3번 반복 @for $i from 1 through 3 { .through:nth-child(#{$i}) { width : 20px * $i } } // 1부터 3 직전까지만 반복(2번 반복) @for $i from 1 to 3 { .to:nth-child(#{$i}) { width : 20px * $i } } Compiled to: ..

[Sass/SCSS] 조건문(if)

if (함수) 조건의 값(true, false)에 따라 두 개의 표현식 중 하나만 반환. 조건부 삼항 연산자(conditional ternary operator)와 비슷합니다 조건의 값이 true이면 표현식1을, 조건의 값이 false이면 표현식2를 실행합니다. if(조건, 표현식1, 표현식2) SCSS: $width: 555px; div { width: if($width > 300px, $width, null); } Compiled to: div { width: 555px; } 위와 같이 함수는 @include 같은 별도의 지시어 없이 사용하기 때문에 내가 지정한 함수와 내장 함수(Built-in Functions)의 이름이 충돌할 수 있습니다. 따라서 내가 지정한 함수에는 별도의 접두어를 붙여주는 것..

반응형