유틸8 [리액트] SPA의 단점 SPA의 단점은 앱의 규모가 커지면 자바스크립트 파일 사이즈가 너무 커진다는 것입니다. 유저가 실제 방문하지 않을 수도 있는 페이지에 관련된 렌더링 관련 스크립트도 불러오기 때문이죠. 하지만 걱정하지마세요. 코드 스플릿팅을 사용하면 라우트 별로 파일들을 나눠서 트래픽과 로딩속도를 개선할 수 있습니다. 리액트라우터같이 브라우저측에서 자바스크립트를 사용하여 라우트를 관리하는 것의 잠재적인 단점은 자바스크립트를 실행하지 않는 일반 크롤러에선 페이지의 정보를 제대로 받아가지 못한다는 점입니다. 때문에 구글 네이버 다음 등 검색 엔진에서 페이지가 검색결과에서 잘 안나타날 수 있습니다. 추가적으로 자바스크립트가 실행될때까지 페이지가 비어있기때문에 자바스크립트 파일이 아직 캐싱되지 않은 사용자는 아주 짧은 시간동안 .. 2022. 1. 1. 맥처럼 윈도우에서 캡스락(CapsLock)으로 한영전환하는 방법 들어가기 맥처럼 윈도우에서 캡스락(CapsLock)으로 한영전환하는 방법 1. AutoHotKey 프로그램 다운로드 후 설치합니다. 2. 아래 내용을 메모장에 복붙하고 CapsLockKorEng.ahk이라는 이름으로 저장합니다. Windows 10 이하 capslock:: KeyWait, capslock if A_TimeSinceThisHotkey >= 250 ; in milliseconds. SetCapsLockState, % (State:=!State) ? "On" : "Off" else Send, {vk15sc1F2} return Windows 10 일 경우 capslock:: KeyWait, capslock if A_TimeSinceThisHotkey >= 250 ; in milliseconds... 2021. 10. 23. VSCode 효율성 높이기 - 아톰 키맵핑 vscode atom keymap 시스템설정>키보드> cmd + space 키맵핑 초기화 Trigger Suggets ⇒ cmd + space 2021. 10. 1. [TIP] brew로 node 버전 바꾸기 노드 버전 검색 brew search node 원하는 버전으로 설치 brew install node@12 노드 패키지는 동시에 사용할 수 없기 때문에 기존에 설치되어 있는 노드버전을 언링크해야 한다. brew unlink node 버전 연결하기 brew link node@12 경우에 따라 --force로 강제 플래그를 사용해야 할 수 있다. brew link --force --overwrite node@12 새로운 node 버전이 나와 실행하여 brew를 업그레이드할 경우 링크가 제거되고 최신 node 버전이 대신 링크된다. 원하는 버전을 고정하여 사용하고 싶다면 PATH에 추가하는 것이 좋다. echo 'export PATH="/usr/local/opt/node@12/bin:$PATH"' >> ~/.z.. 2021. 9. 3. 이전 1 2 다음
