본문 바로가기

속성3

React.js - JSX에서 속성(attribute)를 표현하기 리액트에서 속성을 사용하기 안녕하세요. 고코더 입니다. ● 1. JSX에서는 속성을 표현할 때는 큰따옴표를 사용합니다. 그리고 JSX는 HTML 기반이기에 속성(attribute) 값은 대부분 같습니다. 하지만 다르게 정의된 값이 있는 것도 알아야 합니다. 그중에 가장 대표적인 속성명은 className입니다. 원래는 class라는 이름으로 많이 봐왔지만 리액트에 한해서는 다르게 사용됩니다. 이 두 가지를 가지고 예제를 한번 보여드리겠습니다. ● 2. CSS에서 아래와 같이 속성에 사용할 스타일의 요소를 추가하였습니다. 이를 JSX에서 사용해보겠습니다. .bluelif { color: blue; } ● 3. JSX에서 속성을 사용할 때는 큰 따옴표를 감쌉니다. 1번째 라인 : class 대신 classN.. 2021. 1. 21.
HTML - attribute(속성) 이란? attribute(속성)을 나타내는 태그 안녕하세요. 고코더 입니다. ● 1. 오늘은 HTML에서 attribute 이라는 것을 배워 보려고 합니다. 영어 사전의 이 뜻을 살펴면 아래와 같습니다. attribute 자질,속성 - 영어사전 ● 2. 예를 들면 아래와 같은 폰트 태그가 있습니다. 태그 안에 들어가는 요소들의 대한 성격 및 스타일을 나타내는 상태 구분을 말합니다. 즉 size 라는 크기와 color 라는 색깔을 지정하여 속성을 나타내었습니다. ● 3. 다시 말하면 html 문서에서 elements 에 추가적인 정보를 넣을 때 사용되는 요소입니다. 속성은 항상 "이름='값'" 이런식의 쌍으로 된 정보가 옵니다. 만약에 아래와 같은 div요소가 있습니다. 그럼 여기서 div는 element라는 요.. 2021. 1. 20.
윈도우7,10 - 파일 속성 정보 빠르게 보는 단축키 파일 속성 빠르게 보기 안녕하세요. 고코더 입니다. ● 1. 파일에 대한 속성 정보를 보는 방법은 마우스 오른쪽 버튼을 눌러 속성을 클릭하여 보는 방법은 모두 아실 겁니다. ● 2. 이런 속성 정보는 자주 확인하게 되죠. ● 3. 그런데 이 속성을 빠르게 볼 수 있는 방법이 있습니다. 파일을 클릭 할때 "컨트롤(CTRL)+ 마우스왼쪽"을 누르면 실행대신 속성 창이 열리게 됩니다. ● 4. 키보드로 단축키는 파일에 포커스를 준 다음 컨트롤(CTRL)+엔터(ENTER) 키를 누르면 속성창을 바로 볼 수 있습니다. 마무리 단축키로 시간을 단축하세요 2019. 7. 19.