Atoms

Atoms 1. Atoms - Recoil에서 가장 중요한 개념 중 하나 - 애플리케이션의 상태를 나타내는 단위로, 전역적으로 공유되어야 하는 데이터를 저장하는데 사용 - 각 atom은 고유한 키를 가지며, 초기 상태를 가질 수 있음 - Atom은 읽기 및 쓰기 작업을 할 수 있는 상태를 나타냄 2. 예시 - RecoilEx.js import React, { useState } from "react"; import { Button } from "@mui/material"; import { atom, useRecoilState } from "recoil"; const page1NoAtom = atom({ key: "RecoilEx/page1NoAtom", default: 0, }); const page2N..

• format_list_bulleted Front-End Study/React
• · 2023. 9. 1.
• textsms

Recoil

Recoil 1. Recoil - Facebook에서 개발한 React 애플리케이션의 상태 관리 라이브러리 - React 애플리케이션에서 상태를 관리 및 공유하는 데 도움을 주는 도구 - 컴포넌트 간에 데이터를 전달하고 업데이트하기위한 간편한 방법을 제공 2. Recoil의 주요 특징 및 개념 - Atoms - Recoil에서 가장 중요한 개념 중 하나 - 애플리케이션의 상태를 나타내는 단위로, 전역적으로 공유되어야 하는 데이터를 저장하는데 사용 - 각 atom은 고유한 키를 가지며, 초기 상태를 가질 수 있음 - Atom은 읽기 및 쓰기 작업을 할 수 있는 상태를 나타냄 - Selectors - atom에서 파생된 값을 계산하고 반환하기 위한 함수 - 다른 atom or 다른 selector를 기반으로..

• format_list_bulleted Front-End Study/React
• · 2023. 9. 1.
• textsms

findIndex 함수

findIndex 함수 1. findIndex( ) 함수 - 배열 내에서 주어진 조건을 만족하는 첫 번째 요소의 인덱스를 찾는 데 사용되는 배열 메서드 - 콜백 함수를 이용하여 요소를 검색하며, 조건을 만족하는 요소를 찾으면, 해당 요소의 인덱스를 반환 ※ 조건을 만족하는 요소가 없을 시, -1을 반환 2. 예시 const todos = [ { id:10, content:"운동", }, { id:5, content:"목욕", }, { id:2, content:"공부", }, ]; function removeTodo(deleteIndex) { // index가 deleteIndex와 다른 것 들만 반환 return todos.filter((_, index) => index != deleteIndex); }..

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 8. 25.
• textsms

인터넷 (Internet)

인터넷 (Internet) 1. 인터넷 (Internet) - 글로벌 네트워크로서 수많은 컴퓨터와 기기들을 연결하여, 정보 교환 및 공유하는 시스템 - 인터넷 프로토콜 스위트(TCP/IP)를 기반으로 하여, 전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망 2. 인터넷의 작동 원리 - 클라이언트-서버 모델 - 인터넷 서비스의 기본 구조 - 정보와 서비스를 제공하는 측면과 서비스를 요청하고 사용하는 측면을 분리하여 구성 - 네트워크 상에서 데이터 및 리소스를 효율적으로 관리하고 분배하는데 사용 - 클라이언트-서버 모델의 주요 요소는 다음과 같음 요소 설명 클라이언트 - 일반적으로 사용자가 사용하는 기기(ex : 컴퓨터, 스마트폰 등)로서 서버에 정보를 요청하고 받는 역할 서버 - 정보를 저장하고 클라이언..

• format_list_bulleted Computer Science
• · 2023. 8. 20.
• textsms

fill 함수

fill 함수 1. fill( ) 함수 - 배열의 모든 요소를 지정한 값으로 채우는 메서드 - 원본 배열을 변경하며, 새로운 배열을 반환하지 않음 2. 구문 - value : 배열의 요소를 채울 값 - start : 채우기가 시작될 인덱스 (기본값 : 0) (선택 사항) - end : 채우기가 종료될 인덱스. 즉, 이 인덱스의 요소는 포함되지 않음 (기본값 : array.length) (선택사항) array.fill(value[, start[, end]]) 3. 예시 const numbers= [1, 2, 3, 4, 5]; // 2번째 부터 4번째까지 0으로 변경 numbers.fill(0, 1, 4); console.log(numbers);

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 8. 11.
• textsms

every 함수

every 함수 1. every( ) 함수 - 배열의 모든 요소가 주어진 조건을 만족하는지 확인하고 boolean 값을 반환 - 배열의 모든 요소가 조건을 충족할 때만, 'true'를 반환 - 조건을 만족하지 않는 요소가 있다면 'false'를 반환 2. 예시 // 모든 숫자가 짝수인지 확인 const numbers = [2, 4, 6, 8, 10]; const allEven = numbers.every(number => number % 2 === 0); console.log(allEven); // true // 모든 단어가 'a'로 시작하는지 확인 const words = ['apple', 'banana', 'cherry', 'watermelon']; const allStartWithA = words...

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 8. 11.
• textsms