본문 바로가기

홈페이지 만들기37

JavaScript 자바스크립트 Data Type 자료형 - 숫자, 문자(그리고 typeof) JavaScript 자바스크립트 Data Type 자료형 - 숫자, 문자(그리고 typeof) 오늘은 자바스크립트 Data Type 자료형 중에서 Number 숫자와 String 문자를 알아보겠습니다. 먼저 Number 숫자를 알아봅시다. 숫자는 정수와 실수를 모두 포함합니다. 정수는 간단히 말해서 소수점이 붙어있지 않는 1, 2, 3... 과 같은 숫자를 말합니다. 실수는 소수점이 붙어있는 1.20, 100.6, 110101.1214 과 같은 숫자를 말합니다. JavaScript 자바스크립트에서는 정수와 실수를 모두 Number 숫자로 인식합니다. 또 컴퓨터는 기본적으로 숫자를 2진수로 인식하기 때문에, 자바스크립트 또한 2진수와 8진수 16진수도 당연히 숫자로 인식합니다. 두번째로 String 문자를.. 2021. 8. 29.
JavaScript 자바스크립트 - Data Type 자료형 JavaScript 자바스크립트 - Data Type 데이터 타입 우리가 사는 일상생활에서 '가,나,다,라...'와 같은 것은 문자라고 부르고, '1,2,3,4...'와 같은 것은 숫자라고 부릅니다. 여기서 문자와 숫자가 일종의 데이터 타입입니다. 데이터 타입이란 여러 자료를 무리지을 수 있는 자료의 형태 또는 모양을 의미합니다. 그래서 데이터 타입은 다른 말로 '자료형'이라고도 합니다. 자바스크립트가 처리할 수 있는 데이터 타입은 무엇이 있을까요? 데이터 타입 의미 원시 데이터 타입(객체X) 숫자(number) '1, 2, 3'과 같이 숫자를 나타냄. 문자(string) '가, 나, 다'와 같이 문자를 나타냄. ' '작은 따옴표 또는 " "큰따옴표로 묶어 나타냄. 논리(boolean) 참 true과 거.. 2021. 8. 4.
JavaScript 자바스크립트 - console 콘솔 사용하기 JavaScript 자바스크립트 - console 콘솔 사용하기 자바스크립트와 친해져봅시다. 지난 글에서 자바스크립트는 기본적으로 웹브라우저를 기반으로 돌아가는 프로그램 언어라고 말하였습니다. 그래서 프로그램 언어를 작성하고 의도한대로 잘 되는지 자주자주 웹브라우저를 통해 확인해보는 과정이 꼭 필요합니다. 우리는 여러 웹브라우저 중에 크롬(Chrome)을 사용하겠습니다. 먼저 console 콘솔 창으로 접속해보겠습니다. console을 사용하면 자바스크립트 언어를 작성하고 그 결과를 바로 확인할 수 있습니다. 1. 크롬을 다운로드 받습니다. - https://support.google.com/chrome/answer/95346?hl=ko Chrome 다운로드 및 설치 - 컴퓨터 - Google Chrom.. 2021. 7. 31.
JavaScript 자바스크립트가 뭘까? JavaScript 자바스크립트가 뭘까? JavaScript 자바스크립트라고 들어보신 적 있나요? 아마 컴퓨터를 사용하고 계신 분이라면 한 번 쯤을 들어보셨을 겁니다. 그런데 뭐할 때 쓰는건지는 잘 모르시겠죠? 자바스크립트를 Java 자바와 똑같은 것인 줄 아시는 분도 많습니다. 물론 Java 자바와 자바스크립트 모두 프로그래밍 언어라는 점에서는 같습니다. 그러나 두 언어는 '자바'라는 단어만 공유할뿐 완전히 다른 언어입니다. 마치 '오이'와 '오렌지'처럼 둘은 모두 과일에 속하지만, '오'자에 큰 연관이 없는 것과 같습니다. 그럼 자바스크립트는 무엇을 할 때 사용하는 언어일까요? 간단히 말하면 자바스크립트는 웹사이트를 동적으로 만들어 주는 언어입니다. 웹사이트(홈페이지)를 집이라고 해봅시다. 집의 기본.. 2021. 7. 28.
CSS 박스 모델1 | content 콘텐츠 border 보더 padding 패딩 margin 마진 CSS 박스 모델 | content 콘텐츠 border 보더 padding 패딩 margin 마진 오늘은 content 콘텐츠, border 보더, padding 패딩, margin 마진의 개념을 확실히 잡아 보도록 하겠습니다.위 네 가지 개념은 CSS 디자인에 매우 중요한 요소이므로 꼭 정확히 이해하고 넘어가시기 바랍니다. 위 개념들을 확실히 잘 알아야 이미지 및 콘텐츠들을 내가 원하는 위치에 정확히 배치할 수 있기 때문입니다. CSS에서 너비나 마진, 패딩 등을 이용해 크기나 위치를 지정하려면 그 대상이 블록 요소여야 합니다. 블록 요소는 한 줄 전체를 차지하면서 네모난 박스 모양으로 자신만의 영역을 만들기 때문입니다. 우리는 이 네모난 영역을 '박스 모델'이라고 부르고, CSS로 이 박스 모델들을 .. 2020. 12. 23.
CSS background 배경 관련 스타일(background-position) background-position - background-position 속성을 사용하면 배경 이미지의 위치를 지정해줄 수 있습니다. - 기본형은 아래와 같습니다. - 선택자 {background-position : 수평위치 수직위치; } - 수평위치와 수직위치는 세 가지 방법으로 입력해줄 수 있습니다. - [키워드, 백분율, 길이]로 입력해줄 수 있습니다. - 첫 번째 방법은 키워드로 입력하는 방법입니다. - 키워드로 입력할 때 수평위치(↔)는 left, center, right 중 하나를 입력할 수 있습니다. - 키워드로 입력할 때 수직위치(↕)는 top, center, right 중 하나를 입력할 수 있습니다. - 만약 속성값을 하나만 입력하면, 입력 값을 자동으로 수평위치로 인식합니다. 수직위치.. 2020. 12. 19.
반응형

티스토리툴바