본문 바로가기

웹 개발

[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] 자바스크립트 참조 타입 (객체 타입) 자바스크립트 참조 타입 자바스크립트에서 숫자, 문자열, 불린값, 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번째까지 추출해낼.. 더보기
[javascript] window 객체 자바스크립트에서 window 객체란? window는 자바스크립트에서 가장 중요하고, 가장 기본적인 객체라고 말할 수 있습니다. window 객체에는 아주 많은 기능들이 내장 되어있지만 제가 오늘 소개 드릴 기능들은 웹 개발을 할 때 자주쓰는 기능들을 소개 시켜드리고자 합니다. ​ window 객체의 여러가지 기능 1. 창닫기 function windowClose(){ window.close(); } // onClick 시 windowClose(); 2. 창열기 function windowOpen(url,name,how){ window.open(url,name,how); } // onClick 시 windowOpen('open.html','open','width=200,height=200'); 3. URL.. 더보기