코딩성장기

위에 보이는 것처럼, 첫화면에서 숫자를 연속적으로 눌렀을때 화면에 그 값이 하나만 나오는 것이 아닌 이어져서 나오게 하는 것이 오늘의 목표이다. 1) 우선, 버튼이 눌렀을 때 작동하게 하기 위해서는 buttons.addEventListner('click', function(event){ const t= event.target; const c= t.classList[0] const content = t.textContent }) 를 사용한다. 여기에서 buttons는 미리 선언되어 있어야 하는 변수. addEventListner는 해당 buttons에 적용될 메소드. 해당 매소드의 첫 인자인 'click'은 이벤트 타입. 해당 메소드의 두번째 인자인 function(event)는 익명함수로, click이라..

문자열은 ' ' 와 같은 표시안에 들어와 있는 객체를 의미한다. 예를들어, 'coding'과 '249595'는 모두 같은 string, 객체이다. 이러한 string에 쓸 수 있는 다양한 메소드가 있는데 그 중 몇가지에 대해 학습해보고자 한다. let str = 'everyday coding'; str.length; ->15 let str = 'everyday coding'; str[0] = 'e' let str = 'everyday coding'; str.toUpperCase(); "EVERYDAY CODING" slice는 약간 헷갈릴 수 있는 부분이다. 크게 2가지 방법으로 사용할수 있는데 1)구간을 정하여 추출. 이는 str.slice(x,y); 형식으로 이루어진다. 예를 들어, let str =..

자바 스크립트에서 조건문이라고 한다면, 크게 for 문과 while문을 그 예로 들 수 있다. 이들의 기초적인 구조는 아래와 같다. let str = ''; for(let i = 0; i

오늘은 변수, 타입, 함수, 그리고 조건문에 대해 학습하였다. 이 글에서는 우선적으로 함수의 표현방법에 대해 다뤄보고자 한다. 함수를 표현하는 방법은 크게 3가지(함수 선언식, 표현식, 화살표함수)가 있다. 이들의 눈에 띄는 첫 차이점은 말그대로 '표현의 차이'에 있다. 아래의 표현들은 표현의 방식에 차이는 있지만 실행값은 6으로 같게 된다. function example(num1, num2){ let result = num1*num2; return result; console.log(result); } example(2,3); const example = function(num1, num2){ let result = (num1*num2); retrun result; console.log(result);..