안녕하세요 요번 시간에는 숫자와 문자에 대한 공부 내용을 적어보겠습니다.
데이터는 정보이고 정보에는 타입이 있습니다. 그중 숫자와 문자를 먼저 배워보겠습니다.
1/4
그전에 앞서 Sublime Text 에디터를 다루는 방법을 배웠습니다.
먼저 에디터를 켜면 아래와 같은 화면이 나옵니다.
이때 왼쪽에 open files 공간이 없으면 아래 사진과 같이 view > Side Bar > Show Open Files를 눌러주시면 됩니다.
아래 사진은 누른 후 open files가 생성된 모습입니다.
다음으로 프로젝트 디렉터리 설정방법을 배워보겠습니다.
위의 경로로 들어가 현재 작업 중인 프로젝트 디렉터리를 선택하면 됩니다.
왼쪽에 지정한 디렉토리에서 마우스 우클릭을 통해 폴더 및 새로운 파일을 생성할 수 있고 생성된 파일을 저장할 땐 html확장자로 저장해 주시면 됩니다.
아래 사진은 폴더 및 새파일 생성 후. html 확장자로 저장한 모습입니다.
다음으로 기본적인 틀을 만드는 방법을 알려드리겠습니다.
에디터에 html을 입력후 tab을 누르면 기본적인 html 틀이 완성되게 됩니다.
자바스크립트 코드 작성 공간은 <script></script> 사이에 작성해주어야 하는데 <body></body> 사이에 script 쓴 후 tab을 누르면 자동으로 완성된 <script></script> 공간안에 자바 스크립트 코드를 완성시켜 주시면 됩니다.
위 사진은 완성된 모습니다.
alert 자바스크립트 문법 사용법은 나중 수업에서 다룬다고 합니다.
alert(); 에서 괄호 안에 있는 값이 표시가 된다는 사실만 이해하고 넘어가겠습니다.
코드에서 alert에 1을 넣고 크롬에서 열어보겠습니다.
위 와같이 1이 표시되는 팝업이 생성되는 걸 확인할 수 있습니다.
alert에서는 기본적으로 정수와 실수를 표시할 수 있습니다. 자바스크립트에서는 실수와 정수를 구분하여 사용하지 않습니다.
정수는 0을 기준으로 1234와 같은 자연수 그리고 -1-2-3 같은 숫자들을 정수라고 합니다.
실수는 1.1 같은 숫자들을 말합니다.
해당 파일을 여는 방법 외에 개발자 모드의 콘솔을 통해서도 간단한 소스는 구현이 가능합니다.
위사진은 개발자모드(F12 / 윈도)에서 콘솔 창에 들어간 화면입니다.
콘솔에서 자바스크립트 작성 후 엔터를 누르면 아래와 같이 자바스크립트가 적용된 화면을 볼 수 있습니다.
경고창 대신 콘솔에서 로그를 보고 싶다면 console.log();의 () 안에 값을 넣어주면 값이 경고창이 아닌 콘솔에서 보이게 됩니다. console.log();는 생략이 가능하고 그냥 값을 치고 엔터만 누른다면 콘솔로그와 같은 효과를 볼 수 있습니다.
2/4
컴퓨터는 기본적으로 계산기로 고안이 된 물건이라고 합니다.
자바스크립트를 이용하여 연산을 하고 싶은 때는 math. 뒤에 연상 종류에 해당되는 명령을 쓰면 됩니다.
ex)math.pow(3,2); 는 pow가 제곱을 뜻하기 때문에 저 값은 3*3인 9가 나옵니다.
math.는 수학과 관련되어 있는 일종의 카테고리입니다.
이상으로 숫자와 문자 2/4까지의 강의 정리글을 마칩니다. 감사합니다.
https://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU
JavaScript 입문 수업 (생활코딩)
본 모듈은 자바스크립트 언어에 대한 기초 수업입니다. 텍스트 수업과 동영상 수업이 함께 제공 됩니다. 텍스트만으로도 완주 하실 수 있고, 동영상만으로도 완주 할 수 있도록 구성 되었습니다
www.youtube.com
'TIL > JavaScript with 생활코딩' 카테고리의 다른 글
| JavaScript - 주석 & 줄바꿈과 여백 4 (0) | 2024.06.25 |
|---|---|
| JavaScript - 변수(1/2,2/2) 3 (0) | 2024.06.21 |
| JavaScript - 숫자와 문자(3/4,4/4) 2 (0) | 2024.06.21 |
| JavaScript - 실행과 실습(1/3,2/3,3/3) 1 (0) | 2024.06.18 |
| 자바 스크립트 공부1 (0) | 2024.06.17 |
