▶제곱근과 제곱 구하기(Math.sqrt, Math.pow) 이번 글에서는 자바스크립트 내장 함수를 사용해서 제곱근과 제곱을 구하는 방법에 대해 알아보도록 하겠습니다. 🔎 제곱근 구하기 - Math.sqrt( ) 함수 인자로 값을 넘겨주면 루트 값을 반환합니다. 만약 매개변수가 음수이면 NaN을 반환합니다. Math.sqrt(4); // 2 Math.sqrt(16); // 4 Math.sqrt(100); // 10 Math.sqrt(2); // 1.4142135623730951 Math.sqrt(0); // 0 Math.sqrt(-1); // NaN ❓ 어떤 수가 제곱수가 맞냐고 물어볼 때 어떤 수 n이 주어질 때 그 수가 제곱수(어떤 자연수를 제곱했을 때 나오는 정수)가 맞으면 1을 반환, 아니면 2를..
▶반복문 for, map, forEach, filter 사용법과 차이점 코딩테스트 문제를 풀다보면 배열에 반복문을 적용하는 경우가 굉장히 많습니다. 매번 어떤 함수를 적용할까..하는 걱정을 하곤 하는데요.. 오늘은 여러가지 배열을 반복하는 함수에 대해 정리해 보려고 합니다. 🔎 for( ) for()은 초깃값부터 시작해서 증가 또는 감소하면서 조건에 부합하면 계속 순회를 합니다. 참고로 중간에 break 문을 만나면 반복문을 더 이상 진행하지 않고 즉시 탈출합니다. 예시 array = [ 1, 2, 3, 4, 5 ] 라는 배열이 있다고 할 때 배열의 아이템을 순서대로 출력해봅시다. let array = [1, 2, 3, 4, 5]; for(let i=0; i item * 2); console.log(ar..
▶자바스크립트 정렬 함수 - sort 오늘은 자바스크립트 정렬 함수인 sort에 대해 알아보려고 합니다. 파이썬을 먼저 배운 입장에서는 그냥 sort하면 sort 되는 줄....... 🔎 sort ? 자바스크립트 배열의 내장 함수에 sort()가 있는데요. 명칭 그대로 배열 안의 원소를 정렬하는 함수입니다. 📌 문법 arrayObj.sort(sortFunction) arrayobj 자리에는 Array 객체 sortFunction 자리에는 요소 순서를 결정하는 데 사용되는 함수의 이름입니다. sortFunction 자리를 생략하면 오름차순, ASCII 문자 순서로 정렬됩니다. 📌 문자 정렬 문자 정렬의 경우에는 ASCII 문자 순서로 정렬하면 됩니다. let alphabets = ['b', 'd', 'a'..
▶배열 인덱싱 - splice와 slice 이번 글에서는 배열의 일부를 추출하고 싶을 때 사용하는 메서드 splice와 slice에 대해 알아보고 차이점에 대해서도 살펴보려고 합니다. 🔎 splice( 시작인덱스, 몇 개 지울거?, 혹시 넣을 거?) splice는 시작 인덱스로부터 몇 개를 지울 건지를 인자를 통해 넘겨줍니다. let my_list = ['a', 'b', 'c', 'd', 'e', 'f', 'g']; my_list.splice(1); // 시작 인덱스만 지정하고, 몇 개를 지울지는 안 넣었을 때 // ['b', 'c', 'd', 'e', 'f', 'g'] 인덱스 1부터 끝까지를 리턴함 console.log(my_list); // ['a'] 인덱스 1부터 모든 데이터를 다 지움 my_lis..
▶자바스크립트 Reduce 메서드 이해하기 오늘은 코딩테스트 문제를 해결하다가 알게된 Reduce 메서드에 대해 알아보도록 하겠습니다 :) 🔎 Reduce 메서드란? 사전에서는 reduce는 줄이다. 라는 의미로 해석되죠? reduce 메서드는 map, forEach와 비슷하게 배열의 요소들을 순회하면서 반복적인 연산을 하는 메서드이지만 map과 forEach와는 조금 다른 부분들이 있는데요. 📌 문법 reduce 메서드는 아래와 같이 두 개의 파라미터를 가지고 있는데요. // reduce const numbers = [1, 2, 3, 4]; numbers.reduce((누산값, 현재요소값, 현재요소의index, 현재배열) => { return 다음누산값; }, 초기누산값); 파리미터1️⃣ 콜백 함수 첫..
- Total
- Today
- Yesterday
- 자바스크립트 기초
- 리액트 훅
- react-query
- HTML
- jest
- 디프만
- react
- 타입스크립트
- 딥러닝
- 프로젝트 회고
- next.js
- 프론트엔드
- 자바스크립트
- TypeScript
- 스타일 컴포넌트 styled-components
- JSP
- 인프런
- 리액트
- 프론트엔드 기초
- 데이터분석
- rtl
- CSS
- 자바
- frontend
- testing
- 머신러닝
- 파이썬
- styled-components
- Python
- 프론트엔드 공부
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |