웹 프로그래밍 (181) 썸네일형 리스트형 [JS] 반복문을 통해 Array 원소를 출력하기 방법(1) 배열의 길이만큼 도는 방법 for(var i = 0; i < names.length; i++){} 방법(2) 배열의 인덱스를 꺼내는 방법 for(var i in names) {} 주의사항 : 이때 원소를 꺼내난 게 아니라, 인덱스를 꺼낸다. 따라서, array[i] 라고 써야한다. 방법(3) 1.5 for 반복문과 비슷 for(var item of names){} [JS] Array 생성 및 활용 1. 다양한 타입을 하나의 배열에 담을 수 있다. : 자바에서 collection도 다양한 타입을 담을 수 있으나, 제네릭을 사용해서 해당하는 타입만 담았음. 2. 없는 인덱스를 찍어도 오류가 나지 않고 실행된다. undefiend 라고 뜬다. 3. 배열이 고정된 크기가 아니다. 아주 유연하게 값이 들어간다. 4. JS 배열에서는 stack 명령어를 사용할 수 있다. : push, pop 5. 배열을 객체처럼 사용할 수 있다. 6. 숫자를 정렬할 때는 독특한 형태를 쓴다. new Array() 형태를 쓸 수 있다. 숫자정렬하기 [JS] do while, while 반복문 사용하기 [JS] 백틱(backtick) 사용 예제 [JS] 자바스크립트 디버깅 방법(JS는 에러가 나도 실행이 된다. 화면에 나타나지 않을 뿐! 그럴 땐 console 확인) 코드를 잘못 써도, 내용이 보이지 않을 뿐 실행이 된다. 어디서 에러가 났는지 화면 상에서는 알 수가 없다. 그리고 에러가 나는 이전 문장들은 실행이 되어서 에러가 난 상황인지도 모를 수 있다. 내가 작성한 코드가 적용이 안됐다면, 반드시 디버깅해야한다. 자바스크립트에서는 디버깅 하기 위해서 개발자모드로 들어가야 한다. f12 누르고, console에 들어가서 보면 된다. [JS] 자바스크립트 자료형 특징과 호이스팅 개념(var, let, const) 데이터 타입 종류 number string boolean undefined null object symbol 변수 선언 방법 자바스크립트는 느슨한 타입 (loosely typed) 언어, 동적 (dynamic) 언어다. 즉, 변수의 타입을 미리 선언 할 필요가 없고 내부적으로 자동으로 파악한다. 그리고 같은 변수에 여러 타입의 값을 넣을 수 있다. 변수를 선언하려면 var 변수명 = 값; 형태로 작성하면 된다. 이때, var 조차 쓰지 않아도 변수가 선언된다. 엄밀히 말하면 var 선언한 것과 안 한 것의 차이는 있다. (아직 나는 잘 모름) 자바스크립트는 값을 초기화하면서 변수를 선언한다. 변수를 선언만 해놓고 값을 초기화하지 않으면, 데이터 타입이 'undefined' 상태다. 작은 따옴표와, 쌍 따.. [JS] 출력 함수 document.write(), alert(), confirm(), prompt(), console.log() 자바스크립트는 메소드라고 하지 않고, 함수라고 한다. document.wirte : 화면에 글이 나타난다. alert, confirm, prompt : 창으로 뜬다. console.log() : 디버깅을 사용하기 위해 로그를 찍는다. 모달은 함수야 뭐야? modal.js 라고 돼있는데. [JS] 자바스크립트를 위한 태그 <script> 자바스크립트 사용을 위한 태그 자바스크립트를 위한 태그는 안에 타입은 생략 가능하다. 왜? 어차피 그들만 쓰기 때문이다. 이전 1 ··· 14 15 16 17 18 19 20 ··· 23 다음