'분류 전체보기' 카테고리의 글 목록 (7 Page)
본문 바로가기

Travel to Frontend

(372)
제이쿼리 최초 로딩시간 제이쿼리 로딩시간 문득 제이쿼리가 최초 로드시간에 미치는 영향이 궁금하였다. jquery cnd으로 스크립트를 첨부하고 최초 로드하는데 거의 1초가 육박한다. 물론 100% 제이쿼리때문만은 아니고 이미지파일, js파일, 다른 라이브러리도 들어있다. 이를 줄여보고자 js안에 import하여서 웹팩 빌드를 시도했다. 파일크기는 88kb이다. import $ from './jquery-3.6.0.min.js' js에 제이쿼리 내장후 웹팩 빌드 결과는 대략 744밀리초가 나왔다. import말고 script src로 경로를 설정하고 웹팩 빌드해보았는데 로드시간은 비슷하게 나왔다. 문득 아예 제이쿼리를 제거하면 얼마나 걸리나 궁금해서 제거하고 측정해보았다. 개인적인 실험 결과 제이쿼리를 첨부하면 대략 0.2초~0..
웹 디자이너 요청사항 1. 용량최적화 포토샵에 save for web으로 용량최적화는 필수이다. 1mb만 넘어도 최초로딩시에 깜박이는 듯한 느낌을 지울 수 없다. 직접 측정한결과 이미지용량이 최초로딩속도에 영향을 미치는것같지는 않지만 이미지가 보여지기까지 시간이 걸리기 때문에 이미지퀄리티가 저하되지않는선에서 작은사이즈가 좋다. 2. 사이즈 특별한경우가 아니고서야 1920넘지말것 넘은것과 비교해보았는데 화질차이는 크게 느껴지지않았다. 넘을수록 사이즈만 커짐 3. 파일 이름 통일 숫자나 아무이름 붙이고 주는경우가 있는데.. 되도록 logo_blabla.jpg 혹은 bg-blabla.jpg이런식으로 앞에 어떤건지 분간할 수 있도록.
[nodejs] Uncaught SyntaxError: Unexpected token '<' UncatchSyntaxError: Unexpected token '
구조분해할당과 Null 처리 object 구조 분해 할당중에 value값이 널일경우 에러가 나서 해결방법을 찾아봄 const {name, age} = human.info //만약 info값이 null인경우 성립자체가 불가라서 에러 1. if문으로 감싸서 널이아닌경우만 처리 2. 구조분해끝에 || 초기값 object처리 ??는 삼항연산자랑 비슷한느낌인데 널처리할때 유용하게 사용할 수있어보이지만 ?? 과 object 구조분해할당은 같이 사용하는것이 힘든것같다. e = { title:null } //[방법1] ??= e.title ??= '제목없음' //[방법2] ?? e.title ?? '제목없음' const name = e.title = null ?? '제목없음' https://developer.mozilla.org/ko/docs/W..
타입스크립트 Element 타입 Element 타입 1. HTMLAnchorelement - href, style, class 2.HTMLButtonElement 3. HTMLHeadingElement 4. HTMLInputElement 5. HTMLTextAreaElement 6. HTMLDivElement
[백준 8959번] OX퀴즈 자바스크립트 문제 "OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 예를 들어, 10번 문제의 점수는 3이 된다. "OOXXOXXOOO"의 점수는 1+2+0+0+1+0+0+1+2+3 = 10점이다. OX퀴즈의 결과가 주어졌을 때, 점수를 구하는 프로그램을 작성하시오. test = 'OOXXOXXOOO'.split('') //['O', 'O', 'X', 'X', 'O', 'X', 'X', 'O', 'O', 'O'] function makeFunc(arr){ count = 0 hap = 0 arr.forEach(e => { if(e === 'O'){ count++ hap += count ..
RPC에러 Internal JSON-RPC error 로컬에서는 안돌아갈수있어서 스테이지 서버에서 확인 원인은 여러가지가 있는데. 1. 바오밥 네트워크의 블록체인 속도를 못따라잡는현상 => 시간이 지나면 해결 2. approval승인을 안해서 => 승인후 해결
Context API _context undefined 에러 store/user.js import React, { createContext } from "react"; export const userContext = createContext(); //useContext() export default function UserStore(props) { let userObj = { name: "mike", job: "developer" }; return ( {props.children} ); } export안해줘서 그랬음.. 사용방법 1. app.js에서 감싸주기 import "./styles.css"; import UserStore from "./store/user"; import Test from "./Test"; export default function App(..