본문 바로가기

분류 전체보기127

[코드 최적화하기] 불필요한 계산 피하기 1. 반복문 내에서 불필요한 연산 제거 한번만 계산되도 되는 값이 반복문 안에 들어가 계속해서 불필요하게 계산되면 성능저하를 일으킨다. 예) 아래의 코드에서는 arr.length 는 한번만 계산해도 되지만 반복문안에 들어가 계속해서 계산이 된다. for (let i = 0; i < arr.length; i++) { const value = arr[i] * 2 + 1; console.log(value); } 아래와 같이 고치면 arr.length는 한번만 계산되고 꼭 필요한 계산만 반복문에서 계산이 된다. const arrLength = arr.length; // 불필요한 계산을 미리 수행 for (let i = 0; i < arrLength; i++) { const value = arr[i] * 2 + .. 2023. 3. 23.
[코드 최적화하기] 불필요한 코드 제거 1. 주석처리해둔 코드나 console.log() 삭제 사실 실행시간이나 메모리같은 프로그램 성능측면에서 이 이유로 인한 성능 저하는 아~주 미미함😅 하지만!! 이런 불필요한 코드가 많아지면 개발이 모두 끝난후에 배포를 했을때, 코드 다운로드 시간이나 파일크기가 커져 로딩속도가 느려질 수 있다. ✅ 적어도 배포전에는 불필요한 주석처리나 로깅코드 삭제하기! 2. 조건문 안에서 항상 참 또는 거짓으로 평가되는 코드 삭제 항상 참이 되는 코드라면 굳이 조건문을 써줄 필요가 ❌ 예) 아래의 코드에서는 항상 if 조건문이 참이기 때문에 불필요하게 else 구문은 실행되지 않는다 if (true) { // 실행될 코드 } else { // 실행되지 않을 코드 } ✅ 항상 참이 되는 코드라면 굳이 조건문을 써줄 필요.. 2023. 3. 23.
[타입스트립트] 초보의 타입지정 타입스크립트 그냥 타입만 지정해주면 되는거네~ 라며 여기저기 다 타입을 넣어주면서 코드짜고 있었는데.. 😱 너무 소름돋는 사실을 알게되서 포스TING!! 😱 일단은 타입스크립트는 타입을 정해두어서 나중에 다른타입을 입력했을때 오류를 내준다. 때문에 모든 변수, 함수에 타입을 지정해주고 있었다. 이런식으로 type alias 도 사용해보고 type strAndNum = string | number; let 이름: strAndNum = "kim"; 이름=123 이런식으로 함수 도 사용해보고 function 함수(x: number): number { // 어떤타입이 리턴되어야하는지 return x * 2; } const 함수2 = (x: number): number => { return x + 2; }; 이런.. 2023. 3. 16.
[tsconfig.json] 타입스크립트를 편하게 사용하기 위한 파일_2 { "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d.ts 파일도 .. 2023. 3. 16.

티스토리툴바