전체 글
[wsl2] Failed to connect to the remote extension host server(Error: Websocket close with status code 1006)
wsl2를 이용하여 평소와 같이 vscode를 실행시키다가 다음과 같은 에러가 나왔습니다. Failed to connect to the remote extension host server (Error: Websocket close with status code 1006) [해결] wsl --shutdown Windows Powershell에 위 명령어로 wsl을 종료한다음 다시 wsl을 실행하면 됩니다. wsl에서 명령어를 쓰는게 아니고 Windows Powershell에서 실행시키셔야합니다
[Delphi] SelStart, SelText 사용법
SelStart 사용하기 Edit의 Text에 문자를 작성하고자 할 때 밑의 코드대로 작성한 경우 항상 포커스가 맨 앞으로 가게되어 원하는 글자를 쓸 수 가 없었습니다. (목표 글자 : ABCDEFG) procedure TForm1.EditChange(Sender: TObject); var i: Integer; begin (Sender as TEdit).Text := UpperCase((Sender as TEdit).Text); end; 해당 버그를 수정하기 위해 다음과 같이 코드를 수정하였고 버그를 해결할 수 있었습니다. procedure TForm1.EditChange(Sender: TObject); var i: Integer; begin i := (Sender as TEdit).SelStart; (..
Redux 란? Props 와 비교
1. Props란 Component간에 데이터를 전달해주는 것으로 부모가 자식에게 일방향으로만 전달해 줄 수 있음. 전달받은 자식에서의 값을 바꾸려면 전달해준 부모에서 값을 바꿔줘야 바뀜. 2. Redux란 Redux 는 State를 관리해주는 툴입니다. props 전송 없이도 모든 컴포넌트들이 state를 사용할 수 있습니다. npm install redux npm install react-redux redux 모듈은 데이터를 엄격하게 관리해주고 react-redux 모듈은 리액트에서 redux를 사용할 수 있게 해주는 라이브러리입니다. (Cart.js) import React from 'react'; import {Table} from 'react-bootstrap'; function Cart(){ ..
JavaScript Scope 와 Closure
Scope란 변수에 접근할 수 있는 범위를 나타냅니다. 블록 레벨 스코프(Block-Level Scope)를 따르는 C계열 언어들과 다르게 자바스크립트는 함수 레벨 스코프(Functional-Level Scope)를 따릅니다. 다음을 보면 function num() { var x = 10 } console.log(x) // ReferenceError: x is not defined x는 num() 이라는 함수 안에 선언이 되었기에 ReferenceError가 납니다. 즉, 외부에서는 접근하지 못합니다. 반면 다음을 보면 if (true) { var x = 10 } console.log(x) // 10 x는 if문 안에 선언이 되었습니다. C계열의 언어라면 블록안에 선언되어 접근하지 못했겠지만 자바스크립트..
Debug JavaScript in Chrome
크롬 브라우저의 DevTools에서 JavaScript 문제를 디버깅하기 위한 기본 WorkFlow를 설명합니다. Step 1: Reproduce the bug 버그를 일관되게 재현하는 일련의 작업을 찾는 것은 항상 디버깅의 첫 번째 단계입니다. 1. 데모페이지를 위해 아래 링크를 누르십시오. 링크가 새 탭에서 열립니다. Open Demo 2. Number 1 에 5 를 입력하세요. 3. Number 2 에 1 을 입력하세요. 4. Add Number 1 and Number 2 버튼을 클릭하세요. 결과가 6이어야 하지만 51이 나옵니다. 이것이 우리가 디버그 해야할 점입니다. Step 2: Get familiar with the Sources panel UI DevTools는 CSS 변경, 페이지 로드 ..