Lpla 개발 블로그

일상

인프런 자바스크립트 비기너: 튼튼한 기본 만들기 완강

자바스크립트를 공부할수록 내 기초 지식의 부족함을 많이 느꼈다. 앞으로 나아가기만 할 것이 아니라 뒤를 돌아볼 필요가 있었다. 그래서 3월부터 약 한 달간 틈틈히 자바스크립트 기본 강의인 "자바스크립트 비기너: 튼튼한 기본 만들기" 를 수강했고 오늘자로 완강했다. 자바스크립트 비기너: 튼튼한 기본 만들기 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙(ES5 기준)의 95% 이상을 다 www.inflearn.com 간략한 수강 후기로는 자바스크립트 입문자에게는 적절하지 않고 이론 위주의 수업이라 지루했다. 내가 기초 강의를 한 달이나 수강한 것도 재미가 없었던 이유가 가장 크..

JavaScript/기초

[JavaScript] 배열(Array) 요소 추가/삭제

1. 인덱스 지정 추가하고 싶은 배열의 위치에 인덱스를 지정하는 방법 var food = ['rice', 'hamberger'] food[4] = 'noodle' console.log(food); // ['rice', 'hamberger', undefined, undefined, 'noodle'] 2. delete 연산자 delete 연산자와 인덱스로 배열 요소를 삭제할 수 있다. 하지만 요소가 완전히 삭제되는 것은 아니고 undefined로 설정되어 길이는 변하지 않는다. var food = ['rice', 'hamberger'] delete food[1]; console.log(food); // ['rice', 'hamberger'] console.log(food.length); // 2 3. uns..

JavaScript/기초

[JavaScript] 배열(Array) 개요

1. 개요 자바스크립트에서 [1, 'A', '가'] 형태를 배열(Array)이라고 한다. 대괄호 안에 콤마로 구분하여 값을 작성하며 string 타입일 경우 큰따옴표 혹은 작은따옴표로 작성한다. 이때 1, 'A', '가'를 배열 요소(Array Element)라고 한다. 배열은 순서를 가진다. 첫번째 배열 요소부터 인덱스 0번으로 시작하며 이 순서야말로 배열이 가지고 있는 특징이다. 2. 배열 생성 배열은 다양한 방법으로 생성할 수 있다. // 1 var food = new Array(); // 2 var food = Array(); // 3 var food = []; 3. 요소 호출 모든 배열 요소는 각각의 인덱스를 가지므로 대괄호를 사용하여 특정 요소를 호출할 수 있다. var food = ['ric..

그누보드

그누보드로 하드코딩하기

그누보드5를 하드코딩하여 홈페이지를 제작하고 싶다면 테마를 비활성화하고 몇 가지 파일을 수정해야 한다. 1. basic 테마 삭제 그누보드를 처음 설치하면 basic 테마가 적용되어 있다. 테마를 비활성화하기 위해 관리자 계정으로 로그인한다. 그리고 관리자페이지로 이동하여 환경설정 중 '테마설정' 으로 들어간다. 베이직을 사용안함으로 변경한다. 혹은 그누보드5의 theme 폴더를 삭제해도 된다. 다시 메인으로 돌아와보면 아직까지 달라진 것은 없다. 2. 헤더와 푸터 삭제 그누보드의 한 페이지의 구성은 쉽게 5가지로 구분된다. 에 해당하는 head.sub.php 사이트 헤더에 해당하는 head.php 사이트 본문에 해당하는 index.php 사이트 푸터에 해당하는 tail.php 에서 바로 위쪽인 tail..

JavaScript/기초

[JavaScript] arguments 객체

자바스크립트는 함수를 호출할 때 arguments 객체가 함수 내부로 전달된다. arguments 객체가 하는 일은 크게 두 가지이다. 1. 함수의 인자(argument) 참조 arguments 객체를 사용하여 함수의 인자를 참조할 수 있으며, 이때 인덱스는 0부터 시작한다. function func(a) { return a + arguments[1] + arguments[2] } func(10, 20, 30); // 60 위 func 함수에서 파라미터는 a 하나 밖에 없지만 func(10, 20, 30)처럼 인자(argument)가 3개인 함수를 호출한다고 해서 에러가 발생하지 않는다. func 함수에서 10은 a에 할당되고 arguments[0]에도 할당된다. 마찬가지로 20과 30은 각각 argum..

JavaScript/실전

Swiper 예제 - 슬라이드가 넘어갈 때 이벤트 호출

swiper는 다른 라이브러리보다 직관적이고 친절한 demo와 api를 제공하고 있다. Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Swiper API Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 그 중 여러가지 이벤트 메서드를 지원하는데 activeIndexChange와 slideChange는 슬라이드가 바..