코드노트

for...of , for...in 차이점 정리! 처음에는 헷갈렸는데 객체와 배열에 있어서 쓰임새가 다른거였다. 쉽게 정리를 하자면 배열에서는 of 객체에서는 in을 사용하면 될거 같다. 배열 = for...of in, of 둘다 사용 가능. - for...of = 배열 데이터를 반복하며 반환 - for...in = index값 반환 객체 = for...in in 사용 가능 - for...in = key값 반환 - for...of = type error 배열 데이터 let str = [1, 2, 3]; for (let i of str) { console.log(i); } // 1, 2, 3 // 단순 배열값 반환 for (let i in str) { console.log(i); } // 0, 1, 2 /..

form 정보를 제풀하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냄. - input과 같이 입력 받는 요소들을 묶어서 표현. - : 데이터를 보낼 주소값 입력 / post, get,, dialog - : 버튼을 통해서 제출 - : input의 설명을 넣어주며, id를 통해서 연결하여 구분한다. fieldset 웹 양식의 여러 컨트롤과 레이블을 묶을 때 사용한다. - 여러 label이 있을 때 을 통해서 그룹으로 묶을 수 있다. - block 요소이다. - legend : fieldset의 자식 요소로만 사용할 수 있으며, 설명을 입력할 수 있다. - disabled 를 사용하면 입력하지 못하게 할 수 있다. See the Pen Untitled by beomjunkwon (@bjkwon) on C..

String - JavaScript | MDN The String object is used to represent and manipulate a sequence of characters. developer.mozilla.org String .length() - 문자의 개수 .charAt() - 인덱스를 검색해서 문자를 반환 .charCodeAt() - 제로베이스로 시작해서 해당하는 문자열의 코드 반환 .IndexOf() - 호출하는 문자를 검색해서 인덱스를 반환 .lastIndexOf() - 호출하는 문자를 뒤에서부터 검색해서 인덱스를 반환 .includes() - 호출하는 문자가 포함되어 있는지 확인 - true / false로 확인 .startsWith() - 호출하는 문자로 시작하는지 확인 - ..

Number - JavaScript | MDN Number 생성자는 숫자를 다루기 위해 상수와 메소드를 가지고 있습니다. 다른 타입의 값은 Number() 함수를 사용하여 숫자로 바꿀 수 있습니다. developer.mozilla.org 초반에 정리했던 Number 메서드를 다시 정리해보려고 한다. 메소드를 제대로 이해하고 싶은데 시간이 지나면 또 까먹는거같다.... 다시 정리해보며 머리에 넣어봐야지..! Number.Properties .MAX_VALUE - 최대 수 / JavaScript가 표현할 수 있는 제일 큰 숫자 값 - 1.7976931348623157e+308 .MIN_VALUE - 최소 수 / JavaScript가 표현할 수 있는 제일 작은 숫자 값 - 5e-324 .MAX_SFAE_INT..

Object.assign const userAge = { // key: values name: 'codenote', age: 20 }; const userEmail = { name: 'codenote', email: 'kjun_all@naver.com' }; const target = Object.assign(userAge, userEmail); console.log(target); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'} console.log(userAge); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'} console.log(target === userAge); // true..

정규표현식(RegExp) 정규식, Regular Expression 역할 - 문자 검색(search) - 문자 대체(replace) - 문자 추출(extract) RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com - 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') - 리터럴 /표현/옵션 /[a-z]/gi 예제 문자 const str = ` 010-1234-5678 codenote@naver.com https//www.omdbapi.com/?apikey=7035c60c&s=f..

localStorage - 데이터를 지우지 않는 한 반영구적으로 사용할 수 있다. sessionStorage - 페이지를 닫으면 데이터가 사라진다. localStorage 알아보기 localStorage.setItem('key', 'value'); - 데이터를 지정 localStorage.getItem('key'); - key값만 사용해서 데이터를 가지고올수 있다. localStorage.romoveItem('key'); - key값으로 데이터를 지울수 있다. ex) const user = { name: 'codenote', age: 22, emails: [ 'kjun_all@naver.com', 'codenote@gmail.com' ] }; localStorage.setItem('user', user)..

JSON (JavaScript Object Notation) 자바스크립트의 객체 표기법 - 문자데이터 - undifind 는 X { "string": "codenote", "number": 123, "boolean": true, "null": null, "object": {}, "array": [] } import myData from './myData.json'; console.log(myData); - stringify 메소드는 json의 형태로 javascript를 문자데이터화 시켜준다. - parse 메소드는 json 데이터를 javascript 객체 데이터로 변환 시켜준다.

import _ from 'lodash'; const users = [ { userId: '1', name: 'a'}, { userId: '2', name: 'b'}, { userId: '3', name: 'c'}, { userId: '4', name: 'd'}, { userId: '5', name: 'e'} ]; const foundUser = _.find(users, {name: 'a'}); // {userId: "1", name: "a"} _.find 메소드 첫번째 인수는 배열데이터, 두번째 인수는 찾고자 하는 객체로 호출할 수 있다. const foundUserIndex = _.findIndex(users, {name: 'a'}); // 0 _.findIndex 첫번째 인수는 배열데이터, 두번째 ..

import _ from 'lodash'; const usersA = [ { userId: '1', name: 'code' }, { userId: '2', name: 'note' } ]; const usersB = [ { userId: '1', name: 'code' }, { userId: '3', name: 'note' } ]; const usersC = usersA.concat(usersB); console.log('concat', usersC); console.log('uniqBy', _.uniqBy(usersC, 'userId')); _.uniqBy 중복된 데이터를 정리하여 고유한 값만 호출할 수 있다. 배열데이터가 하나일 떄 사용! - concat으로 새로운 배열데이터를 만들었으면 중복되는 데이..