이롭게 현명하게

vscode에서 코드를 작성하다 보면 인덴트(들여쓰기)가 맞지 않아 엉망이 되거나 붙여넣기를 하면서 코드가 깔끔하게 붙여지지 않을 때가 있다.Format on save를 설정하면 코드를 저장했을 때 코드가 자동으로 정리된다. vscode 상단 메뉴에서 File > Preferences > Settings 단축키windows : ctrl + ,mac : cmd + ,  settings에서 format on save 검색 후 체크      잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊댓글과 좋아요는 큰 힘이 됩니다! 더보기[ 참고자료 ]

목차 code runner 확장 플러그인 node.js 자바스크립트를 실행하는 방법은 두가지가 있다. 브라우저에서 자바스크립트 실행하기 내장 터미널에서 자바스크립트 실행하기 [JavaScript] 자바스크립트 시작하기 / 개발환경 목차 내부 자바스크립트 코드 외부 자바스크립트 코드 자바스크립트를 적용하기 위해서는 에디터가 필요하다. [vscode 설치하기] [VSCODE] VSCODE 설치 / Visual Studio Code 설치하기 목차 VSCODE 설치 VSCODE devyihyun.tistory.com 이 게시글은 vscode 내장 터미널에서 자바스크립트를 실행하는 방법이다. 내장 터미널에서 자바스크립트를 실행하는 방법은 두 가지 방법이 있다. code runner 확장플러그인 실행 node.js..

리액트는 디버깅이 복잡하여 일반적인 웹페이지를 만들 때처럼 브라우저 개발자 도구를 사용하는 것에 한계가 있다. 효율적인 디버깅을 눈으로 직접 확인할 수 있어 react로 개발 시 사용하는 것을 추천한다. 리액트 디버깅과 개발을 돕기 위한 브라우저 확장 프로그램이다. 컴포넌트 계층 구조 표시 리액트 컴포넌트 계층 구조를 시각적으로 볼 수 있다. 컴포넌트의 자식, 부모 관계 등을 파악할 수 있다. 상태와 속성 시각화 개발 중인 컴포넌트의 상태(State)와 속성(Props) 정보를 실시간으로 확인할 수 있다. 이를 통해 컴포넌트가 어떤 데이터를 받고 어떤 상태를 가지는지 파악할 수 있다. 상태 변화 추적 컴포넌트의 상태 변화를 추적하고 디버깅할 수 있다. 컴포넌트의 상태가 어떻게 변경되는지, 어떤 이벤트에 ..

[Node.js 설치] yarn을 설치하기 위해서는 node.js를 설치해야한다. 단축키 윈도우 + Q를 눌려 cmd를 실행한다. node -v 명령어를 입력하고 Enter키를 누른다. 결과가 다음과 같이 버전이 나온다면 설치가 되어있다. 만약 버전이 나타나지 않는다면 node.js를 설치해야한다. node.js 설치하기 https://devyihyun.tistory.com/166 [yarn 설치하기] yarn은 npm을 대체할 수 있는도구로 npm보다 더 빠르며 효율적이다. 또한 캐시 시스템과 기타 부가기능을 제공한다. npm에 이미 익숙하고 진행 흐름에 변화를 주고 싶지 않다면 yarn을 설치하지 않아도 무방하다. yarn은 npm으로 설치하거나 또는 yarn 공식 홈페이지에서 다운받아 설치하는 방법..

MySQL 웹사이트 접속 MySQL :: MySQL Community Downloads The world's most popular open source database Contact MySQL | Login | Register dev.mysql.com MySQL Installer for Windows 클릭 64비트 윈도우지만 32비트 MySQL이 잘 설치되고 실행되기 때문에 32비트를 설치해도 무관하다 두 개의 파일이 나타나데 하나는 웹 연결용이고 다른 하나는 로컬 설치용이다. 이때 용량이 큰 것을 Download 한다. 다운로드 시 로그인/회원가입 화면이 나타나는데 밑에 있는 No thanks, just start my download를 클릭한다. 다운 받은 파일을 실행한다. MySQL에 있는 모든 ..

이 확장은 더 이상 유지 관리되지 않으므로 더 이상 사용되지 않습니다. VSCODE에서 beautify 서비스를 중단하였습니다. 기존에 설치가 되어있었다면 계속 사용할 수 있었지만, 삭제 후 재설치는 불가능합니다. beautify 기능은 사용 가능하나 업데이트 되거나 오류로 인한 수정 보완은 없다는 뜻으로 보입니다. 만약 다른 것으로 사용을 원하시면 prettier 사용을 추천 드립니다! 목차 플러그인 설치 방법 Beautify 사용 방법 [플러그인 설치 방법] 1. VSCODE 왼쪽 메뉴에서 아래에 있는 확장( = Extensions 또는 단축키 Ctrl + Shift + X ) 클릭 2. 원하는 플러그인 검색 후 설치 [ Beautify ] - VSCode에서 코드를 정렬하는 단축키는 OS마다 조금씩..