[자바스크립트] 06. 배열
·
Dev Lang/JavaScript
배열 생성 var 변수명 = new Array( ); var myArray = new Array(); 리터럴 표기법과 객체의 생정자로도 만들 수 있다. > var numbers = ["one", "two", "three", "four"]; // 리터럴 표기법 > var numbers = new Array("one", "two", "three", "four"] // Array객체를 이용해서 생성 배열 관련 메서드 객체의 길이 배열.length 를 해주면 배열의 원소 개수가 나온다. > var month = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] > month.length < 12 두 배열 합치기 배열1.concat(배열2) 다만 반..
[자바스크립트] 05. 객체
·
Dev Lang/JavaScript
자바스크립트는 객체를 이용해서 인스턴스를 만든다. 객체의 인스턴스를 만들 때는 new 예약어를 사용해서 만들어주면된다. 예시로 자바스크립트의 내장 객체인 Date( ) 를 이용해서 인스턴스 now를 만들어 보겠다. // 콘솔 창에서 코드 입력 > var now = new Date() > now var sunghyun = { english: 80 math: 80 science: 70 language: 90 info: fu..
[자바스크립트] 04. 함수와 이벤트
·
Dev Lang/JavaScript
자바스크립트의 함수는 아무곳이나 선언해줘도 된다. 자바스크립트는 소스를 해석할 때 함수 선언 부분을 우선시해서 해석하기 때문이다. 파이썬처럼 위에서 아래로 내려가는 방식으로 읽지않기에 가능한 방법이다. 자바스크립트의 함수는 function( )이다. 기존에 배웠던 var가 달리 let과 constant를 새로 배울 수 있었다. 로컬변수와 전역변수 개념은 다른언어에서도 통상적으로 사용되기에 이해가 어렵지않았다. var의 호이스팅 var 사용 시 조심해야하는 개념이다. 호이스팅은 끌어올리다라는 뜻을 가졌는데 이는 코드 실행시에 자바스크립트가 var선언을 가장 먼저 받아들이기 때문이다. 이로인해 var 선언만 먼저 끌어올려진 상태로 값이 할당되지 않은 채로 var이 읽혀진다면 이는 오류로 이어질 수 있다. v..
[자바스크립트] 03. 제어문
·
Dev Lang/JavaScript
사실상 java와 제어문이 유사하기에 따로 건들부분이 없었다. 기본적인 코드에 대해서 알아보겠다. if문 switch문 for문 while문 do while문 break continue 조건연산자 => (조건) ? (true일 경우 실행) : (false일 경우 실행) 퀴즈1 짝수일까, 홀수일까 퀴즈2 3의 배수 찾기
[자바스크립트] 02. 변수와 자료형
·
Dev Lang/JavaScript
변수를 쓰는 법 변수를 쓰기위해서는 선언을 우선적으로 해줘야한다. 변수 선언을 위해 var이라는 예약어를 붙여줘야한다. => ex) var 변수; 변수선언과 자료형 저장도 동시에 일어날 수 있다. => ex) var 변수 = 100; 이렇게 정수형 자료를 변수에 저장할 수 있다. 변수 이름은 낙타표기법을 사용하며 변수의 첫글자는 반드시 문자, 달러기호, 언더바(_) 중 하나여야 한다. 자료형 기본형 number: 숫자형 string: 문자형 boolean: 논리형 undefined: 자료형이 정해지지않음 ex) var 변수; (자료형이 정해지지않아주었기에 undefined이다) null: 값이 유효하지않을 경우 복합형 array: 하나의 변수에 여러값을 저장 ex) var 변수 = ['arr1', 'ar..
[자바스크립트] 01. 기초 문법
·
Dev Lang/JavaScript
자바스크립트 사용 기초문법 설명에 앞서 자바스크립트는 안에 쓰이며, 위치는 자유로우나 대부분 앞에 쓰는 것이 통상적이다. 이 곳에는 자바스크립트 파일 주소를 적어 연결할 수 있다. 자바스크립트의 기초문법인 입력, 출력에 대해서 알아보겠다. prompt( ): 자바스크립트 입력을 담당하며 사용하며 입력이 가능케된다. prompt("이름을 알려주세요: ") 하면 문구가 같이 출력될 수 있다. 마치 파이썬의 input("이름을 알려주세요: ")처럼 사용이 가능하다. 작은따옴표와 큰 따옴표 둘 다 사용이 가능하다. prompt("이름을 알려주세요: ", "나이")하면 나이가 기본값으로 들어가게된다. alert( ): 알림문으로 사용이 가능하다. 문구 또한 넣을 수 있다. document.write( ): 자바스..
[자바스크립트] 자바스크립트를 왜 배워야하는가.
·
Dev Lang/JavaScript
자바스크립트 왜 배우고 싶은가 프론트엔드 개발에 유용하게 사용이 가능한 언어이며 웹 개발자라면 꼭 익혀둬야하는 언어라고 생각한다. 기존에 리액트나 뷰로 프론트엔드 개발자에게 유용하게 쓰이는 언어이지만 Node.js 사용으로 백엔드까지 사용이 가능해진 언어이다. 대학교 2학년내에 웹 개발 관련 프로젝트 참여를 하고 싶어서 자바스크립트 공부를 시작했다. 개발자 대형 커뮤니티인 스택오버플로우에서는 개발자를 대상으로 매년 설문조사가 열린다. 설문조사 결과를 보면 많은 사람들이 자바스크립트를 선호하고 있는것을 알 수 있다. 웹 프레임워크 사용 비중 자바스크립트는 다양한 언어와의 협업이 가능하다 자세한 내용은 아래 링크에서 확인이 가능하다.https://insights.stackoverflow.com/survey/..
개발자 성현
'Dev Lang/JavaScript' 카테고리의 글 목록