라벨이 우선순위인 게시물 표시

[JAVA] 연산자 우선순위

JAVA 연산자 우선순위 우선순위 연산자 결합방향 1 [ ] → () . 2 ++ ← -- +(양수) -(음수) ~ ! (type) new 3 * / % → 4 +(더하기) -(빼기) → +(문자 결합 연산자) 5 << → >> >>> 6 < <= → > >= instanceof 7 == → != 8 & → & 9 ^ → ^ 10 | → | 11 && → 12 || → 13 ? : ← 14 = ← java에서는 위에 표대로 연산자의 우선순위가 결정된다.  결합방향도 확인하기!!!

[JavaScript] 기본 연산자

JavaScript에서 많이 사용되는 기본적인 연산자들에 대해 알아보려고 한다. 연산자를 학습할때 알아둬야할 용어들이 있다. 알아둬야할 용어: '단항', '이항', '피연산자' - 피연산자는 연산자가 연산을 수행하는 대상이다. 1 + 2 라는 연산이 있으면 피연산자는 1과 2이다. 피연산자는 인수라는 용어로 사용되기도 한다. - 피연산자가 한개인경우 단항 연산자, 두개인 경우 이항 연산자라고 부른다. 위에 1 + 2는 이항 연산자이다. 자바스크립트에서 주로 사용되는 수학 연산자는 아래와 같다. +    덧셈 연산자 -    뺄셈 연산자 *    곱셈 연산자 /    나눗셈 연산자 %  나머지 연산자 **   거듭제곱 연산자 각 수학 연산자가 자바스크립트에서 어떻게 사용되는지 알아보자 + (덧셈 연산자) 덧셈 연산자의 경우 숫자+숫자 연산시 숫자 결과값을 반환한다.  반면에 숫자+문자열인경우 두 숫자를 계산하지않고 결과값으로 문자열을 반환한다. 숫자형이 아닌 피연산자에 +를 붙여주면 숫자형으로 변화한다. ex) 5 + 5 // 결과 값 10 숫자끼리 연산하여 결과 값은 10이다. ex) 5 + '5' //  결과 값  '55' 숫자와 문자열을 연산하면 결과값은 문자열이다. 숫자 5와 문자열 5를 연산하면 결과값은 55이다. 문자열 5가 앞으로 와도 동일하게 동작한다. ex)  5 + +'5' //  결과 값  10 숫자로 변환이 가능한 값들에 + 연산자를 붙여주면 숫자로 반환되어 연산이 가능해진다. 문자열 '5' 앞에 +가 붙으면 숫자 5로 형변환이 된다. ex) 1 + '2' + 3 + '4'  //  결과 값  '1234' 숫자 1과 문자열 '2' 가 더해지면서 문자열이 '12'와 같은 문자열이 되었고 문자열에 숫자를 더해도 문자열로 되기때문에 문자열 '1234'가 된다. e...

[CSS] CSS 선택자(selector) 와 선택자 우선순위

선택자(selector) 태그 즉 element(요소)에 css스타일을 적용할때 각각의 요소들마다 세분화하여 스타일을 지정할 수 있고 선택자를 잘 활용할 경우 재활용성과 중복의 제거가 일어나서 유지보수에 효과적이다. id 선택자 : id 선택자는 태그에 id=""로 속성을 줄 수 있으며 id선택자는 해당 html에서 단 한번만 선언될 수 있다. (여러번 사용이 가능하나 선택자 이름이 중복되서는 안된다.) id속성이 적용된 태그에 스타일을 적용하고자한다면 css파일에서 #으로 선언하여 해당 속성이 적용된 태그에 스타일을 적용할 수 있다. 사용방법 : #first {...} class 선택자 : class 선택자는 태그에 class=""로 속성을 지정해 줄 수 있으며 id 선택자와 다르게 많은 태그들에 사용할 수 있고 id 선택자보다 조금 더 포괄적인 부분 또는 많은 태그들에 동시다발적으로 스타일을 지정해 줄 때 사용한다.  class속성을 사용한 태그에 스타일을 적용하고 싶으면 css파일에서 .(점)과 함께 속성명을 적고 스타일을 작성한다. 사용방법 : .second {...} 일반 선택자 : class 선택자 보다 더 포괄적인 태그들에 동시다발적으로 스타일을 지정해 줄 때 사용된다.  사용법은 다른 태그들과 다르게 태그명만 작성하고 중괄호 안에 스타일 속성을 작성하면 된다. 사용방법 : div {...} 전체 선택자 : 모든 태그를 가르키며 화면 전체의 모든 태그에 스타일을 적용할 수 있다. 사용방법 : * {...} 자식 선택자   : 자식 선택자는 깊이가 1인 자식 요소에만 스타일을 적용한다. < div > < p > 1 </ p > < p > 2 </ p > < span >< p > 3 </ p ></ span > </ div > 자식 선택자  사용방법 : div > p {...} ...