본문 바로가기

공부자료/자바스크립트

(19)
find() Method find() 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환한다. 조건에 맞는 요소가 없을 경우 undefined를 반환한다. const test = ['a', 'ebdd', 'dfwe', 'df', 'as', 'eeee', 'dd'] const found = test.find(el => el.length === 2) found 'df'
map과 forEach의 차이? Map 메모리를 할당하고, return 값을 저장한다. 값을 기존의 배열을 가지고 새로운 배열을 생성한다. 대신 기존의 배열의 값은 바뀌지 않는다. 새로운 배열을 변수에 담을 수 있다. forEach() 배열의 요소를 한번씩 실행한다. 새로운 배열을 리턴하는 map과 달리 항상 undefiend를 리턴한다. https://www.freecodecamp.org/news/4-main-differences-between-foreach-and-map/ The Differences Between forEach() and map() that Every Developer Should Know JavaScript has some handy methods which help us iterate through our ar..
ES6 특징, 변수들 정리 및 요약 var -> 함수 단위의 scope, 호이스팅 문제 발생 선언전에 undefined 로 초기화 코드의 유지보수를 위해 호이스팅문제 발생하지 않도록 코드를 짜야한다. 함수표현식은 호이스팅 문제가 없음. 함수선언식에서 호이스팅 문제 발생 scope? 변수가 영향을 끼치는 범위 https://medium.com/@khwsc1/%EB%B2%88%EC%97%AD-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%8A%A4%EC%BD%94%ED%94%84%EC%99%80-%ED%81%B4%EB%A1%9C%EC%A0%80-javascript-scope-and-closures-8d402c976d19 [번역] 자바스크립트 스코프와 클로저(JavaScript Scop..
파이어베이스 타임스탬프를 자바스크립트로 표시 https://www.everdevel.com/problem/convert-javascript-timestamp.php everdevel 웹 입문 사이트 everdevel - HTML, CSS, JavaScript, jQuery, ReactJs, MySQL, PHP www.everdevel.com
자바스크립트 날짜 계산하기 https://kdinner.tistory.com/68 javascript - 날짜 계산(몇일전, 몇시간전, 몇분전) javascript 를 이용해서 몇일전, 분, 시간, 일, 년 까지 구하는 함수 토이프로젝트를 하다가 날짜계산을 하고는 싶은데 moment.js는 무겁다고 생각이 들고... 어떻게 만들까아아 고민고민 하다가 회사 kdinner.tistory.com
브라우저인지 확인하는 조건문 if (typeof window !== "undefined") { } if(process.browser) { } 혹은 useEffect를 쓴다.
코드캠프 4기 - 11월 15일 readOnly 속성 - 클릭은 안된다 props는 타입 추론이 안된다 error 타입 모를 경우 if (error instancesof Error) alert(error.message); UI 프레임워크 바퀴를 재발명하지 마라! 프레임워크를 잘 사용하는 능력도 중요하다. https://material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io import 'antd/dist/antd.css'; 복사 ..
Section 9: Destructuring Objects const restaurant = { name: 'Classico Italiano', location: 'Via Angelo Tavanti 23, Firenze, Italy', categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'], starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'], mainMenu: ['Pizza', 'Pasta', 'Risotto'], order: function(starterIndex, mainIndex) { return [this.starterMenu[starterIndex], this.mainMenu[mainIndex]]; } orderDeliv..
Section 9: Data Structures, ModernOperators and Strings - Destructuring Arrays const [x, y, z] = arr; arr는 detrcuturing를 원하는 Array variable 이름에 [x, y, z] 는 array가 아니라 arr를 detructuring 해주는 것이다. original arry에 아무런 영향을 주지 않는다. const arr = [2, 4, 5] const a = arr[0] const b = arr[1] const c = arr[2] const [x, y ,z] = arr; console.log(x, y z) 2 4 5 , , 건너뛰기 main과 secondary 순서 바꾸기 const restaurant = { name: 'Classico Italiano', location: 'Via Angelo Tavanti 23, Firenze, Italy',..
ddays 계산하기 https://velog.io/@katej927/JavaScript-D-day-%EA%B3%84%EC%82%B0 JavaScript | D-day 계산 Date 생성자시간의 특정 지점을 나타내는 Date 객체 생성Date 객체 1970년 1월 1일 UTC(국제 표준 시) 00:00으로부터 지난 시간을 밀리 초로 나타내는 유닉스 타임 스탬프를 사용Date 객체 초기화자바 스 velog.io