본문 바로가기

분류 전체보기307

JavaScript 기초 : 배열 2. 배열 메소드- splice사용법 2. 배열 메소드 배열을 좀 더 안전하고 효과적으로 다루기 위해서는 배열의 메소드를 이용하는 것이 좋다. 우선 배열의 요소를 삭제하는 코드를 보자! let members = ['유재석', '박명수', '정준하', '정형돈', '하하', '노홍철']; //요소 삭제 delete members[4]; console.log(members); //완벽히 삭제가 안된다. 이 경우 하하가 삭제되긴 했는데 empty라고 뜨고 인덱스도 6 그대로이다. 그럼 이제 splice메소드를 사용해서 요소를 삭제해보자. 2-1. splice를 사용하여 요소를 삭제 splice메소드는 배열.splice(index번호) 이렇게 작성하는데 TIP 대괄호가 아니라 ( ) 그냥 괄호를 쓴다! (헷갈림 주의) 그런데! 그냥 index번호만.. 2020. 9. 10.
JavaScript 기초 : 배열 1. 배열 1. 배열(Array) 배열이란 무엇일까? 배열은 객체 처럼 사용하는데 프로퍼티 네임 없이 프로퍼티 값만 쓴다고 생각하면 된다. 배열 안에 있는 값들은 '요소(element)'라고 부른다. 객체와는 다르게 단순히 여러 값들을 쉼표로 구분해서 대괄호로 담고 있다. 하지만 type of 연산자로 배열을 확인해보면!!! 배열도 객체이다. 즉 배열도 객체의 한 종류인 것이다~! 그럼 배열을 표현해보자! //배열(Array) let snuecourse = [ '교육용프앱개발', '최신정보기기세미나', '이러닝연구세미나', ]; 대괄호 안에 각 요소별로 순서가 매겨진다. 순서는 index라고 한다. index가 객체의 프로퍼티 네임 역할을 한다. indexing 인덱스를 통해 배열의 요소에 접근하는 방법을 inde.. 2020. 9. 10.
JavaScript 기초 : 객체 4. Date 객체(getTime()) - D-day계산기 만들기! 4. Data 객체 - 날짜를 다루는 객체 console.log처럼 자바스크립트가 이미 가지고 있는 객체를 내장 객체라고 부른다. 자바스크립트는 거의 모든 것이 객체로 이루어져 있다. 그래서 다양한 내장 객체가 저장되어 있다. 그 중 하나가 Data객체이다. Date객체만 잘 이용해도 초보자가 만들 수 있는 것들이 꽤 있다. 우선 myDate라는 변수를 만들어 보자. 변수 값에는 new Date()라는 객체를 만든다. 이 객체를 콘솔에 출력하면 객체를 생성한 순간의 시간이 나온다. //Date객체 사용해보기 let myDate = new Date(); console.log(myDate); 이 객체를 생성한 순간의 년,월,일,시간이 출력되니 어디서 컴퓨터를 사용하는지에 따라 나오는 값이 다르다. 4-1. .. 2020. 9. 9.
JavsScript 기초 : 객체 3. for~ in 반복문 3. for ~ in 반복문 for in 반복문은 객체 안에 있는 프로퍼티들을 가지고 반복적인 동작을 수행할 때 사용한다. 객체의 프로퍼티 네임을 가져오는 반복이기 때문에 일반적인 for문으로는 대체할 수 없다! 어떻게 쓰는지 보자! //for in for (변수 in 객체) { 동작부분 } 이처럼 특정한 변수를 만들고 반복할 객체를 넣어준다. 그럼 객체의 프로퍼티 네임이 변수에 할당되고 객체의 프로퍼티 개수만큼 반복하여 동작한다. 3-1. for ~ in 반복문 기초 아주 간단한 예시를 보자. joSW라는 객체를 만들고 for in 문으로 반복하는 코드이다. //for in let joSW = { name: 'yunju', bornYear: 2020, isVerynice: true, bestCourse.. 2020. 9. 9.
JavaScript 기초 : 객체 2. 객체와 메소드 2. 객체와 메소드 연관된 여러 값을 하나로 묶고 싶을 때는 객체를 사용했다. 여러 함수를 하나로 묶고 싶은 경우에도 객체를 사용한다. 객체의 프로퍼티에는 어떤 자료형이든 저장할 수 있기 때문에 프로터피 값으로 함수를 저장해주면 된다. 이런 함수를 메소드 라고 한다!! 예시를 보자. greeting라는 변수가 있다. let greetings = { }; 이제 중 괄호 안에 메소드를 써보자. sayHello : function () { }, sayBye : function() { } key : value 값에 key는 그대로 적고 value에는 함수를 적는 것이다. //매소드(Method) let greetings = { sayHello: function () { console.log('Hello'); }.. 2020. 9. 9.
JavaScript 기초 : 제어문 for과 while 연습 1. 100이상의 자연수 중 가장 작은 23의 배수를 찾는 코드를 작성하세요. 2. 피보나치 수열 20개 항을 나열하는 코드를 작성하세요. 3. 1~9단까지 구구단을 나타내는 코드를 작성하세요. 4. 숫자 맞추기 게임(4번 만에 맞추는 게임) 코드를 작성하세요. 5. 화씨 온도를 섭씨 온도로 변환하는 코드를 작성하세요. 6. 숫자 야구 코드를 작성하세요. 7. 피타고라스 수를 코드로 나타내세요. 8. 리스트를 뒤집는 것을 코드로 나타내세요. 9. 자리수의 합을 구하는 코드를 짜보세요. 10. 매출 파일을 열고 매출 평균 금액을 구하세요. 2020. 9. 8.
JavaScript 기초 : 객체 1. 객체와 프로퍼티 1. 객체(Object)와 프로퍼티(Property) 여러 가지 값을 한 번에 저장하고 싶다면 객체를 사용하면 된다. 자바스크립트의 모든 것은 다 객체다!! 객체는 중괄호 { } 로 감싸고 { } 안쪽은 여러 가지 다양한 값들을 쉼표( , )로 구분한다. 객체에는 다양한 값이 들어갈 수 있기 때문에 각 값들을 좀 더 명확히 하기 위해 : 콜론과 함께 값의 이름을 부여한다. key : vlaue 이렇게 구성하는데 key와 value 한 쌍을 객체의 속성(Property)라고 부른다. key 는 값의 이름(property name) value는 값이다. (property value) 즉 property name : property value 로 객체가 구성된다. // key : value 한상을 속성(pro.. 2020. 9. 8.
JavaScript 기초 : 제어문 5. break와 continue 5. break 사용 break를 반복문에서 사용하면 반복문에 있는 조건에 상관없이 if 조건에 맞으면 반복문을 빠져나갈 수 있다! //break 연습 while 문일때 let i = 1; while (i 2020. 9. 8.
JavaScript 기초 : 제어문 4. While 반복문 4. while 반복문 //while문 while (조건부분) { 동작 부분 } while문과 for문은 서로 대체가 가능하다. while문은 조건 부분이 true 일 때까지 작동한다. 즉, false가 되면 멈춘다는 것이다. for문과 while문은 서로 대체 될 수 있다. 하지만 while문은 for문과 다르게 초기화 부분이 없기 때문에 while문 밖에서 글로벌 변수를 만들어 주어야 한다! 4-1. while문의 실제 사용 //while문 let i = 1; while (i 2020. 9. 8.
JavaScript 기초 : 제어문 3. for반복문 3. for반복문 JavaScript에서 사용하는 반복문 중 가장 자주 사용하는 for문을 살펴보자! //for 반복문 for (초기화부분; 조건부분; 추가동작부분) { 동작부분 } 초기화 부분은 딱 한 번만 실행 조건부분은 불린형태로 판단 true일 경우 동작! 3-1. for반복문의 실제 사용 추가동작 부분은 무엇인지? 예시를 통해 살펴보자! 가치 있는 서비스를 개발하자! 라는 문구를 10번 콘솔에 출력해보자! //for 반복문 변수 i는 횟수를 저장하는데 활용한다. for (let i = 1; i 2020. 9. 8.

티스토리툴바