hunm719 개발/보안 블로그

목차 1. Array.map()    2. Array.filter()    3. Array.reduce()   1. map() 메서드배열의 각 요소를 일정한 규칙에 따라 변환하여 새로운 배열을 반환하며, 원본 배열은 변경되지 않음const arr1 = [1, 2, 3, 4];// 배열의 각 요소의 값에 2를 곱한 새로운 배열을 생성 후 출력 - 일반적인 반복문const arr2 = [];for (let i = 0; i value * 2);console.log(arr3); // [2, 4, 6, 8]  2. filter() 메서드배열의 각 요소를 조건에 따라 걸러내어 새로운 배열을 반환하며, 조건에 맞지 않는 요소는 제외됨const arr = ["프로젝트 문", "로보토미", "라오루", "림컴", "..

목차 1. 단축 속성명    2. 계산된 속성명3. 전개 연산자    4. 비구조화          1. 단축 속성명 (Shorthand Property Names) 객체를 생성할 때, 변수 이름과 객체의 키 이름이 동일하다면 자동으로 할당되어 생략할 수 있음// 변수의 경우const name = "김지훈";const age = 33;const person1 = { name: name, age: age};const person2 = {name, age}; // 변수 이름을 키로 자동 할당console.log(person1); // {name: '김지훈', age: 33}console.log(person2); // {name: '김지훈', age: 33}// 함수의..

배열과 객체를 이용한 데이터 처리를 해보자.// 학생별 점수를 아래 형식에 맞춰서 콘솔에 출력 let scores = [];/* ### 학생별 점수 데이터 0: {name: '홍길동', korean: 80, math: 90, english: 90} 1: {name: '고길동', korean: 90, math: 80, english: 80} 2: {name: '신길동', korean: 70, math: 80, english: 70} ### 출력 형식 ----------- --------- --------- --------- --------- --------- 학생이름 국어 영어 수학 합계 평균 ----------- -..

목차 1. 배열2. 객체  [1] 배열 - 배열의 기초// 배열 선언let values = ["lobotomy", "LOR", "Limbus", true, 8];console.log(values); // ['lobotomy', 'LOR', 'Limbus', true, 8]// 배열 길이는 length 속성으로 알 수 있음console.log(values.length); // 5console.log(values["length"]); // 5// 배열 데이터(요소)를 추가하는 방법values.push("김지훈");console.log(values); // ['lobotomy', 'LOR', 'Limbus', true, 8, '김지훈']values[values...

목차 1. 연산자         2. 자료형 변환 3. 함수              [1] 연산자(Operator)console.log(`7 / 5 = ${7 / 5}`); // 7 / 5 = 1.4console.log(`7 % 5 = ${7 % 5}`); // 7 % 5 = 2// 나머지 몫을 구할 때 Math.floor() 함수를 사용하여 소수점 이하를 버릴 수 있음console.log(`7 // 5 = ${Math.floor(7 / 5)}`); // 7 // 5 = 1// 나머지 연산의 부호는 왼쪽 피연산자의 부호를 따름console.log(`4 % 3 = ${4 % 3}`); // 4 % 3 = 1console..

해당 과정은 생성형 AI를 활용한 보안전문가 양성 과정이라는 이름에 맞게, AI 활용을 위한 React 활용법을 배운다.React를 이해하려면 Javascript(JS)에 대한 기본적인 이해가 있어야 하기에 JS 문법 기초 또한 함께 학습한다. 목차 1.  JS의 특징        2. 데이터 타입     3. 문자열             4. 변수 선언 방법  [1] JS의 특징- 주로 웹 브라우저에서 실행되는 언어로 시작했지만, Node.js를 통해 서버에서도 실행이 가능해졌음.- 웹 개발에 최적화된 언어로 자리잡았고, 브라우저 내에서 HTML과 CSS를 조작하는 등 사용자와의 상호작용을 처리하는데 주로 용됨- 동적 타입(Dynamic Type) 언어로, 변수에 데이터를 미리 지정하지 않아도 되고, ..