본문 바로가기

전체 글

[javascript] 함수 정의 방법 ( 자바스크립트 함수 생성 ) 자바스크립트에서 제일 중요한 개념은 함수라고 생각합니다. 자바스크립트에서 함수를 잘 다루고 활용을 잘한다면 고급 개발자라고 생각합니다. 함수의 기초적인 부분을 이해하지 못한다면, 결코 자바스크립트를 잘 사용할 수 없습니다. 함수란? 자바스크립트에서 함수는 반복된 코드 실행을 줄여주는 역할을 하고, 재사용성이 좋습니다. 함수 정의 방법 1. 함수 리터럴 방식 function example(x, y){ return x+y; } function : 자바스크립트 함수 리터럴은 function으로 시작합니다. example : 함수명을 정의합니다. (x, y) : 매개변수 return x+y; : example 함수가 호출 됐을 때 실행되는 코드 부분입니다. 2. 함수 표현식 var example = functi.. 더보기
[git] git 명령어 저장소 git 명령어 git repository clone git clone git remote git remote add origin 수정된 모든 파일 추가 git add . 추가된 파일들 Commit git commit -m "메세지 내용" 커밋된 파일들 git 저장소에 push git push origin 더보기
[javascript] 자바스크립트 배열 - javascript Array 자바스크립트 Array 자바스크립트 객체의 특별한 형태인 배열에 대해서 알아봅시다. 배열 리터럴은 자바스크립트에서 새로운 배열을 만드는 데 사용하는 표기법입니다. 객체 리터럴이 중괄호({}) 였다면 배열 리터럴은 대괄호인([])을 사용합니다. 배열 리터럴을 이용한 배열 생성 예제 var newArr = [1,2,3,4]; console.log(newArr[0]) // 1 (출력) console.log(newArr[3])// 4 (출력) 배열내에 있는 인덱스 값으로 배열 안에 들어있는 값을 찾을 수 있습니다. 인덱스 번호는 1번부터 시작 되는 것이 아니라 0번부터 시작합니다. 그래서 위와같이 newArr [0] 이 1이 출력된 것은 newArr 배열 안에 인덱스 번호 0번 값인 1이 출력이 된 것입니다. .. 더보기
[javascript] 자바스크립트 프로토타입 자바스크립트 프로토타입 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있습니다. 부모 객체의 프로퍼티를 마치 자신의 것 처럼 쓸 수 있는 것 같은 특징이 있습니다. 자바스크립트에서 이러한 부모 객체를 프로토타입 객체라고 부릅니다. 객체 생성 및 프로토타입 객체 사용 var obj = { name: 'new', age: 22 }; console.log(obj.toString()); // "[Object Object]" (출력) 객체를 생성하였고, 객체의 부모 객체 즉, 프로토타입인 toString() 메서드를 이용해서 객체를 출력해봤습니다. obj 객체의 toString() 문자열로 변환해서 출력을 해보니 [Object Object] 문자열로 출력이 되는 것을 확인 할 수 있습니다. .. 더보기
[javascript] 참조 타입의 특성 - 객체 값 참조 자바스크립트 참조 타입의 특성 기본 타입과는 다르게 참조 타입은 값을 변수에 넣어주는 것이 아니라 값을 참조하는 것이다. 참조한다는 것이 처음에는 어떤 느낌인지 정확히 이해를 하지 못합니다. 예를 들어서 쉽게 표현 해보도록 해보겠습니다. var objA = { value: 40 }; var objB = objA; console.log(objA.value); // 40 (출력) console.log(objB.value); // 40 (출력) objB.value = 50; console.log(objA.value) // 50 (출력) console.log(objB.value) // 50 (출력) 위와 같이 objA 변수와 objB 변수가 동일한 객체를 가르키는 참조값을 가지게 되어서 같은 값을 출력하는 것을.. 더보기
[javascript] 자바스크립트 참조 타입 (객체 타입) 자바스크립트 참조 타입 자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값을 객체입니다.따라서 배열, 함수, 정규표현식 등 모두 객체로 표현됩니다. 참조타입인 객체는 하나의 값만 가지는 것이 아닌 여러 개의 프로퍼티들을 포함할 수 있습니다. 또한, 객체의 프로퍼티는 함수로 포함할 수 있으며, 자바스크립트에서는 프로터피를 메서드라고 부릅니다. 객체를 생성하는 방법 3가지는 예시로 보여드리겠습니다. 1. Object()를 이용한 객체 생성 var newObj = new Object(); newObj.color = 'red'; newObj.backgroundColor = 'blue'; console.log(newObj) // { color: 'red', ba.. 더보기
[javascript] 자바스크립트 기본 타입 ( 숫자, 문자열, 불린값, null, undefined) 자바스크립트의 첫 발걸음인 데이터 타입부터 알아봅시다. 데이터 타입을 먼저 알아야 하는 이유는 어떤 언어 든 간에 기본적으로 타입을 알아야 변수를 선언할 수 있습니다. 자바스크립트에는 기본 타입과 참조 타입으로 나뉘는데 일단 먼저 제일 기본적인 기본 타입을 알아봅시다. 자바스크립트 기본 타입 1. 숫자 var intNum = 10;// 정수형 숫자 선언 var floatNum = 0.1;// 실수형 숫자 선언 2. 문자열 var strText = 'strText';// singleQuote 문자열 선언 var doubleStrText = "doubleStrText";// doubleQuote 문자열 선언 3. 불린값 var isBool = true; // boolean 값 선언 4. null / unde.. 더보기
[javascript] substring(),indexOf() 문자열 추출과 문자열 찾기 오늘은 문자열 추출을 위해서 자주 쓰는 substring() 함수와 indexOf() 함수를 알아보겠습니다. 제가 실무에서 자바스크립트를 이용해서 웹 개발할 때 자주 사용하는 함수인데요. 진짜 진짜 유용하게 쓰입니다. 일단 예제를 통해서 어떻게 사용하는지 알아볼게요 1. substring() 함수로 문자열 추출하기 var stringText = 'abcdefg'; var subText = stringText.substring(0,3); console.log(subText); // 'adcd' 가 출력 되는 것을 알 수 있습니다. 여기서 stringText 변수에 'abcdefg' 문자열을 선언했습니다. 그리고 subText 변수에 substring() 함수를 사용하여 문자열 0번째부터 3번째까지 추출해낼.. 더보기

티스토리툴바