본문 바로가기

웹 개발/javascript

(4)
[js_03] 변수형과 자료형 (3) ※ 디지털 스마트 부산 아카데미 내용입니다. 3. 자바스크립트의 자료형 1️⃣ 자료형(data type)이란 프로그램에서 처리하는 자료의 형태 (예) 3을 숫자로 처리할지, 문자로 처리할지 자료형, 자료 유형, 데이터 타입 등으로 부름 자바스크립트 자료형은 크게 ‘원시형’과 ‘객체’로 나눔 원시형(primitive type) : 하나의 값만 가지고 있는 자료형. 객체(object): 원시형 외의 모든 자료 2️⃣ typeof()함수 자바스크립트 안에 미리 만들어져 있는 함수로, 괄호 안에 값이나 변수를 넣으면 어떤 자료형인디 알려준다. typeof("안녕하세요") #string let data = 5 typeof(data) #number ex ) console.log('I\'m studying now')..
[js_02] 변수와 자료형 (2) ※ 디지털 스마트 부산 아카데미 내용입니다. 2. 변수부터 익히자 1️⃣ 변수 이름 정하는 규칙 자바스트맂트는 영문자의 대소문자를 구별한다. -> current, Current, CURRENT // 모두 다른 변수 한 단어로 이루어진 변수를 사용할 때에는 주로 소문자를 사용한다. -> current, age, sum 2️⃣ 변수에 선언 및 할당 변수 선언 : 키워드 let이나 const다음에 변수 이름을적어서 변수를 선언한다. let 변수명; const 변수명; const는 상수를 위한 예약어. 프로그램 안에서 바뀌지 않는 값(상수)을 변수에 담아 놓고 사용함. 변수에 값 할당 : 변수 오른쪽에 = 기호를 붙이고 오른쪽에 저장한 값이나 식을 작성한다. 변수명 = 값 또는 식; 변수 선언과 값 할당을 동시..
[js_02] 변수와 자료형 (1) ※ 디지털 스마트 부산 아카데미 내용입니다. 1. 입력과 출력 방법 1️⃣ alert() 함수 알림 창 표시 (앨럿 창이라고도 함) alert() 함수의 괄호 안에 메시지를 입력하거나 변수를 사용 알림 창에 텍스트나 변숫값 표시 alert("안녕하세요") a = 10 alert(a) 2️⃣ confirm() 함수 확인 창 표시 (컨펌 창이라고도 함) [확인] 버튼과 [취소] 버튼이 있어서 사용자가 어떤 버튼을 클릭했는가에 따라 다르게 동작하도록 할 수 있다 . confrim("종료하시겠습니까?") 확인 창에서 [확인] 버튼을 누르면 - 결과값 true 확인 창에서 [취소] 버튼을 누르면 - 결과값 false 결과값을 확인하면 사용자가 [확인]을 눌렀는지 [취소]를 눌렀는지 알 수 있다. [확인]인지 [취..
[js_01] 시작하기 ※ 디지털 스마트 부산 아카데미 내용입니다. 프레임워크란 소프트웨어를 개발하는 구조나 틀을 제공하는 소프트웨어 환경이다. 1. 콘솔창에서 자바스크립트 사용하기 mac [option]+[command]+[J] window [ctrl]+[shift]+[J] 2. 간단한 자바스크립트부터 시작하기 자바스크립트 처리기는 웹 브라우저 안에 포함되어 있기 때문에 자바스크립트 소스는 웹 문서에 작성하면 웹 브라우저가 해석함. 자바스크립트 소스는 웹 문서 안에 직접 작성할 수도 있고, 자바스크립트 소스만 따로 파일로 저장해서 서로 연결해서 사용할 수도 있다. 1️⃣ 인라인 스크립트 HTML 태그 안에 직접 작성하는 자바스크립트 팝업 창을 열고 닫거나, 알림 메시지를 표시할 때처럼 간단한 명령을 처리할 경우 자주 사용 e..