본문 바로가기

전체 글23

/JavaScript/CSS활용 CSS란 Cascading Style Sheet의 약자이며 HTML언어가 웹브라우저에서 표현되는 스타일 언어이다. 즉 디자인 요소를 담고 꾸며주는 역할이다. 사용방법 CSS언어를 사용하는 방법은 원하는 태그 안에 style 속성을 적용하고 속성 값으로는 CSS언어를 사용하여 꾸며준다. style속성 값으로는 CSS언어가 들어오도록 약속되어 있다. style="color:green">JavaScript 이렇게 적용하게 되면 태그 안에 있는 텍스트는 color라는 CSS의 속성 값으로 인해 글 색상이 초록색으로 변하게 된다. 하지만 아무런 태그가 붙지 않는 텍스트에 적용하려면 어떤 방법이 있을까? JavaScript JavaScript 이처럼 와 이라는 태그를 사용할 수 있다. 와 태그는 아무런 기능도 의미.. 2021. 12. 20.
/JavaScript/웹 브라우저 제어 웹 브라우저 제어 웹 브라우저의 전체를 표현하는 곳은 태그에서 설정할 수 있다. 태그 안에서의 설정된 코드들로 웹 브라우저에서 실행할 수 있다. -디자인 먼저 디자인면에서 제어할 수 있다. 보고 있는 웹 브라우저 바탕과 텍스트의 색상을 변경한다던지 여러 가지 디자인 요소들이 있다. 예제를 보면 예제처럼 설정하게 되면 웹 브라우저의 바탕은 검은색으로 변하며 텍스트의 색상은 하얀색으로 변할 것이다. 이런 식으로 태그 안에 style이라는 속성을 넣게 되면 디자인 측면에서 제어가 가능하다. 여기서 style속성 안에 들어오는 값으로 CSS라는 언어가 들어오도록 약속되어있다. CSS란 디자인 기능의 역할하는 언어이다. 웹 개발을 하려면 디자인 측면에서도 어느 정도 알고 있으면 좋을 것 같아 CSS언어를 찍먹 해.. 2021. 12. 19.
/JavaScript/변수,대입 연산자 -변수 변수란 특정 값을 저장하는 메모리 공간을 뜻한다. 여러 가지 형식이 있으며 메모리 공간에는 허용되는 범위 내에 어떤 값이든 저장할 수 있어 변수라 한다. 즉 저장할 수 있는 공간이며 매번 바뀔 수 있는 값이라 기억하자. 쉽게 예를 들어보면 var x = 1; var y = 1; 예문에서 보다시피 x와 y를 변수라 한다. x라는 공간에 1이라는 값을 넣은 것이다. 여기서 변수 뒤에 오는 '='은 대입 연산자라 한다. 대입 연산자를 통해 우항의 값을 좌항(변수)에 대입해주는 것이다. 저렇게 변수에 대입을 하게 되면 여러 방면으로 활용할 수 있다. 연산을 할 수 있고 또 숫자뿐만 아니라 문자열도 대입할 수 있다. 또 하나의 예를 들면 이런 식으로 변수를 활용할 수 있다. 다만 다음 예제와 같이 사용할 .. 2021. 12. 18.
/JavaScript/Data Type JavaScript의 데이터 타입에는 여러 가지의 형태가 있다. 여러 가지 형태 중 문자열과 숫자에 대해 알아보았다. -Data Type 데이터를 처리하기 위해서 알맞은 데이터 타입을 사용하여야 원하는 결과를 얻을 수 있다. 먼저 JavaScript의 데이터 타입에 대해 알아보자. 구글링을 통해 알아볼 수 있다. 'JavaScript data type'이라고 구글에 검색해 보자 검색을 통해 많은 것을 확인하고 얻을 수 있다. -Number 먼저 숫자형이다. 숫자형의 데이터 타입을 처리를 하려면 숫자가 입력이 되면 된다. 분명 1,2,3,4,5..... 은 숫자인 건 확실하다. 그럼 그 숫자로 간단한 연산처리를 해보자 저번 학습 중에 간단한 문제를 쉽게 처리할 수 있는 방법이 있었다. 바로 콘솔을 활용하는.. 2021. 12. 17.

티스토리툴바