윅스 (Wix) 코딩 - 코드 패널에서의 색상 의미 알아보기 (Wix Code: About the Colors in the Code Panel)

윅스 (Wix) 코딩 - 코드 패널에서의 색상 의미 알아보기 (Wix Code: About the Colors in the Code Panel)

 

 

 

설명)

 

윅스 코드(Wix Code)는 코드 패널에 작성한 코드에 구문 강조를 적용합니다. 이는 코드의 특정 부분이 목적에 따라 다른 색상과 글꼴 가중치로 표시된다는 것을 의미합니다. 구문 강조 기능을 사용하면 코드를 읽고 쓸 수 있습니다.

 

이 글에서는 가장 일반적인 구문 요소 중 일부에 대한 강조를 설명합니다. 주어진 반경을 기준으로 원의 면적을 계산하는 다음과 같은 양식과 페이지 코드를 사용합니다.

 

 

 

키워드 (Keywords)

키워드는 프로그래밍 언어에서 특별한 의미를 지닌 단어입니다. 예를 들어,자바스크립트(JavaScript)에서는 let, function 및 return이 모두 키워드입니다.

 

 

 

 

 

함수 선언의 함수 이름 (Function Names in Function Declarations)

함수 선언에는 함수 이름이 포함됩니다. 함수 이름은 코드의 다른 부분에서 함수를 호출할 때 사용됩니다. 예를 들어 아래 예제의 11행에 정의된 calculateArea 함수는 5행에서 호출됩니다.

 

 

 

 

함수 선언의 매개 변수 이름 (Parameter Names in Function Declarations)

함수 선언은 하나 이상의 함수 매개 변수를 포함할 수 있습니다. 함수 매개 변수는 함수에 전달된 인수의 이름 역할을 합니다. 예를 들어 아래 예제의 12행에 정의된 calculateArea 함수에는 radius라는 매개 변수가 하나 있습니다. 해당 매개 변수 이름은 영역을 계산할 때 13행에서 사용됩니다. 함수가 5행에서 호출되면 radiusInput의 값은 calculateAreafunction의 radius 매개 변수에 전달된 인수입니다.

 

 

 

 

 

문자열 리터럴 (String Literals)

자바스크립트(JavaScript)에서 문자열 리터럴은 세 가지 종류로 나뉩니다.

- 큰 따옴표로 묶인 문자열 (Double quoted strings)

"literal value"

• 작은 따옴표로 묶인 문자열 (Single quoted strings)

'literal value'

• 템플릿 문자열 (Template strings)

`literal value ${nonliteral}`

윅스 코드(Wix Code)에서는 아래 예제의 4행에 표시된 것처럼 $w() 함수를 사용하여 요소를 선택하는 데 종종 문자열 리터럴을 사용합니다. 리터럴 값을 사용하여 6행에 표시된 것과 같이 요소의 속성 값을 설정하거나 변수 값을 설정하거나 함수에 인수로 전달할 수 있습니다.

 

 

 

 

숫자열 리터럴 (Number Literals)

숫자열 리터럴은 요소 속성의 값을 설정하거나 아래 예제의 1행에 표시된 변수 값을 설정하거나 13행에 표시된 함수의 인수로 전달합니다.

 

 

 

 

주석 (Comments)

주석은 코드가 실행될 때 실행되지 않는 코드의 일부입니다. 일반적으로 코드의 특정 부분이 무엇을 하는지 설명하는 주석을 추가합니다.

 

 

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 코드 패널 (Wix Code: Working in the Code Panel)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

출처 :

https://support.wix.com/en/article/wix-code-about-the-colors-in-the-code-panel