프로그래밍/Javascript33 JavaScript 기초 : 배열 1. 배열 1. 배열(Array) 배열이란 무엇일까? 배열은 객체 처럼 사용하는데 프로퍼티 네임 없이 프로퍼티 값만 쓴다고 생각하면 된다. 배열 안에 있는 값들은 '요소(element)'라고 부른다. 객체와는 다르게 단순히 여러 값들을 쉼표로 구분해서 대괄호로 담고 있다. 하지만 type of 연산자로 배열을 확인해보면!!! 배열도 객체이다. 즉 배열도 객체의 한 종류인 것이다~! 그럼 배열을 표현해보자! //배열(Array) let snuecourse = [ '교육용프앱개발', '최신정보기기세미나', '이러닝연구세미나', ]; 대괄호 안에 각 요소별로 순서가 매겨진다. 순서는 index라고 한다. index가 객체의 프로퍼티 네임 역할을 한다. indexing 인덱스를 통해 배열의 요소에 접근하는 방법을 inde.. 2020. 9. 10. 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 기초 : 제어문 3. for반복문 3. for반복문 JavaScript에서 사용하는 반복문 중 가장 자주 사용하는 for문을 살펴보자! //for 반복문 for (초기화부분; 조건부분; 추가동작부분) { 동작부분 } 초기화 부분은 딱 한 번만 실행 조건부분은 불린형태로 판단 true일 경우 동작! 3-1. for반복문의 실제 사용 추가동작 부분은 무엇인지? 예시를 통해 살펴보자! 가치 있는 서비스를 개발하자! 라는 문구를 10번 콘솔에 출력해보자! //for 반복문 변수 i는 횟수를 저장하는데 활용한다. for (let i = 1; i 2020. 9. 8. JavaScript 기초 : 제어문 2. switch문 2. switch문 switch문은 if문과 비슷해보이지만 다르다. switch문은 어떤 값을 입력했는지에 따라 다르게 동작하는 문법이라고 볼 수 있다. if문과 비슷하지만 동작하는 방식이 조금 다르다. 비교할 값과 조건값이 서로 일치할 때 : (콜론 쓰기!) 동작할 내용을 적는다. 그리고 break를 적어서 switch문을 빠져나오게 적어주면 된다. default: 다음에 동작 부분은 비교할 값이 모든 조건 값과도 일치하지 않을 경우의 코드를 작성해주면된다. 비교할 값이 조건값1과 조건값2와 일치 하지 않을 경우 어떤 동작을 할 건지 적어주면 된다. 필요에 따라 생략도 가능하다. 2-2. switch문으로 심리 테스트 만들기! myChoice가 2라고 선언했다. myChoice가 1과 같다면 '토끼~'.. 2020. 9. 7. JavaScript 기초 : 제어문 1. if문 사용법(if문 중첩) 1. if문(if statement) 사용하기 if문은 어떤 특별한 조건에 따라서 코드를 실행할 지 말 지를 결정하는 '조건문'이다. if문은 기본적으로 조건과 동작으로 구성되어 있다. if (조건부분) { 동작부분 } 예시를 살펴보자. 온도가 100도 이상이면 물이 끓는다라는 if문을 작성해보았다. //온도가 100도 이상이면 물이 끓는다. let temperature = 0; if (temerature >= 100) { console.log('물이 끓는다.) } 1-1. if - else문 사용하기 그럼 온도가 100도 이상이면 물이 끓고 아니면 안끓는다는 if-else 문을 작성해보자! //온도가 100도 이상이면 물이 끓는다. 아니면 안 끓는다. let temperature = 0; if (tem.. 2020. 9. 7. JavaScript 기초: 추상화 6. 상수 6. 상수 변한다는 의미의 변수와는 달리 상수는 변하지 않는다! 상수를 선언할 때에는 const 라고 써주고 상수의 이름은 대문자와 _ 로 연결한다. 위의 그림에서 원주율을 상수로 선언하고 반지름은 글로벌 변수로 선언했다. 일단 변수 값은 0으로 선언하고 원하는 값이 있을 때 radius = 3으로 바꿔주면 된다. 원의 넓이를 계산하는 함수를 만들고 원의 넓이를 출력하는 함수도 만들었다. 이 두 함수를 한 개로 합쳐볼까? 위의 내용을 그냥 printcircleArea라는 함수 하나로 합쳐보았다. 그리고 radius를 파라미터로 받고 함수를 호출할 때 파라미터에 반지름 2를 넣어 보았다. 상수는 딱 두 가지 규칙만 지키면 코드를 작성하고 읽는데 어려움이 없다. 1. const로 선언할 것 2. 대문자와 _.. 2020. 9. 7. 이전 1 2 3 4 다음
