프론트개미

01. 화살표 함수(arrow function)이란? 함수(function)을 보다 간결하게 작성할 수 있는 방법. 02. 화살표 함수(arrow function)로 변경하는 법 function showError(){ console.log('error'); } 먼저 showError라는 함수를 화살표 함수로 변경을 하면 let showError = () => { console.log('error'); } 이렇게 사용이 가능하다. 함수의 이름을 변수로 선언한 뒤에 매개 변수와 실행문장 사이에 => 화살표를 넣어준다. 다음으로 매개 변수가 있는 함수이다. const sayHello = function(name){ const msg = `Hello, ${name}`; console.log(msg); } 이렇게..

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가 대입이 되면서 ..

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