DBILITY

https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io v4를 쓸 거라 다음과 같이 Terminal에서 실행했다. PS C:\Dev64\workspace\project> npm install react-bootstrap@1.6.4 bootstrap@4.6.0 PS C:\Dev64\workspace\project> npm list reactshop@0.1.0 C:\Dev64\workspace\project +-- @testing-library/jest-dom@5.16.1 +-- @testing-library/react@12...

https://sass-lang.com/guide Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything set up. Preprocessing CSS on its own can be fun, but s sass-lang.com CSS Preprocessor! 말 그대로 CSS 전처리기다. 그냥 코드 한번 살펴보면 된다. 정의된 파일을 @import할 수 있고, 변수($v..

자세한 것은 공식사이트 참고하자. PS C:\Dev64\workspace> npm install -g npm-check-updates PS C:\Dev64\workspace> ncu -u #특정버전으로 PS C:\Dev64\workspace> npm install -g create-react-app@^v5.0.0

typescript가 존재하는 이유는 javascript의 dynamic typing 때문? dynamic typing은 할당된 값에 따라 알아서 척척 type casting을 해주는 것으로 생각하면 된다. 이로 인해 런타임에서야 확인 가능한 명확하지 않은 경고와 오류에 빠지게 되었다. 오류~ typescript에서 try catch block으로 처리하려는데 error catch가 되지 않음..error의 type은 뭔가? unknown이라니..일단 any로 하니 잡히기는 한다. 근데 any는 곤란하다..throw를 통해 생성된 것과 구분만 해봤다. try { .... throw new Error('알고 싶지 않아'); .... } catch (error) { console.log(error); //t..

문자그대로 실행한 결과에 따라 처리를 가능하게 한다. promise는 비동기처리 문법이 아니다. 내부에 비동기처리 코드가 있어야 비동기처리가 되는 것이다. 음..비동기처리 결과에 대한 순차처리가 필요할때 사용하면 되겠다. 대략 다음과 같다. var promise = new Promise((resolve, reject)=>{ var x = 2; if(1 resolve(x),1000); } else { reject(0); } }); promise.then((result) => { console.log(result); }).catch((error) => { console.log(error); }); // PromiseState pending, fulfilled(resolved), rejected resolve..