프로그래밍 공부 노트

CSS에서 사용자 지정 속성이란 JavaScript에서의 변수와 같이 문서 전반적인 부분에서 재사용할 임의의 값을 담는 속성을 말한다. 사용자 지정 속성은 전용 표기법을 정의하고 함수를 사용해 사용자 지정 속성을 사용할 수 있다. 사용법을 알아보면 사용자 지정 속성은 CSS 파일에서 위와같이 속성을 작성한다. :root 의사 클래스에 선언한다. 이렇게 선언하면 어디서든지 해당 속성에 접근할 수 있다. 블럭안에와 동일하게 작성하지 않아도 되며 : (콜론) 기호의 왼쪽에는 사용할 변수명을 작성하며 : (콜론) 기호의 오른쪽에는 사용할 속성값을 작성한다. *참고로 사용자 지정 속성은 대소문자를 구분하기 때문에 --text-Color 와 --text-color 는 다른 속성으로 처리된다. 이렇게 선언된 사용자 지정 속성은 아래와 같이 사용된다. 속성 값에 var키워드와 함께 선언한 속성을 사용할 수 있다. var( 선언한 속성명); 이렇게 사용하게되면 해당 속성이 적용된 모든 색상을 한번에 동일한 색상으로 변경 할 수 있어 일일이 수정해줘야하는 번거러움이 줄어들어 유지보수에 좋다.

JAVA 변수 초기화 및 조건문 오류 값이 초기화 되지않았다는 오류가 발생하였다. 원인은 if만을 사용해서 조건문을 작성하였기 때문이다. if조건에 해당하면 결과값으로  score에 등급을 대입하지만 모든조건이 일치하지않을경우 조건문을 실행하지 않으므로 값이 할당되지 않아 값이 초기화 되지않았다는 오류를 발생한다. 이런경우 score에 값을 직접 임의로 작성해주던지 아니면 if ~ else문으로 작성하면 if조건문에 조건이 충족되지 않더라도 else문을 실행하면서 score값에 값을 할당하기 때문에 코드가 오류없이 정상적으로 작동한다.

변수 변수란 데이터를 저장하는 저장소이다. javascript에선 let 키워드를 사용하여 변수를 생성한다. 간단히 사용법을 알아보면 아래와 같다.  // 문자열, 숫자 등과 같은 자료형들을 저장할 수 있다. let letVariable = "변수1" ; // 한 줄에 변수를 한번에 선언할 수도 있다. 하지만 권장되지 않는다. let variable1 = "var1" , variable2 = "var2" , variable3 = "var3" ; // 한 줄에 한 개의 변수를 선언하면 가독성이 높아진다. let variable1 = "var1" ; let variable2 = "var2" ; let variable3 = "var3" ; 변수 명명 규칙 javascript에서는 변수의 이름을 작성할 때 두가지 제약 조건들이 있다. 1. 첫 글자로 숫자가 올 수 없다. 2. 문자, 숫자, $(달러사인), _(언더스코어) 만 사용할 수 있다. 그리고 변수명은 대문자와 소문자를 구별한다. 동일한 이름의 변수명이더라도 서로 다른 변수이다. 상수 변수와 동일하게 데이터를 저장한다. 하지만 약간의 차이점이 존재하는데 상수의 경우 변화하지 않는 데이터 값을 저장할 때 사용한다. 상수의 경우 let 예약어를 사용하지 않고 const  예약어를 사용한다. // example const name = 'Kim' ; const 예약어를 사용하여 상수를 선언하면 let 예약어와 달리 변수값을 재할당 할 수 없다.  재할당 할 경우 에러가 발생한다. const 예약어를 사용하여 상수를 사용하다보면 대문자로 선언하는 경우가 있고, 대소문자를 혼용하여 사용하는 경우가 있다. 일반적으로 대문자만을 사용하는 경우에는 이미 정해져있는 값을 할당할 때 사용하며, 대소문자를 혼용하는 경우에는 추후에 할당될 값이 아직 정해져있지 않았을 때