본문 바로가기

분류 전체보기307

JavaScript 기초 : 자료형 업그레이드 4. 기본형과 참조형 4. 자료형 자료형은 크게 기본형과 참조형으로 나뉜다. 기본형은 Primitve Type 이라고 부르며 참조형은 Reference Type이라고 부른다. 기본형은 말 그대로 기본이다. 숫자, 문자열, 불린, null, undefined 처럼 한 개의 값을 가진 요소들이다. 참조형은 객체와 배열을 말한다. 여러 값들이 묶여 있는 것이며 자바스크립트에서 매우 중요하다. 기본형과 참조형 각각을 살펴보자! 4-1. 기본형(Primitive Type) 숫자 문자열 불린 null undefined 프로그래밍을 할 때는 언어에 상관 없이 어떤 값을 사용할 때 보통 변수에 할당하여 사용한다. (특별한 경우를 제외하면) 변수에 기본형 값을 할당하면 해당 이름을 가진 변수 상자에 그 값을 넣어준다고 생각할 수 있다. 예를.. 2020. 9. 15.
JavaScript 기초 : 자료형 업그레이드 3. 문자열 - slice메소드 3. 문자열 지난 글에서는 자바스크립트에서는 숫자형을 객체로 다루었고 Math객체와 다양한 메소드들을 살펴보았다. JavaScript 기초 : 자료형 업그레이드 2. Math 객체 문자열 또한 객체처럼 다룰 수 있다. 문자열은 배열과 비슷한 점이 많다. length프로퍼티를 이용해서 문자열의 길이를 알 수 있고 배열에서 사용하는 index와 대괄호 표기법을 이용해 문자열의 글자 하나하나에 접근할 수 있다. 또한 index[] 와 같은 결과를 내기 위해 charAt이라는 메소드를 이용해서 문자열 글자 하나하나에 접근할 수 있다. 예시를 살펴보자. //String let myString = 'Hi Yunju'; //문자열 길이 length console.log(myString.length); //문자열 요소.. 2020. 9. 14.
JavaScript 기초 : 자료형 업그레이드 2. Math 객체 2. Math 객체 지난 글에서 봤던 Date객체처럼 JavaScript 기초 : 객체 4. Date 객체(getTime()) - D-day계산기 만들기! Math객체도 있다. Math 객체는 Math.--- 이렇게 써서 사용하면 된다. Math 객체의 다양한 종류를 살펴보자. 2-1. 절대값(Absolute Number) 절대값은 무슨 수이든 '양수'로 바꿔주는 것이다. Math.abs(-10); 이런식으로 적으면 양수가 된다. //절댓값(abs) console.log(Math.abs(-11)); console.log(Math.abs(11)); 2-2.최댓값(Maximum) Math.max(2,3,4,-1); 이렇게 파라미터에 여러 값을 넣어주면 그 중 가장 큰 값이 리턴된다. //최댓값(max) co.. 2020. 9. 14.
JavaScript 기초 : 자료형 업그레이드 1. 숫자 표기법 1. 숫자 표기법 숫자가 큰 경우 자바스크립트에서 숫자를 입력할 때는 지수 표기법을 사용한다. 지수 표기법은 숫자e숫자 이렇게 쓰는 방법으로 앞의 숫자는 음수, 양수, 소수 모두 가능하고 뒤의 숫자는 뒤에 붙는 0의 개수(10의 거듭제곱)를 표현한다. 뒤의 숫자는 양의 정수 또는 음의 정수만 가능하다. 만약 뒤에 붙는 숫자가 음의 정수가 된다면 10의 거듭제곱만큼 나누라는 의미가 된다. 즉, 소수를 나타낼 때 사용하면 된다. //숫자 표기법_지수 표기법 console.log(1e9); //1000000000 console.log(25e5); //2500000 console.log(5.3e3); //5300 console.log(-7.2e7); //-72000000 console.log(-9.2e-5); .. 2020. 9. 14.
3. 앱인벤터로 인사하는 앱 만들기 1. 인사 앱 화면 설계하기 앱 인벤터를 사용해서간단히 인사하는 앱을 제작해보겠습니다. 앱의 기능은 간단합니다. 인사 버튼을 누르면 "여러분, 안녕하세요?" 가 출력되게 하는 매우 간단한 앱이죠. 앱의 화면은 이렇게 간단히만 그려보았습니다. 2. 디자이너 탭에서 앱 화면 만들기 이제 앱 인벤터 디자이너 탭에서 화면을 만들어 보겠습니다. 인사 버튼을 누르면 텍스트창에 "여러분, 안녕하세요?"가 출력되도록 화면을 설계해보겠습니다. 앱인벤터는 사용 방법이 간단합니다. 버튼을 넣고 싶으면 버튼을 드래그 - 앤 - 드롭 방식으로 끌어오면 됩니다. 버튼을 넣으면 이렇게 컴포넌트 창에 버튼이 나타납니다. 버튼을 클릭해서 이름 바꾸기를 누르면 이름을 바꿀 수 있습니다. 저는 버튼의 이름을 '인사'로 바꿔봤습니다. 이제.. 2020. 9. 10.
2. 앱 인벤터 들어가기 1. 앱인벤터 접속 앱 인벤터에 들어가기 위해서는 먼저 인터넷에 접속해야 한다. 이 때 'Chrome', 'Safari', 'Firefox', 'Edge' 을 통해 웹에 접속해야한다. 'Explore'는 지원이 되지 않는다. https://appinventor.mit.edu/ MIT App Inventor An Overview of the App Inventor Sources -- Components Read about how the App Inventor sources are structured in this series of blog posts. This week we discuss the App Inventor components module. More appinventor.mit.edu 2. 앱 .. 2020. 9. 10.
1. 앱 인벤터 알아보기 1. 앱인벤터(App inventor)란? 앱 인벤터는 google과 MIT의 합작품으로 앱을 블록코딩을 통해 만드는 플랫폼이다. App inventor for Android https://appinventor.mit.edu/ MIT App Inventor | Explore MIT App Inventor File Path Updates Starting with Android 10 Android 10 changes how applications can store data. If you use the File component you will want to read this blog entry which discusses how MIT App Inventor is adapting to this change... 2020. 9. 10.
JavaScript 기초 : 배열 4. for ...of 반복문 4. for ... of 반복문 for ...of를 정리하기 전 먼저 예시를 가져왔다. for of 를 어떻게 쓰는지 보고 for of에 대해 정리해보자. 투표 집계 도우미 프로그램이다. 여기서 voteCounter는 후보별 득표수를 알려주는 객체로 만들것이다. for of 문을 사용해서 이름이 votes배열에 있는 경우 이름을 나열해 줄거다. 이 때 이름이 voteCounter 객체에 있다면 coteCounter[name], 즉 프로퍼티 값을 1 증가시킬거고 이름이 voteCounter 객체에 없다면 voteCounter[name] 프로퍼티 값은 그대로 1이다. // 투표 결과 리스트 let votes = ['조윤주', '조윤주', '조윤주', '유재석', '유재석', '유재석', '조윤주', '유재석.. 2020. 9. 10.
JavaScript 기초 : 배열 3. 메서드 - indexOf, lasindexOf, includes, reverse 사용법 3. 다양한 메서드 3-1. 배열에서 특정 값 찾기 (indexOf/ lastindexOf) indexOf(item) 1.만약 item이 배열에 포함되어 있다면 item이 있는 인덱스가 리턴된다. 2. 포함되어 있지 않다면 -1이 리턴된다. 3. 여러 번 포함되어 있다면, 처음 발견된 인덱스가 리턴된다. lastindexOf(item) indexOf랑 똑같은데 탐색을 뒤에서부터 한다. 1.만약 item이 배열에 포함되어 있다면 item이 있는 인덱스가 리턴된다. 2. 포함되어 있지 않다면 -1이 리턴된다. 3. 여러 번 포함되어 있다면, 처음 발견된 인덱스가 리턴된다. let brands = ['snu', 'ku', 'yu', 'ku']; console.log(brands.indexOf('snu')); .. 2020. 9. 10.
JavaScript 기초 : 배열 3. 배열 메소드 - shift, pop, unshift, push 3. 배열 메소드2- shift, pop, unshift, push splice 사용이 만능같지만 오히려 귀찮을 때가 있다. 자바스크립트에서 제공하는 메소드를 사용하면 배열의 첫 요소 삭제, 끝 요소 삭제, 첫 요소 값 추가, 끝 요소 값 추가를 더 짧은 코드로 쓸 수 있다. 아래 코드를 통해 예시를 살펴보자! 배열의 첫 요소를 삭제하는 매소드는 shift다. 배열의 마지막 요소를 삭제하는 메소드는 pop이다. 배열의 첫 요소로 값을 추가하는 메소드는 unshift다. 배열의 마지막 요소로 값을 추가하는 메소드는 push이다. let fruits = ['딸기', '당근', '수박', '참외', '메론']; //배열의 첫 오소를 삭제 : shift() fruits.shift(); console.log(fr.. 2020. 9. 10.

티스토리툴바