WEB/Front-end14 UUID 여태까지 UUID가 디바이스 고유 식별 정보 기반으로 생성되는 건줄알았는데(디바이스 uuid라고 많이들 하길래..)그냥 생성하고 로컬 스토리지 혹은 디바이스 자체에 저장을 해두고 꺼내쓰는거라서.. 그런거였다. 세션 스토리지에만 계속 저장하고, 세션 연장할때마다 새로 생성했는데 자꾸 오류가나서 알게된 사실........ 몇 번의 오류끝에 찾아봤더니 로컬스토리지에 저장해야한다고 합니다. 그래서 아래처럼 수정했더니 잘된다const getDeviceUUID = () => { let deviceUUID = localStorage.getItem('deviceUUID') if (!deviceUUID) { deviceUUID = uuidv4() localStorage.setItem('deviceUUI.. 2025. 5. 11. 어쩌다 Vue.js 02 _ 네이버 지도 api 1. 네이버 클라우드 플랫폼에서 애플리케이션 등록 2. index.html에 아래 코드 추가(클라이언트 아이디 바꿔서) 3. 구현(vue.js) 2024. 12. 10. 어쩌다 Vue.js 01 _ 환경설정 개발 외주 프로젝트를 맡게 되었는데, 초반에는 Vanilla JS로 개발을 요청받았으나, 유지보수 측면을 고려하여 최근 프론트 개발자가 많이 사용하는 Vue.js 프레임워크로 개발을 하게 되었다. (+반응형 web-app 개발) Vue를 많이 사용하는 이유가 궁금해서 찾아봤는데, (1) 문법이 직관적이고(html 형식에 더 가까운 듯) (2) 직관적인 디렉티브 DOM조작이 가능하여(v-if, v-for 등), (3) 더 명확한 가이드라인... 등의 이유라고 한다. 개발을 위해서는 node.js 설치 후 터미널에서 아래와 같이 실행시켰다. npm install vuenpm install -g @vue/clinpm create (프로젝트명) -- 이후 버전 선택가능. vue3 설치 cd (프로젝트명) +.. 2024. 11. 30. context, 페이지 라우팅 (React.js_04) #01. Context [Context]리액트에서 자식의 자식 컴포넌트에게 데이터를 직접 전달하지 못하는 문제(Props Drilling)를 해결하기 위해서 사용- createContext : 생성- Consumer : 소비자- Provider : 공급자 context가 여러 컴포넌트를 하나의 context로 묶을 수 있음(388p 그림 참고) - React를 import하여 사용, 컨텍스트 변수는 컴포넌트 바깥에 선언(App function 바깥에 선언)import React, { useReducer, useRef, useCallback } from 'react';const TodoContext = React.createContext(); // 컨텍스트 변수는 컴포넌트 바깥에 선언 - 감싸고자 하는 .. 2024. 10. 15. 이전 1 2 3 4 다음
