TIL/Javascript18 /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. /JavaScript/Console 웹페이지를 만들기 위해 파일을 만들어서 실행하였다. 어떻게 보면 번거로울 수 있는 일이다. 하지만 console이라는 기능을 사용하면 굉장히 간단하게 처리할 수 있다. -Colsole 일단 콘솔을 사용하려면 보고 있는 해당 페이지의 [마우스 우클릭]-[검사]를 통해 확인할 수 있다. 콘솔 창이 뜨면 파일을 만들지 않고 간단한 JavaScript를 실행할 수 있다. 간단한 예를 들자면 alert('abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'.length) 내가 보고 있는 웹브라우저 화면에 abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 이러한 문자열이 있다 치자 저 문자열의.. 2021. 12. 17. 이전 1 2 3 4 5 다음
