프론트개미

01. 배열(Array) 생성하는 법 const arr1 = new Array(); const arr2 = [1,2]; object를 만드는 것 처럼 new 를 사용하여 배열을 만들 수 있고, [ ] 를 이용하여 배열을 만들 수가 있다. 배열은 index번호를 가지는데 현재 위에 숫자 1,2 는 index번호로 0,1 이다. 왜냐하면 배열의 시작은 0부터 시작하기 때문이다. 02. 배열(Array)의 index 이 index번호를 활용해서 제일 마지막에 있는 데이터를 부를 수 있는 방법은 const arr1 = new Array(); const arr2 = [1,2]; console.log(arr2[arr2.length-1]); 배열의 length에 -1을 해주면 마지막에 있는 데이터를 부를 수 있다. ..

function과 if문을 이용하여 만든 자판기 예제입니다. - html 아메리카노(4000원) 자몽에이드(4500원) 아이스티(3700원) 1000원 500원 100원 현재 금액 : - css #vending{ width:500px; height:200px; border:1px solid #ddd; } .drink{ text-align: center; margin-top:20px; } .drink button{ width:30%; } .cash{ margin:20px 0 0 19px; } #price{ margin:45px 0 0 19px; font-weight: bold; } 자바스크립트 예제이기 때문에 간단하게 틀만 짜서 제작했습니다. 이렇게 코드를 입력하면 출력되는 화면입니다. 화면을 통한 자바스..

01. Object 란? 클래스를 이용해서 실제로 데이터를 넣어서 만드는 것. 또한 object는 key : value 로 구성되어있다. object를 생성하는 방법은 2가지가 있다. const obj1 = {}; const obj2 = new Object(); { } 를 이용하여 만드는 오브젝트와, new라는 키워드를 붙여서 class를 이용한 방법이 있다. const ant = {name : 'ant', age: 27}; function print(person){ console.log(person.name); console.log(person.age); } print(ant); 이와같이 ant라는 object를 만들어 준 후 함수에 적용을 시키면 person에는 object인 ant가 대입이 되면서 ..

01. class란? 속성(field)와 행동(method)이 종합적으로 모여있는 것. class Person{ constructor(name,age){ this.name = name; this.age = age; } speak(){ console.log(`${this.name}: hello!`); }; } class라는 키워드를 이용해서 사람이라는 class를 만들고 constructor이란 생성자를 이용하여 나중에 오브젝트를 만들어 정보를 대입한다. class Person{ constructor(name,age){ this.name = name; this.age = age; } speak(){ console.log(`${this.name}: hello!`); }; } const ant = new Pe..

01. while문 예제 while문을 사용하여 1~100까지 숫자의 합계를 구하는 방법이다. var sum = 0; var i = 1; while(i card){ high = n; alert("정답은 " + n + "보다 작은 수 입니다."); } else if(n < card){ low = n; alert("정답은 " + n + "보다 큰 수 입니다."); } } } } 1~100 을 초과하거나 소수의 숫자를 입력했을 때 정확한 값을 입력해달라는 값과, 사용자가 입력한 값이 랜덤으로 나온 숫자를 맞춘 true값이 나왔을 때 그리고 사용자가 입력한 값이 정답보다 크거나 작았을 때를 if문으로 표현한 방법이다. 여기서 정답을 맞춰서 값이 true가 되면 break;가 실행되며 if문이 있는 바로 상위 w..

01. 반복문 for (싱글루프) ① 카운터 변수를 기준으로 명령을 여러번 실행한다. (false가 될 때까지) ② 여러 명령을 늘어 놓지 않고 소스를 간단하게 작성 가능. ③ 소스의 양이 줄어 가독성이 높고 실행속도가 빨라진다. ④ 반복 횟수가 기준이라면 for문을 사용한다. var sum = 0; for( var i = 1; i < 10; i++){ sum += i; } : 먼저 var i = 1; 로 초기화를 시켜준 후 i < 10; 에서 i 값이 true라면 i++가 아닌 sum += i;를 먼저 실행 시켜준다. 그리고 i++(후위증감)을 통해서 i 의 값을 1 올려주고 다시 var i = 1;로 초기화를 해주는 것이 아닌 i < 10; 으로 돌아가 값이 false가 나올 때까지 반복을 해준다. ..

오늘은 Javascript 조건문 기초 이론 및 예제풀이를 기록할 것이다. 01. if 문 ( )안의 조건이 true면 { }안의 명령을 처리하고 false면 명령을 무시한다. if( ){ } 02. if else 문 ( )안의 조건이 true면 { }안의 명령을 처리하고 false면 else{ } 안의 명령을 실행한다. if( ){ } else{ } * else문 옆에는 조건문이 들어가지 않는다. 03. else if 문 ( )안의 조건이 true면 { }안의 명령을 처리하며 하위 else if의 ( )안의 조건이 true인지 계속 거치면서 확인을 하고, false일 경우 else{ } 안의 명령을 실행한다. if( ){ } else if( ){ } else if( ){ } else{ } 04. 조건 ..

Javascript를 공부하기 시작하면서 배운 기초 이론과 예제 풀이를 기록해보려고 한다. 1. Javascript 규칙 ① 대소문자를 구별한다 ② 들여 쓰는 습관을 들인다. ③ 세미콜론(;)으로 문장을 구분한다. ④ 메모는 주석으로 처리한다. * 주석 : 코드의 영향을 받지 않고 메모나 기록을 작성이 가능한 것. // 나 /* */ 로 주석을 사용할 수 있다. ⑤ 식별자는 정해진 규칙을 지켜 작성한다. ⑥ 예약어는 식별자로 사용할 수 없다. 라는 6가지 기본 규칙들이 있다. 5, 6 번을 제외하고는 html과 css에서 사용했던 점을 경험으로 쉽게 이해가 가능했다. 2. 변수 선언 규칙 ① 이름은 의미 있게! ② 여러 단어를 연결한 변수 이름은 낙타 모양으로 지어준다. * 낙타 모양이란? ex) las..