마이크로소프트가 개발한 소스 코드 편집기 '비주얼 스튜디오 코드(VS Code)'의 웹 버전이 20일 공개됐다. VS코드 웹 버전은 인터넷 브라우저를 열고 사이트 URL(https://vscode.dev)만 입력하면 바로 사용할 수 있다. 기본적인 기능은 설치 버전 VS코드와 거의 같다. 코드 파일을 열고 편집하는 기능을 지원하며 다른 코딩 프로그램처럼 구문 종류에 따라 다른 색으로 표시하는 기능도 탑재했다. 단축키도 기존과 동일하다. VS코드 웹 버전으로 HTML·자바스크립트·CSS 애플리케이션을 빌드할 수 있다. C/C++, C#, Java, PHP, Rust, Go 등의 프로그래밍 언어에서 코드 자동완성 기능을 지원한다. JSON, HTML, CSS, LESS처럼 웹에 최적화된 프로그래밍 언어를 코..

//firebaseConfig.js const firebaseConfig = { apiKey: "apiKey", authDomain: "authDomain", projectId: "projectId", storageBucket: "storageBucket", messagingSenderId: "messagingSenderId", appId: "appId", measurementId: "measurementId" }; export default firebaseConfig; 각 키는 firebase 가입 후 프로젝트를 생성하면 받을 수 있다. 해당 하는 키에 값을 넣어주면 된다. import firebaseConfig from '../firebaseConfig'; import * as firebaseui f..

캐싱 개요 캐싱은 애플리케이션 성능을 대폭 개선하고 비용을 크게 절감해 줍니다. 캐싱이란 무엇입니까? 컴퓨팅에서 캐시는 일반적으로 일시적인 특징이 있는 데이터 하위 집합을 저장하는 고속 데이터 스토리지 계층입니다. 따라서 이후에 해당 데이터에 대한 요청이 있을 경우 데이터의 기본 스토리지 위치에 액세스할 때보다 더 빠르게 요청을 처리할 수 있습니다. 캐싱을 사용하면 이전에 검색하거나 계산한 데이터를 효율적으로 재사용할 수 있습니다. 캐싱은 어떻게 작동합니까? 캐시의 데이터는 일반적으로 RAM(Random Access Memory)과 같이 빠르게 액세스할 수 있는 하드웨어에 저장되며, 소프트웨어 구성 요소와 함께 사용될 수도 있습니다. 캐시의 주요 목적은 더 느린 기본 스토리지 계층에 액세스해야 하는 필요..

1. window 1). 현재 실행되고 있는 PORT 번호 PID 확인 netstat -a -o 2). 1번 명령어에서 출력 된 PORT들중에 중복되는 PORT번호의 PID 번호를 확인후 KILL한다 taskkill /f /pid 2. mac 1). 현재 실행되고 있는 PORT 번호 PID 확인 sudo lsof -i : 2). 1번 명령어에서 찾은 PID 번호를 확인후 KILL한다 sudo kill -9 예제를 보겠습니다.

ngrok 공식 페이지에서 ngrok은 NAT와 방화벽 뒤에 있는 로컬 서버를 안전한 터널을 통해 공개 인터넷에 노출시켜 주는 도구라고 설명되어 있습니다. 즉, 포트 포워딩과 같은 네트워크 환경 설정 변경없이 로컬에 실행중인 서버를 안전하게 외부에서 접근 가능하도록 해주는 도구입니다. 설치 npm install ngrok --save 실행 코드 ngrok http 80 외부 네트워크 환경에서 브라우저를 열고 http://19ed998b24bf.ngrok.io 입력하면 로컬에 실행 중인 서버 80 포트로 접속하여 확인할 수 있습니다. 대시보드 앞에서 터미널에도 접속 로그 등을 볼 수 있었지만(-inspect=false옵션을 주면 로그가 남지 않는다.) 실행하면 자동으로 웹에서 로그나 상태를 볼 수 있는 대..

VS CODE 단축키 Ctrl + D = 선택한 해당 단어 동시 수정 가능 Alt + 클릭 = 동시 클릭한 곳 수정,추가 작업 가능 Alt + ↑ or ↓ = 선택된 부분 위 아래 이동이 가능함 Alt + Shift + ↑ or ↓ = 선택된 부분 복사되면서 위 아래로 이동 Ctrl + Home or Down = 코드 맨위, 맨아래로 가는 키 Ctrl + / = 선택된 줄 주석 처리 Ctrl + A = 전체선택 div>ul>li 엔터 --> div , ul , li 형식 태그 작성 ! 엔터 --> html 기본 코드 작성 .class 엔터 --> div class 태그 작성 #id 엔터 --> div id 태그 작성 ul>li*5 엔터 --> ul 안에 li 태그 5개 작성 div>(header>ul>l..