DATA101

💡 목표 리액트 설치 및 기본적인 세팅 방법을 학습한다. 1. nodejs 설치 node.js 설치 링크입니다. https://heytech.tistory.com/199?category=521346 Node.js 설치 방법 공유!(+설치 에러 해결 방법) 💡학습목표 Node.js 설치하는 방법과 환경 변수 설정하는 방법에 대해 학습한다. Node.js 설치여부 확인 cmd 창에 아래 명령어를 입력해 봅니다. (cmd 창 키는 방법: 키보드 내 윈도우 버튼 + cmd 입력) n heytech.tistory.com 2. IDE 설치(VS Code) VS Code 설치 링크입니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefi..

💡 목표 JavaScript에서 배열 내 조건을 만족하는 원소를 찾는 filter 함수의 활용법에 대해 학습한다. 함수 원형(기본) 배열.filter(콜백함수(값, 인덱스, 배열 자신)); filter 함수는 전달인자가 배열 내 원소 값, 인덱스, 배열 자신인 콜백함수를 받는 함수로, 특정 조건을 만족하는 원소만 반환하는 함수입니다. 예제1 let arr1 = [1, 30, 39, 29, 10, 13]; function filterFunction1(value){ return value < 30; }; let arrFiltered = arr1.filter(filterFunction1); console.log(arrFiltered); filter 함수를 활용하여 30보다 작은 원소만 선택할 수 있습니다. 실..

💡 목표 JavaScript에서 forEach 함수와 map 함수의 활용법에 대해 학습한다. 1. forEach 함수 함수 원형(기본) 배열.forEach(콜백함수(값, 인덱스, 배열 자신)); forEach 함수는 전달인자가 배열 내 원소 값, 인덱스, 배열 자신인 콜백함수를 받는 함수입니다. 즉, forEach 함수는 for 반복문처럼 첫 번째 원소부터 마지막 원소까지 차례대로 배열에서 꺼내 콜백함수에 전달합니다. map 함수와 다르게 리턴 값이 없다는 특징이 있습니다. 예제 코드와 함께 살펴보겠습니다. 예제1 let arr1 = [100, 200, 300]; arr1.forEach( (v, idx, arr) => { console.log(`${idx} 인덱스의 값: ${v}`); console.lo..

💡 목표 JavaScript에서 배열 내 최댓값, 최솟값 찾는 방법에 대하여 학습한다. 1. Math.max() 함수: 최댓값 찾기 함수 원형 Math.max(배열); Math 객체 내 max 함수는 배열 내 최댓값을 반환합니다. 예제 console.log(Math.max(3, 4, 5, 6, -1)); // 6 2. Math.min() 함수: 최솟값 찾기 함수 원형 Math.min(배열); Math 객체 내 min 함수는 배열 내 최솟값을 반환합니다. 예제 console.log(Math.max(3, 4, 5, 6, -1)); // -1 오늘은 JavaScript에서 배열 내 최댓값, 최솟값을 구하는 방법에 대해 알아봤습니다. 포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요! 그럼 오늘도 즐겁고 행복..

💡 목표 JavaScript에서 배열 내 조건에 맞는 원소를 구하는 방법에 대해 학습한다. 1. round 함수: 올림 함수 원형 Math.round(숫자); Math 객체 내 round 함수는 전달받는 숫자를 올림 합니다. 예제 console.log(Math.round(3.49)); // 4 console.log(Math.round(4.5)); // 5 console.log(Math.round(-3.26)); // -3 console.log(Math.round(-9.88)); // -9 2. ceil 함수: 반올림 함수 원형 Math.ceil(숫자); Math 객체 내 ceil 함수는 전달받는 숫자를 반올림합니다. ceil이 사전적으로 천장을 칠하거나 만드는 의미가 있으니 기억하기 쉽습니다. 예제 co..

💡 목표 JavaScript에서 배열 내 조건에 맞는 원소를 구하는 방법에 대해 학습한다. 1. every 함수: 모든 원소의 조건식 만족 여부 확인 함수 원형 배열.every(조건식 함수) every 함수는 배열 내 모든 원소가 조건을 만족하면 true를, 하나라도 불만족할 경우 false를 반환합니다. 예제 코드 let arr1 = [1, 30, 39, 29, 10, 13]; function everyFunction(value){ return value < 38; } let arr2 = arr1.every(everyFunction); console.log(arr2); // false 위의 예제는 배열 내 모든 원소가 38보다 큰지 확인하는 코드입니다. 딱 원소 39가 38보다 큰 값이기 때문에 eve..

💡 목표 JavaScript에서 배열 인덱싱을 통해 원소를 출력, 제거, 추가하는 방법에 대해 학습한다. 1. slice 함수: 특정 구간 인덱스의 원소 반환 함수 원형 배열.slice(시작 인덱스, 끝 인덱스) slice 함수는 특정 구간의 인덱스에 해당하는 원소를 반환합니다. 2개의 정수형 매개변수를 전달하는데 각각 시작 인덱스, 끝 인덱스입니다. 특히, 끝점 인덱스는 포함하지 않기 때문에, 원소를 추출하는 구간을 수학적으로 표현하면 [시작점, 끝점)입니다. 예제 코드 let arr1 = [1, 2, 3, 4, 5, 6, 7, 8]; let arrSlice = arr1.slice(2, 6); // [start, end) 구간 인덱싱 console.log(arrSlice); // 3, 4, 5, 6 위..

💡 학습 목표 JavaScript에서 현재 시각 정보(연, 월, 일, 요일, 시, 분, 초) 가져오는 방법을 익힌다. Date 객체 생성 및 타입 확인 Date 객체는 현재 시각의 연, 월, 일, 요일, 시, 분, 초 정보를 제공합니다. let date = new Date(); console.log(date); console.log(typeof date); // 괄호 생략 가능 실행 결과 C:\Program Files\nodejs\node.exe .\sample01.js Mon Nov 29 2021 16:17:23 GMT+0900 (GMT+09:00) object 필요한 시간 정보만 가져오기 Date 객체는 getFullYear, getDay 등의 메서드를 활용하면 연도, 월, 일 등 원하는 정보만 따로..