본문 바로가기

전체 글

(99)
Lighthouse로 웹사이트 최적화하기 💡 Lighthouse, 성능최적화로 인도하는 등대 Lighthouse란 영어로 등대를 의미한다. 이 말처럼 Lighthouse는 우리가 공들여 만든 사이트가 제대로 굴러갈 수 있는건지, 혹은 부족한 면은 없는지 검사해주고 그에 대한 해결책을 제시해준다. 말그대로 등대같이 우리를 성능최적화의 바른 길로 이끌어주는 프로그램이다. 🔥 Lighthouse의 Performance항목 Performance 항목에서는 웹성능을 측정한다. 화면에 콘텐츠가 표시되기까지의 시간이나, 화면이 나오고 나서 클릭등의 상호작용이 먹힐때까지의 시간, 혹은 화면에 불안정한 요소가 있는지 여부를 체크한다. ⚡️ Performance를 개선하기 위한 Opportunities항목 조금 아래로가면 '추천' 영역이 보인다. 이 부분이 우리..
NODE_ENV와 REACT_APP_ 환경변수란? + 깃허브 토큰 예제 🤔 환경변수란? 환경변수는 프로젝트 전체에서 참조할 수 있는 변수 만들 수 있어 편리하게 이용된다. 환경변수로 변수를 선언하시면 JS파일 내에서 지역변수로 선언한 것 과같이 변수를 참조해 올 수 있다. 기본적으로 NODE_ENV라는 환경변수가 있고, 필요에따라 REACT_APP_으로 시작하는 다른 환경 변수들도 설정할 수 있다. 이 둘에 대한 이야기는 아래에서 각각 더 자세히 다룬다. 💡 NODE_ENV는 현재의 모드를 가르킨다 Node.js의 express 서버를 실행할 때 필요한 변수이다. NODE.ENV는 지금 돌아가고 있는 어플리케이션의 모드를 특성화 시키는 환경변수이다. 보통은 'development'와 'production' 이 두가지 문자열로 등장한다. 아래의 코드를 보면 어떤 식으로 쓰이는..
getItemFromTwoSortedArrays 문제 뜯어보기 🔍 문제보기 문제: 길이가 m, n이고 오름차순으로 정렬되어 있는 자연수 배열들을 입력받아 전체 요소 중 k번째 요소를 리턴해야 합니다. 입력: 인자1 : arr1 인자2 : arr2 인자3 : k 자연수를 요소로 갖는 배열 arr1.length는 m 자연수를 요소로 갖는 배열 arr2.length는 n number 타입의 0 이상의 정수 출력: number 타입을 리턴해야 합니다. 주의사항: 두 배열의 길이의 합은 1,000,000 이하입니다. 어떤 배열 arr의 k번째 요소는 arr[k-1]을 의미합니다. 입출력 예시: let arr1 = [1, 4, 8, 10]; let arr2 = [2, 3, 5, 9]; let result = getItemFromTwoSortedArrays(arr1, arr2,..