본문 바로가기

전체 글

 (36)
[페이지 로딩 속도 개선 #1] 페이지 로딩 속도 개선 - vue webpack 에서 vite 로 빌드 방식 변경 vue 로 제작된 웹 페이지의 속도개선을 요청받았다. 주로 카카오톡의 웹뷰에서 실행되는 페이지 이다. 우리나라는 네트워크 속도가 충분히 빨라서 대부분의 사용자는 인지 하지 못 하지만, 모바일은 간혹 중요한 순간에 네트워크 속도 때문에 페이지가 굉장히 느리게 열릴 수 도 있다. (터널 속, 지하주차장, 산 정상 등등) 때문에 페이지 로딩 속도 최적화에 대한 이슈가 있었다. 수정내용 1. index.html 위치 및 내용 수정 설명 이미지 webpack 의 프로젝트/public/index.html 위치에 index.html 이 위치하였으나 vite 로 변경 후에는 프로젝트 폴더 최상단에 index.html 을 위치시켜줬다. script 태그 추가해주기 2. .env 관련 내용 수정 3. vite.config..
[시행착오] naver map api 를 react 프로젝트에 적용 하면서 겪었던 문제 기록하기 ncloud 를 통해 maps api 사용신청을 한 후, 문서를 확인해보았지만 react 로 적용하는 문서는 발견하지 못했다; 내가 삽질한 내용 위주로 남겨 본다. 1. naver 객체는 어떻게 사용해야 하지? getting started 문서를 보고 가장 먼저 들었던 의문은 "그래서 naver 객체는 어떻게 사용해야 하지?" 였다. window 객체에서 가져오면 된다! const {naver} = window; 2. client_id 맞게 설정했는데?? 왜 에러가 나지?? web service url 에 http://localhost 도 함께 등록해주자! (개발 할때만 추가해주거나, 완료후에는 설정에서 삭제해주는게 좋을 듯 하다~) 최종코드 모습 import React, {useEffect, useRe..
[디아블로4-드루이드 캐릭터 분석] 최적의 기술 궁합찾기 #1 지피지기 기술 트리를 파악해보자! 드루이드를 83까지 키우면서 ~50 까지는 메인스토리 위주로 키웠고 50~60 중반 까지는 악몽 난이도에서 명망획득을 위주로 키웠다. 최근 문제라고 느낀 점은 60 중반쯤 고행으로 넘어오고 나서 인장 던전 클리어가 쉽지 않다는 것이다. 좀 더 세밀하게 아이템, 정복자, 영혼의 은총, 기술 트리를 파악해서 설정할 필요가 있다고 느꼈다. 드루이드 기술들 기술분류 기본기술 자연 계열 변신 계열 핵심 기술 공통점: 영력을 소모한다. 방어 기술 공통점: 재사용 대기 시간이 있다. 진노 기술 공통점: 재사용 대기 시간이 있다. 동료 기술 공통점: 재사용 대기 시간이 있다. 궁극기 공통점: 재사용 대기 시간이 있다. 핵심 지속 효과

티스토리툴바