javascript 썸네일형 리스트형 [부스트코스][BoostCourse] 9. Javascript 활용(1/2) (JS 파일 저장 / 라이브러리-프레임워크, JQuery) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 .js 파일 이용 태그 안의 css 코드를 .css 파일로 분리시킬 수 있는 것처럼, JS 파일도 따로 분리시킬 수 있다 '파일명.js' 이름으로 파일 분리 후 -> ... 위와 같이 src='' 속성을 추가하면 파일을 불러올 수가 있다 되도록이면 파일 수를 줄여야 페이지를 불러올 때 성능이 향상되고, 로딩시간이 감소한다 이처럼 파일을 분리할 경우 다음과 같은 장점이 있다 유지보수가 편리하다 : 여러 곳에 쓰이는 JS를 동시에 수정할 수 있다 가독성이 좋아진다 캐시에 저장할 수 있다 : 페이지에 JS 파일을 다운로드하여 캐시에 저장해두면, 후에 더 빨리 페이지를 표시할 수 있다 라이브러리-프레임워크 라이브러리는 단순 활용가능한 도구(소프트웨어)들의 집합을.. 더보기 [부스트코스][BoostCourse] 8. Javascript 객체 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 객체의 개념 snupi.tistory.com/100 [부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매 snupi.tistory.com 우리는 전 포스팅에서 함수를, 한 줄이라도 그 구현의 의미를 명확하게 하기 위해 활용하였다 하지만 프로그램에서 기능들이 많아진다면, 중복이 되지 않게 함수의 이름을 계속 길게 작성할 것이다 이를 방지하게 위해 우리는 폴더로 정리한다 이와 같이 우리는 함수(메소드)와 속성(프로퍼티)들.. 더보기 [부스트코스][BoostCourse] 7. Javascript 함수(2/2) (JS 함수의 매개변수와 인자 / 리턴 / JS의 전역함수) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 // 함수 선언 function 함수이름 ([arg1, ..., argn]) { ...프로그램 코드... return 문 } // ex function add123() { document.write(1 + 2 + 3); } // 함수 호출 함수이름(); // ex add123(); 매개변수와 인자 (parameter, argument) - arg1, ..., argn 함수를 호출하는 곳으로부터 값을 받는 것 여러 개 있을 때 콤마(,)로 분리하고, 없어도 무관하다 덧셈을 해주는 함수를 다음과 같이 작성해보자 function sum(left, right) { document.write(left + right); } 그리고 다음과 같이 함수를 호출하면, 두 .. 더보기 [부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매개변수; parameter, 인자; argument)을 누르면 자판기(함수; function)는 (프로그램 코드를 통해) 그 음료수를 뽑아준다(출력; return) 물론 전달받는 데이터 없이, 결과없이 작업을 수행하기도 한다 구성은 다음과 같다 // 함수 선언 function 함수이름 ([arg1, ..., argn]) { ...프로그램 코드... return 문 } // ex function add123() { document.write(1 + 2 + 3); } // 함수 호출 함수이름(); // ex add123();.. 더보기 [부스트코스][BoostCourse] 5. Javascript 제어문(2/2) (배열/ 반복문) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 배열 (Array) 배열은 여러 개의 원소들을 연속적으로 저장하고 전체를 하나의 단위로 다루는 데이터 구조이다 즉, 서로 연관된 데이터를 정리해서 담아두는 수납상자라고 생각할 수 있다 [ ], 대괄호, 브라켓 안에 값을 넣어 명령한다 예시를 들어보자 var fruits = ["apple", "banana"]; // fruits[0]은 "apple" // fruits[1]은 "banana" var box = new Arrays("apple", "banana"); // 같은 배열 선언문 // "Array 객체"를 이용 위와 같이 배열은 선언했다고 하면, 다음과 같이 배열의 값에 접근할 수 있다 document.write(fruits[0]); // apple .. 더보기 이전 1 2 3 4 5 다음
