자바스크립트 코드레시피(5)
-
자바스크립트 코드레시피 012 ~ 019
012 화살표 함수 사용하기 화살표 함수는 일반 함수와 달리 일부를 생략할 수 있다. 화살표 함수의 정의가 한 줄인 경우 { }와 return을 생략할 수 있다. 013 함수의 파라미터 초깃값 설정하기 함수의 파라미터에 '파라미터 = 값'을 사용해 파라미텅릐 초기값을 설정할 수 있다. 디폴트 파라미터 : 초깃값이 설정된 파라미터는 값을 전달하지 않으면 초갓값을 사용하는 것 014 다수의 파라미터를 가지는 함수 정의하기 정해지지 않은 파라미터의 개수를 가지는 함수는 '...'을 이용하여 '...파라미터'와 같은 방식으로 정의한다. 015 조건문 사용하기 (if) if 조건문 사용하기 1 if 조건문 사용하기 2 016 조건문 사용하기 (switch) switch 조건문 사용하기 1 switch 조건문 사용..
2022.09.12 -
자바스크립트 코드레시피 009 ~ 011
009 두 개의 값 비교하기 (비교 연산자) == : a, b의 값이 값은가 === : a, b의 값과 데이터 타입이 같은가 != : a, b의 값이 다른가 !== : a, b의 값과 데이터 타입이 다른가 < : a가 b보다 작은가
2022.02.23 -
자바스크립트 코드레시피 007 ~ 008
007 상수 사용하기 'const'는 상수를 의미한다. 상수는 임의 값의 대입이 가능하며, 문자열과 함수의 대입도 가능하다. 상수는 변수와 다르게 값의 변경이 불가능하므로 다음 코드는 에러가 발생한다. 데이터 타입이 같다면 상수도 변수처럼 계산과 결합이 가능하다. 상수의 경우 초기화는 생략이 불가능하다. 콤마로 구분하면 'let' 하나에 여러 개의 상수를 선언할수 있다. 상수로 선언된 배열과 객체 내부의 값은 변경가능하다. 008 주석(코멘트) 추가하기 // : 기호 이후 내용을 주석 처리 (한 줄) /* 내용 */ : 기호 안의 내용 부분을 주석 처리 (여러 줄 가능)
2022.02.18 -
자바스크립트 코드레시피 004 ~ 006
004 값을 로그로 출력하기 console.log( )를 사용하면 브라우저의 개발자 도구 콘솔에 메세지를 출력하기 console.log( )는 콤마(,)를 이용하여 하나 이상의 파라미터 전달이 가능하다. 다음은 문자열과 현재 시간을 console.log( )로 전달하고 출력 결과를 확인하는 코드이다. 005 계산 프로그램 만들기 사칙 연산 사용하기 %는 나머지 구하기 이고 **는 제곱수 구하기 입니다. 006 변수 선언하기 변수 myName에 문자열을 대입하는 예제코드 입니다. alert( )을 이용해 myName에 대입한 문자열을 확인합니다. 값이 대입된 변수는 다른 변수로 대입이 가능하다. 코드를 통해 + 연산자를 사용한 숫자 타입 변수의 합과 문자열 타입 변수의 결합을 확인합니다. 변수 초기화 생략..
2022.02.16 -
자바스크립트 코드레시피 001 ~ 003
001 자바 스크립트의 기초 정의 자바 스크립트는 웹브라우저에서 동작하는 프로그래밍 언어로, 동적 웹 페이지의 중요한 구성 요소이다. 기능 • 문자, 숫자, 배열 등의 데이터를 다룬다. • 날짜와 시간을 다룬다. •브라우저를 조작한다. •이벤트를 처리한다. • 페이지의 데이터 요소를 조작한다. •폼Form을 조작한다. • 애니메이션 효과를 처리한다. • 이미지/사운드/영상을 다룬다. • 데이터를 송수신한다. • 로컬 데이터를 다룬다. 002 자바 스크립트의 구현(사용) 방식 HTML에서 script태그로 감싼 부분이 자바스크립트를 기술하는 곳이다. alert() 기능을 통해 알림창을 만들 수 있다. 파일을 열면 브라우저에서 '안녕하세요!'라는 알림 메시지가 표시된다. 003 다른 파일에서 자바스크립트 불..
2022.02.12