[JavaScript] 배열 비교하기

JavaScript에서 배열 비교JavaScript에서 배열과 객체는 참조형 데이터이다.이는 변수에 배열 자체가 아닌 배열을 가리키는 참조(주소)가 저장된다는 의미이다.따라서 두 배열이 같은 요소를 가지고 있어도 다른 메모리 주소에 저장되어 있다면 엄격 비교(===)나 동등 비교(==) 연산자를 사용할 때 동등하지 않다고 판단된다.let arr1 = [1, 2, 3];let arr2 = [1, 2, 3];console.log(arr1 === arr2); // false 1. JSON 문자열 변환으로 비교배열을 JSON 문자열로 변환하여 비교하는 방법이다. 배열의 요소와 순서가 같아야 동등하다고 판단되며 중첩 배열도 비교할 수 있다.let arr1 = [1, 2, 3];let arr2 = [1, 2, 3]..

• format_list_bulleted JavaScript
• · 2024. 11. 8.
• textsms

[JavaScript] 문자열 역순으로 뒤집기

JavaScript에서 문자열을 역순으로 뒤집기알고리즘에서 자주 등장하는 문자열을 뒤집는 방법에 대해 알아보자.JS에서는 문자열 자체를 뒤집는 메서드는 존재하지 않는다.대신 여러가지 방법으로 문자열을 뒤집을 수 있는데 각 방식을 알아보고 적용해보자. 1. Array로 변환해서 reverse()JavaScript에서는 문자열을 배열로 변환한 후 배열의 메서드를 사용해 뒤집을 수 있다.문자열을 배열로 바꾸는 과정에서 split(), reverse(), join() 메서드를 사용하면 간단하게 문자열을 뒤집을 수 있다.아래 코드는 배열로 나누고 뒤집고 스트링으로 합치는 코드이다. split('')로 문자열을 문자 하나하나로 쪼개 배열로 변환한다.reverse()로 배열을 뒤집다.join('')으로 다시 문자열..

• format_list_bulleted JavaScript
• · 2024. 11. 8.
• textsms

JS 1급 함수 - 특징과 예시

1급 함수란 무엇일까?JavaScript에서 1급 함수(First-Class Function)란 함수가 다른 데이터 타입(변수, 객체)처럼 다뤄질 수 있음을 의미힌다.프로그래밍 언어에서 1급 함수는 함수가 아래와 같은 특성을 가질 때 성립한다. 1급 함수는 코드 재사용성과 유연성을 크게 높여준다. 함수를 매개변수로 받거나 반환값으로 사용할 수 있어 동작을 분리하고 조합할 수 있다. 함수를 변수에 할당할 수 있다.함수를 다른 함수의 인자로 전달할 수 있다.함수가 다른 함수의 반환값이 될 수 있다.함수 안에서 다른 함수를 정의할 수 있다. 1급 함수의 특징 함수를 변수에 할당// 함수 선언function greet() { console.log("Hello, world!");}// 함수 표현식으로 변수에..

• format_list_bulleted JavaScript
• · 2024. 10. 30.
• textsms

JS 순수함수

순수함수란?자바스크립트에서 순수함수는 함수형 프로그래밍에서 중요한 개념이다. 순수함수는 부작용(side-effect)이 없고 동일한 입력에 대해 항상 동일한 출력을 보장하는 함수이다. 이를 통해 코드의 예측 가능성과 안정성을 높일 수 있다. 순수함수의 주요 특징참조 투명성 - Referentially Transparent함수에 동일한 인자를 넣으면 항상 동일한 결과가 나와야 한다. 예를 들어 함수 add가 2와 3을 입력받았을 때 항상 5를 반환해야 한다. 부수 효과 없음 No Side-Effects함수의 실행이 외부 상태나 데이터에 영향을 미치지 않아야 한다. 예를 들어 함수 내부에서 변수 값을 변경하거나 파일 시스템, 네트워크, DOM 등을 수정하면 부작용이 발생했다고 할 수 있다. 순수함수 예시fu..

• format_list_bulleted JavaScript
• · 2024. 9. 4.
• textsms

JavaScript로 간단한 투두리스트 만들기

STEP1. 투두리스트의 기본 디자인과 기능 완성하기 주요 기능 투두리스트 추가하기 투두리스트 수정, 삭제 체크한 투두리스트 줄 긋기 디렉터리 구조 my-todo-list/ │ ├── src/ │ ├── js/ │ │ └── main.js │ ├── css/ │ │ └── main.css │ └── assets/ │ │ ├── index.html ├── README.md └── package.json 소스파일 index.html TODO 삭제 main.css body { font-family: sans-serif; } header img { position: relative; width: auto; left: -100px; top: 100px; } .todo-wrapper { position: relat..

• format_list_bulleted JavaScript
• · 2024. 3. 11.
• textsms

React란?

React란?React.js는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리로,재사용 가능한 컴포넌트를 기반으로 하는 선언적이고 효율적인 UI 개발을 가능하게 한다.가상 DOM을 사용하여 성능을 최적화하고, 단방향 데이터 흐름을 통해 애플리케이션의 상태 관리를 단순화하는데 용이하다.React는 프레임워크가 아닌 라이브러리이고메타(페이스북)와 개발자 커뮤니티에 의해 유지 관리되고 있다.React의 특징컴포넌트 기반 구조가상 DOM (Virtual DOM)단방향 데이터 흐름 (One-way Data Binding)JSX컴포넌트 기반 구조애플리케이션을 독립적이고 재사용 가능한 부분으로 나누어 코드의 유지 관리를 용이하게 하고,대규모 프로젝트의 개발 효율성을 향상시킨다.각..

• format_list_bulleted React
• · 2024. 3. 6.
• textsms