인생 1회차 (First-Life) Ing

Date const date = new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds) => 최소한 연도와 월이 주어졌을 때, Date()의 형태는 Date 객체를 생성할 때 모든 구성 요소(연, 월, 일, 시, 분, 초, 밀리초)를 모두 매개변수에서 가져옵니다. 누락한 요소에는 가장 낮은 값(day는 1, 나머지는 0)을 사용합니다. 모든 매개변수 값은 UTC가 아닌 현지 시간으로 취급. getYear() : 1970년도 이후의 연도 getFullYear() : 현재 연도 getMonth() : 월. (0부터 시작하기때문에 현재 월을 알려면 +1을 해줘야함) getDate() : 일 getDay() : 요일 (반환값은 0-6까지이고..

리액트 16.8 에서 Hooks 라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다. (이전에는 상태를 관리하기 위해 class 기반 컴포넌트를 작성해야 했다. => 함수형에 비해 유지보수 복잡) ※ 왜 class형 컴포넌트를 쓰지 않고 Hook과 함수형 컴포넌트를 쓸까? class형 컴포넌트의 길어지는 코드 길이 문제, 중복 코드, 가독성 문제 등을 해결하기 위해 useState React에서 import 컴포넌트에서 상태를 관리 const [data, setData] = useState(data의 초기값) // 원래는 이런 형태지만 배열 비구조화 할당을 통하여 각 원소를 추출해준 것 const numberState = useState(0); const number = numbe..

출처 : 드림코딩 https://www.youtube.com/watch?v=3CUjtKJ7PJg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=9&ab_channel=%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9 배열함수 1. 주어진 배열을 문자열로 변환 : join() , toString() ⇒ join은 구분자를 넣을 수 있음, 기본은 콤마 const fruits = ['apple', 'banana', 'orange']; fruits.join(',') // 'apple,banana,orange' 2. 주어진 문자열을 배열로 변환 : split() ⇒ 구분자 전달 필수, 기본 구분자는 콤마 const fruits = '🍉,🍊,🍋,🍌'; fruits..

자바스크립트는 명령형imperative, 함수형functional, 프로토타입 기반prototype-based 객체지향 프로그래밍OOP;Object Oriented Programming을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체다. 원시 타입primitive type의 값을 제외한 나머지 값들(함수, 배열, 정규 표현식 등)은 모두 객체다. 객체 지향 프로그래밍 객체지향 프로그래밍은 프로그램을 객체object의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 객체지향 프로그래밍은 실세계의 실체(사물이나 개념)을 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작한다. 실체는 특징이나 ..

에러코드 React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. 해결방법 공식문서 : Don’t call Hooks inside loops, conditions, or nested functions. Instead, always use Hooks at the top level of your React function, before any early returns. => 반복문, 선언문, 중첩된 함수 내에서 훅을 사용하지 말자! (return문을 사용하면 안됨) Hook을 최상위에 선언하자! (useEffect 뿐 아니라 useMemo 등..