![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/GQJKC/btqFkTUXGqM/MNYG95MXbJH39qzKhoXLUk/img.png)
자바스크립트에서 성능 최적화를 하는 방법에는 여러 가지가 있습니다. 우선 제가 주로 사용하는 몇 가지 방법을 공유드리려고 합니다. 성능 최적화를 하는 이유는 비개발자이거나 소규모 사이트의 제작자 라면 사실할 필요도 크게 없습니다. 반면 본인이 서버를 직접 운영한다거나 대규모 사이트를 운영하고 있으시다면 성능 최적화만 하더라도 운영비를 크게 감소할 수 있을 것으로 예측이 됩니다. 1. DOM 접근 최소화 DOM을 접근할 때에는 가능하면 지역 변수로 할당하여 사용하시는 것이 좋습니다. dom 도 하나의 object이기 때문에 프로토타입 체인에 의해 내가 원하는 위치를 찾는데 시간이 발생하기 때문입니다. function getObject(){ let dom = document.getElementById('co..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/NfXZc/btqFeCtALUi/tD59u9LNCkkknAh5nRKDT0/img.jpg)
코로나 바이러스 초기증상에 대해 어떻게 나오는지 알고 있으신가요? 코로나 바이러스 초기증상에 대해서 알아보겠습니다. 코로나가 현재 2.5단계 격상 단계로 올라왔지만 조금씩 잠잠해지고 있는데 이럴 때 일수록 더 신경을 써주셔야 합니다. 그럼 아래에서 같이 알아보겠습니다. 목차 코로나 바이러스 초기증상 열 신종 코로나 바이러스는 초기증상 &무증상에 대해 알아보겠어요. 보건당국이 기존 코로나바이러스 질환과 달리 증상 초기에도 무증상 전파 가능성이 있습니다고 밝혔습니다. 박능후 신종 코로나바이러스 감염증 중앙사고수습본부장(보건복지부 장관)은 지금 코로나 바이러스 초기증상 & 무증상에 대해 브리핑에서 이 같이 밝히고 국내 전파 확산 예방에 최선을 다하겠다고 밝혔어요. 코로나 바이러스 초기증상 호흡기 박능후 중앙사..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/3CKNG/btqFdKpKZmO/5vo83UDdWudO3cjLKrSVkK/img.jpg)
최근에 TV를 많이 보게되면서 KBS WORLD 채널번호에 대해서 확인을 하고 싶었는데 모처럼 번호를 많이 알게되어서 포스팅을 진행해보고자 합니다. KBS WORLD 채널번호 확인방법은 아래에서 바로 확인이 가능합니다. KBS WORLD 의 채널을 확인하는 방법은 다음과 같습니다. 해외여행 및 국내여행을 하다보면 숙소에서 쉬면서 TV를 자주보게 되는데 이 때 KBS WORLD 채널이 너무 많아 찾기 어려운 부분도 있습니다. KBS 채널번호 확인방법 하나씩 확인을 해보도록 하겠습니다. KBS WORLD 채널번호 아시아 지역 국가 제공업체 미디어 채널번호 웹사이트 Hong Kong PCCW IPTV 156 nowtv.now.com Macau Macau Cable Cable(D) 180 www.macaucab..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/SNrX9/btqE8wTSErn/sXo7NofyN77mpNEvgRwvYK/img.png)
파이어베이스 프로젝트 호스팅에 배포하는 법을 이어서 알아보겠습니다. 저는 Vue를 주로 이용하여 vue를 사용하여 예제를 진행한겠습니다. React도 비슷합니다. 1. 프론트엔드 소스를 빌드한다. 각자 프로젝트에 맞게 빌드를 진행합니다. yarn build or npm build 2. dist 파일 생성 확인 빌드 폴더를 다르게 진행한다면 다르게 나올 수도 있습니다. 기본은 dist 폴더로 생성되니 이걸로 확인 3. firebase init 프로젝트 준비가 되었느냐? Y 입력 후 엔터 키보드 아래로 내려서 Hosting 을 스페이스로 선택 후 엔터 Use an existing Project 선택 -> 이전에 만든 프로젝트 선택 배포 디렉토리 설정 기본은 public으로 되지만 우리는 dist 폴더를 배포..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/AgJ2a/btqE81MNPQa/q3XrGO0SxZXuDqs2wceyQ0/img.png)
파이어베이스는 주로 무료 호스팅을 쓰기위해서 자주 사용한다. 혹은 서버없이 코딩을 하고 싶다거나 앱을 연동하여 푸시를 보내고 싶을 때 등의 용도로 사용하기도 한다. 당신도 아래의 예제만 본다면 무료로 홈페이지 구축쯤은 충분히 가능하다. 1. 프로젝트 접속 로그인을 했다고 가정을 한 후 프로젝트를 생성한다. + 버튼을 클릭하여 프로젝트를 추가한다. 2. 프로젝트 이름 지정 프로젝트의 이름을 지정해 준다. 추후에 바꿀수 없으므로 신중히 하는 것이 좋지만 맘에 안들면 다시 만들어도 되니 일단 테스트 겸 본인이 원하는 이름으로 설정 3. 프로젝트 애널리틱스 사용설정 구글 제품을 이용하면 역시나 좋은 것이 왠만해서 클릭 한 방으로 자동연결이 된다는 것이다. 구글 애널리틱스도 사용 설정을 하고 계속을 누르면 된다...
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/lLRuF/btqE9ekRQoy/3BaCxsEUsq9Wew3buczLRK/img.png)
파이어베이스(firebase)란 무엇인가 파이어베이스는 원래 파이어베이스란 회사가 만든 플랫폼이며 2014년 구글에서 인수한 이후로 구글에서 서비스를 제공해 주며 개발을 편리하게 해주는 툴이다. 1. 인증 - Authentication 구글과 로그인 연동을 제공해주는 플랫폼을 편하게 연동할 수 있게 해주는 서비스. 2. 데이터베이스 - Cloud Firestore 파이어베이스에서 제공해주는 일종의 DB이며 기존의 사용하던 RDBMS와는 다르다. 몽고DB나 JSON 객체 DB를 해보았다면 쉽게 접근을 할 수 있다. 쿼리를 사용하는 것이 아닌 URI를 이용하여 데이터를 접근하고 읽기, 쓰기, 수정, 삭제 등의 작업을 할 수 있다. 큰 집합체를 여기서는 컬렉션이라는 용어로 부른다. 3. 스토리지 - Stora..