performance-lecture / lecture-1 Goto Github PK

View Code? Open in Web Editor NEW

64.0 64.0 88.0 1.27 MB

lecture #1

HTML 17.20% CSS 17.26% JavaScript 65.54%

lecture-1's People

Contributors

Stargazers

Watchers

Forkers

lana-banana westkite1201 naraekn jsunmin namwoojin idlemacbook byunghun-jake dalcon10028 lokba jiwooincludejeong yoon-junseo rlatmdgns jin0106 haiyinde dorothy7964 jjung12 tmdqls2257 ka0824 doozi316 jeonggoeun julio-kim lee-yeseul yangbasak yoon-hae-min in-woong cheolwoongchoi sewonzzang123 nayeon-hub yuuuk94 jeonhs1202 swimjiy jehaak peanudge ieeooii hannapa1114 onealog hyebinyang github-denver devtoolstudio frandeer yoonjeonglulu 201steve hajeonghun thejsw julyk9 jiheon788 dragons6641 kjkandrea clang-engineer leeseunghwan7305 hashcorp-git jiji-hoon96 suhyeon0921 dohye1 minhanpark heegu0311 devysi0827 jigglypop paryuyu haryan248 rustandbone cruelladevil yeomchaeeun ocipap woongcheol ysh4296 shimdokite siyeop junggyoo llqqssttyy mattt0204 ha-seung-jeong yumyumnyang sokkanji windstar20 aroundthistime jmean12 davidev-wiki dev-hobin yunbiyomi choozii hoonj170214 yuiseo

lecture-1's Issues

README.md 파일 clone URL 주소 오탈자

lecture-1 repo인데 clone 주소는 lecture-2로 되어있네요

yarn, npm 모두 시도해봤는데 동일한 오류가 발생합니다.

Starting the development server...

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:471:10)
    at /home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:503:5
    at /home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:358:12
    at /home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/home/tbs01215/IAD/lecture-1/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /home/tbs01215/IAD/lecture-1/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
/home/tbs01215/IAD/lecture-1/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:417:16)
    at /home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:452:10
    at /home/tbs01215/IAD/lecture-1/node_modules/webpack/lib/NormalModule.js:323:13
    at /home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/tbs01215/IAD/lecture-1/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /home/tbs01215/IAD/lecture-1/node_modules/babel-loader/lib/index.js:55:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.14.2
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

실행에서 막히는데 다른 분들은 어떤지 모르겠습니다.

병목코드 최적화

교재 26p diagnostics 섹션의 'Reduce JavaScript execution time' 항목에 관련된 내용이 있는데
코드를 실행시켜 검사해보면 교재와 내용이 다른데요..! 다른 이유가 무엇인가요?

안녕하세요 선생님, 좋은 책 써주셔서 감사합니다.
책으로 스터디 중에 질문이 생겨 이슈를 통해 남깁니다.
32페이지 Event Log 탭에서 Experience Scripting을 확인할 수 있다고 말씀주셨는데, 처음 보는 용어라 검색해보았으나 마땅한 검색 결과가 없었습니다.
Experience Scripting이 무엇을 의미하는 단어인지 궁금합니다.
아니면 관련 정보를 찾아볼 수 있는 방법을 알려주시면 매우 감사드리겠습니다..!!

프로젝트가 실행이 되지 않습니다.

프론트엔드 성능 최적화 가이드 책 독자입니다.

프로젝트를 clone하고 install, start, server, serve를 다 해보았는데

localhost:3000에서 사이트에 연결할 수 없는 페이지라고 계속 뜹니다 ㅜㅜ

혹시 저와 같은 현상을 겪으신 분이 계시거나 해결 방법을 아시는 분이 계실까요?? 공부하고 싶습니다.

1장 병목 코드 최적화 질문

removeSpecialCharacter 함수 오타

// src/compoents/Article

function removeSpecialCharacter(str) {
  let _str = str.substring(0, 300);
  _str = str.replace(/[#_*~&;![\]`>\n=\->]/g, "");   //   _str = _str.replace(/[#_*~&;![\]`>\n=\->]/g, "");   // 
  return _str;
}

300자로 잘랐던 변수를 활용해야하므로 str.replace -> _str.replace 부분으로 변수 오타를 수정해야할 것 같습니다!

ArticleList항목의 시간차이

35P의 교재에서는 ArticleList에 대해 1.4s가 나왔지만 제 로컬에서 돌렸을때에는 242ms정도 밖에 나오지 않았습니다.

로컬환경에 따라 이렇게 시간차이가 클 수가 있나요?

시간차이가 크지 않아서 책 내용을 보지 않았더라면 병목현상임을 확인하지 못했을 것 같은데 병목확인을 위해 의도적으로 컴퓨터 사양을 낮추고 테스트를 돌리는 경우도 있는지 궁금합니다

performance-lecture / lecture-1 Goto Github PK

lecture-1's People

Contributors

Stargazers

Watchers

Forkers

lecture-1's Issues

README.md 파일 clone URL 주소 오탈자

yarn, npm 모두 시도해봤는데 동일한 오류가 발생합니다.

병목코드 최적화

http://localhost:3000 실행안됨

Experience Scripting이 무엇인가요?

프로젝트가 실행이 되지 않습니다.

1장 병목 코드 최적화 질문

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent