![]()
React Bootstrap 설치 React Bootstrap을 사용하기 위해 우선 설치를 하자. Bootstrap까지 같이 설치해주어야 한다. Bootstrap은 무료 프론트엔트 프레임워크로 Responsive Web Design을 쉽게 할 수 있게 해준다. Responsive Web Design은 웹사이트가 디바이스의 크기에 맞게 보이도록 자동으로 조절해주는 것이다. React Bootstrap은 Bootstrap을 리액트에 맞게 변형시켜준 라이브러리다. npm i react-bootstrap bootstrap 설치하고 나면 React Bootstrap 홈페이지에서 필요한 컴포넌트들을 찾아서 편리하게 갖다 쓰면 된다. 나는 index.js에 아래의 코드를 넣어줘야 제대로 부트스트랩이 적용되었다. im..
1. 리액트 프로젝트 생성 추후에 PWA로 앱처럼 만들 것이기 때문에 처음에 프로젝트 생성 시 다음과 같은 명령어로 프로젝트를 생성한다. ※ 여기서 PWA란? npx create-react-app 프로젝트명 --template cra-template-pwa 빌드 시에 service-worker.js 파일을 생성하기 위해서는 index.js 파일의 설정을 다음과 같이 변경 필요. //serviceWorkerRegistration.unregister(); serviceWorkerRegistration.register();
선언 var : 중복 선언이 가능 var a = 10 var a = 20 이래도 에러 안 남. 마지막에 할당한 값이 변수에 저장됨 단, 초기화 없이 선언만 한 경우에는 선언문 자체가 무시됨(에러는 발생 X) const, let : 중복 선언 불가 이미 선언한 변수를 또 선언할 경우, 에러가 발생 var에 비해 코드의 안정성 높여줌 재할당 가능 여부 var, let : 값의 재할당 가능 const : 불가능 스코프 var : 함수 레벨 스코프(function-level scope) 함수 내부에 선언된 변수만 지역변수. 나머지는 모두 전역변수 let, const : 블록 레벨 스코프(block-level scope) 함수 내부는 물론, if문이나 for문 등의 코드블럭{ … }에서 선언된 변수도 지역변수 결..
