자바스크립트3 [JavaScript] 로컬 스토리지(Local Stroage), 세션 스토리지(Session Stroage), 쿠키(Cookie) 로컬 스토리지(Local Stroage), 세션 스토리지(Session Stroage), 쿠키(Cookie)는 모두 웹 브라우저에서 데이터를 저장하는 데 사용되는 브라우저 저장소이다. 이들은 모두 클라이언트 측에서 데이터를 저장하고 관리할 수 있으며, 서버와의 통신 없이도 정보를 보존할 수 있다. 각각의 목적과 사용 방법을 알아보자 1. 로컬 스토리지 (Local Storage) 로컬 스토리지는 영구적으로 데이터를 저장하며, 브라우저를 종료해도 데이터가 유지된다.주로 영구적인 사용자 환경 설정, 로그인 정보 등을 저장하는 데 사용된다.사용자가 명시적으로 삭제하지 않는 한 데이터는 계속 유지된다.일반적으로 5MB ~ 10MB의 용량을 가지고 있다. (도메인 당)// 데이터 저장localStorage.se.. front/javascript 2024. 5. 9. 더보기 ›› [React] Context-API로 전역 상태관리하기 Context API란? 리액트에서는 컴포넌트 간 데이터를 전달할 때, props를 사용합니다. 하지만 데이터가 깊은 구조로 중첩되어 있거나 여러 컴포넌트를 거쳐야 할 경우, 상위 컴포넌트에서 하위 컴포넌트로 매번 props를 전달해주는 것은 비효율적입니다. 이를 해결하기 위해 리액트에서는 Context API를 제공합니다. Context API를 사용하면 전역적으로 데이터를 관리할 수 있으며, 컴포넌트 간의 데이터 전달을 간편하게 할 수 있습니다. 사용 예제 다음은 todo-app에서 Todo CRUD 네트워크 통신하는 코드를 class로 묶어서 분리하고 해당 클래스의 메서드를 전역적으로 사용하기 위한 코드입니다. 다음과 같은 Todo 클래스의 메서드를 전역적으로 사용하기 위해 Context API를 .. 카테고리 없음 2023. 4. 10. 더보기 ›› [프로그래머스] 옹알이(1) - JavaScript Level 0 - 옹알이(1) 이번 문제는 level이 0임에도 꽤 어려웠던 문제네요. 정규표현식을 사용하지 않고 풀었습니다. 문제 설명 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 문자열은 알파벳 .. 알고리즘 2023. 3. 14. 더보기 ›› 반응형 이전 1 다음
