웹 개발 알아두기/편집기 (4) 썸네일형 리스트형 편집기 단축키들 (IntelliJ, VS Code) 코드를 짤 때 대부분 개발자들이 VS, IntelliJ 등 편집기를 사용합니다. 이유는 편집기가 가진 다양한 기능을 통해 중복작업을 줄이고 작업효율을 향상하는 것이 가능하기 때문입니다. 편집기가 가진 기능은 사용빈도가 높기 때문에 단축키를 알아두면 더욱 효율적인 작업이 가능하므로 오늘은 각종 편집기에서 어떤 단축키를 통해 어떤 기능을 사용가능한지 살펴볼까 합니다. 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 IntelliJ 검색 폴더구조 코드작성 리팩토링 VS Code .. 비주얼 스튜디오 리액트 익스텐션 비주얼 스튜디오에 설치 가능한 리액트 익스텐션을 살펴보겠습니다. ES7+ React/Redux/React-Native snippets 리액트 코드 스니핏 익스텐션으로 단축키를 사용하여 다양한 리액트 코드를 쉽게 구현하도록 해 줍니다 HTML 삽입 미리보기할 수 없는 소스 비주얼 스튜디오 코드 - [익스텐션] Sqlite 'SQLite'는 비주얼 스튜디오 코드 편집기에서 데이터베이스의 정보를 보거나 조작을 가능하게 해주는 익스텐션입니다. 설치하기 익스텐션 검색창에 'sqlite'를 검색하고 설치를 누릅니다. Sqlite 사용하기 1. Window 'ctrl' + 'shift' + 'p'를 눌러 전역 검색창을 열고 'SQLite: Open Database'을 선택 후 해당 데이터베이스를 선택하면 아래처럼 Sqlite 익스플로러가 열립니다. ▶ 데이터 보기 테이블 우측에 '재생' 버튼을 누릅니다. ▶ 데이터 추가하기 테이블 우클릭 후 'new query [insert]'를 선택 열린 파일에 아래와 같이 값을 추가합니다. VALUES (1, 'brush', 1), (2, 'soap', 1); 파일을 우클릭하여 'run quer.. 비주얼 스튜디오 코드 [익스텐션] - 시퀄라이트 비주얼 스튜디오 코드는 비주얼 스튜디오처럼 자체적으로 데이터베이스의 데이터를 조작하는 기능은 없고 익스텐션으로 해당 기능을 추가가능합니다. 시퀄라이트 익스텐션을 통해 시퀄라이트 데이터베이스의 정보를 조작하는 방법을 보겠습니다. 인스텐션 설치하기 비주얼스튜디오 코드를 열고 익스텐션 메뉴에서 아래와 같이 검색 후 설치합니다. SQLite 설치가 완료되면 검색창에 아래처럼 데이터베이스를 여는 기능이 추가됩니다. 사용하기 익스플로러 열기 SQLite: Open Database 오픈 데이터베이스를 선택 후 열고 싶은 데이터베이스 파일을 선택합니다 (데이터베이스 생성하기). 그러면 좌측 메뉴에 아래처럼 익스플로러가 추가됩니다. 데이터 넣기 익스플로러를 열고 'New Query'를 선택하면 쿼리파일이 열립니다. 입력.. 이전 1 다음
