dada's

01. split() : 인자로 구분자와 limit를 받는다. limit는 구분자로 분리할 문자열의 개수이다. (배열로 리턴) 인자로 아무것도 전달하지 않으면 문자열 전체를 배열에 담아 리턴한다 let str = 'Hello, Word, Javascript' console.log(str.split(',')) // => ['Hello', 'Word', 'Javascript'] console.log(str.split(',', 1)) // => ['Hello'] console.log(str.split(',', 2)) // => ['Hello', 'Word'] // 아래와 같이 리턴받으면 각각의 값이 변수에 저장됨 let [a, b, c] = str.split(' ') console.log(a) // => He..

class란 자바스크립트에서 클래스란 함수의 한 종류이다. 동일한 종류의 객체를 여러개 생성해야하는 경우 new 연산자와 생성자 함수, 클래스를 사용할 수 있다. [ 기본 문법 ] class User { constructor(name) { this.name = name; } sayHi() { alert(this.name) } } // 사용법 let user = new User("Kim"); user.sayHi() // Kim 출력 » new User호출시 일어나는 일 새로운 객체 생성 → 넘겨받은 인수와 함께 constructor가 자동으로 실행된다. 이때 인수 'kim'이 this.name에 할당 » class User{...} 문법 구조가 진짜 하는 일 User라는 이름을 가진 함수를 만든다 → 함수..

React Component - 리액트로 만들어진 앱을 이루는 최소한의 단위 - 기존의 웹 프레임워크는 MVC방식으로 분리하여 관리하여 각 요소의 의존성이 높아 재활용이 어렵다는 단점이 있었다. 반면 컴포넌트는 MVC의 뷰를 독립적으로 구성하여 재활용 할 수 있고 이를 통해 새로운 컴포넌트를 쉽게 만들 수 있다. - 컴포넌트는 데이터(props)를 입력받아 상태(state)에 따라 DOM node를 출력하는 함수이다. - 컴포넌트 이름은 항상 대문자로 시작한다. (리액트는 소문자로 시작하는 컴포넌트를 DOM태그로 취급하기 때문) - UI를 재사용 가능한 개별적인 여러 조각으로 나누고 각 조각을 나누어 코딩한다. - props를 입력 받은 후 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한..

alert, prompt, confirm = 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능 alert : 사용자가 확인 버튼을 누를때까지 메세지를 보여주는 창이다 메세지가 있는 작은 창은 모달 창(modal window)라고 부른다 prompt : 텍스트 메세지와 입력 필드(input field), 확인 및 취소 버튼이 있는 모달 창을 띄워준다 prompt함수는 두개의 인수를 받는다 사용자가 prompt의 입력 상자에 원하는 값을 입력하고 확인을 누르면 사용자가 입력한 값이 출력된다 값을 입력하길 원하지 않는 경우는 취소버튼을 누르거나 ESC을 눌러 대화상자를 빠져나갈 수 있다 사용자가 입력을 취소한 경우는 null이 반환된다 // 문법 result = prompt(title, [defaul..

순수 자바스크립트로 input 값을 가져오는 법 "input 요소.value" 이렇게 .value라는 프로퍼티를 이용하여 간단하게 출력할 수 있다. 예제 (input 박스에 값을 입력 한 후 버튼을 클릭하면 밑에 input에 입력한 값을 출력 해 주는 코드이다.) See the Pen Untitled by Kang Dayeon (@diakdy) on CodePen.

Math.random() 💡이 함수는 0~1사이의 난수를 생성한다. (1은 포함하지 않음) 여기서 범위를 지정하여 정수인 난수를 생성하고 싶은 경우엔 이 함수들과 같이 사용해야 한다. Math.floor() : 내림 Math.round() : 반올림 Math.ceil() : 올림 예제 Math.random() * 10; // 이렇게 하면 0~10까지의 숫자중(소수점 포함) 랜덤의 숫자를 얻을 수 있다. (범위 지정) Math.floor(Math.random() * 10); // 0~10 사이의 숫자중 예를들어 4.64645이런 값이라면 숫자를 내림하여 4라는 결과값이 나온다. // 마찬가지로 round, ceil등을 활용하여 원하는 값에 따라서 정수를 얻을 수 있다. 이러한 기본 순서를 익혔다면 함수를 ..