728x90 전체 글100 웹 페이지 성능 확인하기 - Lighthouse 웹페이지 전반의 개발이 끝난 지점에서 웹페이지 성능을 좀 확인해보고 싶어서 lighthouse로 확인해보려고 한다. pingdom 도 써보긴했는데 아무래도 구글에서 하는게 믿음직스럽달까.. 사용하기도 편한편 lighthouse는 크롬 익스텐션으로 크롬에 다운로드해서 사용이 가능하다 https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en add to chrome으로 크롬에 설치 해주면 개발자탭에 lighthouse가 추가된 것을 알 수 있다. Analyze page를 desktop으로 지정하고 해주고 조금만 기다리면 끝 첫 테스트로 구글을 해본건데..ㅋㅋㅋ 좋겠네^^ 테스트 서버의 메인페이지인데 생.. 2022. 11. 5. 리액트 - immer immer: 불변성을 해치는 코드를 작성해도 대신 불변성을 유지해줌 immer library 설치가 필요함 필수라이브러리는 아니기때문에 적재적소에 사용하는 것이 중요하다. 무작정 사용하면 안됨 update 로직이 까다로운 경우에 사용하는 것이 좋음 간단한 경우에는 크게 의미가 없다. produce(바꾸고 싶은객체, 어떻게 바꿀지 알려주는 함수) import produce from 'immer' window.produce = produce const state = { number :1, dontChangeMe : 2 } const nextState = produce(state, draft =>{ draft.number = 2; } //불변성을 지키지 않으면서 변경해도 produce가 값을 지켜줌 //배열도.. 2022. 11. 3. javascript - 화살표 함수 nuxt.js 코드를 작성하다가 화살표 함수를 자주 사용하긴 하는데 일반 함수와 차이점을 크게 두지 않고 사용하는 것 같아 정리 해보려고한다. 사실 nuxt 3 composition api 에서는 this를 사용하지 않기 때문에 더욱더 신경을 안쓰고 작업을 하게 되는데 기본 자바스크립트를 항상 잊어버리면 안된다…프레임워크에 빠지지 말 것 화살표 함수 화살표 함수란 기존의 함수 표현방식인 function을 생략하여 화살표로만 표현이 가능한 함수로 보다 간략하게 작성이 가능하다. 하지만 가장 큰 차이점은 this의 유무이다. 일반함수는 함수가 호출될 때 this에 바인딩할 객체가 동적으로 결정된다 화살표함수는 함수를 선언할 때 this에 바인딩 되는 객체가 정적으로 결정된다 ⇒ 즉, 일반함수는 동적으로 th.. 2022. 11. 1. nuxt3(rc v.12) upstream sent too big header while reading response header from upstream 에러 해결 nuxt3 진짜..가만 안둔다……ㅠ nuxt rc..로 개발하자고 한사람..진짜 가만안둬 rc 버전이 아무리 높아도 아닌것 같다.. rc 12 버전 배포 하는데 갑자기 nginx에서 502 에러가 딱!^^; nginx 로그 확인해보니 upstream sent too big header while reading response header from upstream 이래서 구글링 해보니 사용자가 많아 버퍼가 모자르니 버퍼를 늘려주면 된대서 버퍼를 일단 늘려줌!! 사용자가 그렇게 많진 않지만 뭐 일단 늘려보자 server { proxy_busy_buffers_size 512k; proxy_buffers 4 512k; proxy_buffer_size 256k; # rest of the nginx config b.. 2022. 10. 30. Nuxt3 - custom router 추가하기 개발을 진행하다 동일 페이지인데 path 만 다른 페이지를 만들일이 있었다. nuxt는 pages에 vue 파일을 만들면 자동으로 라우터를 생성해준다. 굉장히 편한기능이 아닐 수 없다. 하지만 동일한 페이지인데 pages에 단순히 라우터 생성을 위해 같은 파일을 복붙 할 순 없었다. 구글링하면서 생각해보니 예전에 vue 라우터 개발시에 alias로 비슷한 개발을 진행했던것이 기억이나 alias로 선언하면 될 줄 알았다. 하지만 개발을 진행해야되는 계속해서 워닝이 발생하여 라우팅이 되지 않았다. Alias should have the exact same param named 개발을 진행해야되는 라우터의 경우 파라미터가 다른데..!!!어떻게 처리해야될까 싶어 계속 서치하다 localization 작업시에 커.. 2022. 10. 28. 패스트 캠퍼스 코딩테스트 인강결제! 당연히..내돈내산...; 코딩테스트를 위해 '취업을 위한 코딩테스트' 라는 책으로 공부를 하고 있었는데 아무래도 혼자하다보니 막히는 부분이 제법 있어서 다른 사람의 도움을 좀 받으려고 한다. 스터디는 오프라인으로 시간을 내야하다보니 힘들고, 과외는 아직 받을 레벨은 아닌것 같아 인강부터 시작을 해보려고 하던 차에 컴퓨터공학 강의를 듣고 있는 패캠에서 코딩테스트 강의 1+1 행사를 하고 있길래 확인해보니 기술면접 준비도 포함되어 있고 공부하던 책의 저자인 나동빈 강사님이 진행하시는 강의라 신뢰도가 높아 바로 구매했다. 총 강의 시간은 약 80시간 정도로 하루에 1시간 정도씩 투자 하면 100일이 안되는 시간이다 하지만 하루에 1시간 강의를 듣게되면 복습시간 역시 1시간이기때문에 하루에 2시간 정도 소요된다.. 2022. 10. 26. 이전 1 ··· 10 11 12 13 14 15 16 17 다음 728x90 반응형
