본문 바로가기

전체 글105

[React]테이블 컬럼에서 key와 dataIndex 분리의 필요성 React 기반 테이블 컴포넌트에서 컬럼을 정의할 때 key와 dataIndex 속성을 분리하여 사용하는 것은 단순한 중복이 아닌, 명확한 기술적 이점을 제공합니다. 이 문서에서는 이 두 속성을 분리해야 하는 주요 사례와 그 근거를 설명합니다.1. 동일한 데이터 필드를 다른 방식으로 표시기술적 근거동일한 데이터 필드를 여러 형식으로 표시해야 하는 경우, 동일한 dataIndex를 사용하면서 서로 다른 key 값으로 컬럼을 구분할 수 있습니다.코드 예시// 데이터const drivers = [ { id: 1, name: "김철수", birthDate: "1985-03-15", // YYYY-MM-DD 형식 registrationDate: "2023-01-10" }]// 테이블 컬럼.. front/React 2025. 4. 7.
[JavaScript] 로컬 스토리지(Local Stroage), 세션 스토리지(Session Stroage), 쿠키(Cookie) 로컬 스토리지(Local Stroage), 세션 스토리지(Session Stroage), 쿠키(Cookie)는 모두 웹 브라우저에서 데이터를 저장하는 데 사용되는 브라우저 저장소이다. 이들은 모두 클라이언트 측에서 데이터를 저장하고 관리할 수 있으며, 서버와의 통신 없이도 정보를 보존할 수 있다.  각각의 목적과 사용 방법을 알아보자 1. 로컬 스토리지 (Local Storage) 로컬 스토리지는 영구적으로 데이터를 저장하며, 브라우저를 종료해도 데이터가 유지된다.주로 영구적인 사용자 환경 설정, 로그인 정보 등을 저장하는 데 사용된다.사용자가 명시적으로 삭제하지 않는 한 데이터는 계속 유지된다.일반적으로 5MB ~ 10MB의 용량을 가지고 있다. (도메인 당)// 데이터 저장localStorage.se.. front/javascript 2024. 5. 9.
[Vite] SockJS, Stomp 사용하여 WebSocket 연결 중 발생 이슈 정리 현재 진행하고 있는 사이드 프로젝트에서 실시간 웹소켓 구현을 위해 SockJS와 Stomp를 사용하였는데 위 사진과 같이 소켓을 연결하고 결과를 확인해봤더니..!!!!!!!! global is not defined 에러가 발생했다 일단 에러를 서칭해보니 vite에는 global 객체를 지원하지 않았고 SockJS는 global을 의존하는 라이브러리여서 에러가 발생하는거였다. 해결방법을 찾아보니 //vite.config.ts export default defineConfig({ define: { 'global': {}, }, }); vite.config.ts 파일에 위와 같이 작성해주면 에러가 발생하지 않는다고 한다!! 그래서 적용을 해봤는데? 에러는 없어졌지만 Socket이 연결되지 않았다 ㅠㅠㅠㅠㅠㅠㅠ.. front/React 2024. 3. 22.
[React] 리액트의 불변성 리액트의 불변성이란 불변성의 사전적 의미는 '변하지 않는 성질'이다. 이를 이해하기 위해서는 참조형과 원시형에 대한 이해가 필요하다. - 원시형 원시형의 데이터 타입은 boolean, string, number, null 등이 있다. 원시형은 직접적으로 메모리에 값이 올라가는걸 말한다. - 참조형 참조형에는 배열과 객체 같은 데이터 타입이 존재한다. 참조형의 경우 직접적으로 메모리 값이 올라가는 것이 아닌 메모리에 참조되는 주소가 입력된다. 결국 불변성이란? 데이터가 메모리상에 올라갔을 때, 메모리상에서 변경이 되는가 안되는가 하는 문제다. 메모리상에서 데이터의 변경이 이루어 지지 않는 성질 : 불변성 React에서는 항상 불변성을 유지해야 하는 이유 그럼 리액트에서는 왜 불변성을 유지해야 할까? 1. .. 카테고리 없음 2023. 10. 31.
[AWS] Lambda, CloudWatch로 파이썬 크롤링 자동화하기 1. 개요 이번에 진행한 CONCON 프로젝트에서 아티스트, 앨범, 콘서트 데이터를 크롤링했는데 아티스트와 앨범 데이터는 자주 바뀌는게 아니다보니 그렇다쳐도 CONCON 프로젝트에서 가장 중요한 콘서트 일정 데이터는 매일 바뀌기 때문에 매일 크롤링을 진행해서 DB데이터를 업데이트 시켜주어야 했다. 그렇게 파이썬 크롤링을 자동화 시키기위해 구글링을 해서 찾아본게 AWS Lambda에 파이썬 크롤링 코드를 업로드 시키고 CloudWatch에 cron식으로 시간을 지정하여 특정시간이 되었을 때 Lmabda 함수를 트리거해서 크롤링 로직을 실행시키는 방식이다. EC2 호스팅 서버를 빌려 파이썬 파일을 올려서 해볼까도 했지만 EC2 대비 Lambda의 비용이 매우 저렴하기 때문에 Lambda를 사용하기로 결정하였.. back 2023. 7. 12.
반응형

티스토리툴바