Joonpyo-Hong

이전 글 - 리액트 프로젝트 생성과 실행 [React] React 프로젝트 생성과 실행 리액트 프로젝트 생성을 위한 프로그램 설치 1. Node.js 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Npm / Yarn Yarn Fast, reliable, and s.. joonpyo-hong.tistory.com 리액트에 부트스트랩 설치 방법은 아래의 3개의 방법 중에서 1개를 선택해서 사용하면 된다. 1. CDN 설치 // v5.1.0 사용(작성일 기준 최신 버전) index.html의 태그 안에 cdn을 추가해준다. cdn이 변경될 수 있으니 bootstrapcdn에서..

1. var (재선언 O, 재할당 O) var temp = "hello"; console.log(temp); // hello var temp = "bye"; console.log(temp); // bye var을 사용해서 같은 이름의 변수를 선언해서 각각 출력했을 때, 에러 없이 각각 다른 값이 출력되는 것을 확인 할 수 있다. 에러 없이 변수의 중복 선언과 값을 재할당해서 사용할 수 있지만, 코드량이 많거나 프로젝트에서 기존에 선언한 변수의 존재를 잊고 값을 재할당하는 등의 문제가 발생할 수 있다. 2. let (재선언 X, 재할당 O) let temp = "hello"; console.log(temp); // hello temp = "hi"; console.log(temp); // hi let tem..

equals (데이터 값 비교) == (주소값 비교) 차이 equals 는 데이터 값을 비교하는 메소드 이며, == 은 주소값을 비교해주는 비교 연산자 이다. public class Test{ public static void main(String[] args){ Stirng A = "Java"; // 리터럴(literal) 주소값 : 1000 (예시 - 실제주소는 다름) Stirng B = "Java"; // 리터럴(literal)주소값 : 1000 Stirng C = new Stirng("Java"); // new 연산자주소값 : 2000 Stirng D = new Stirng("Java"); // new 연산자주소값 : 3000 } } 리터럴(literal)을 사용해서 String을 생성하면 Str..

CSS에서 투명도를 설정하는 방법은 두가지가 있다. 1. opacity 속성 div{ background-color : rgb(255,255,255); opacity : 0.5; } 2. rgba 속성 div{ background-color : rgb(255,255,255,0.5); } div 태그의 투명도를 0.5로 설정하였다. 0 ~ 1의 값으로 설정할 수 있다. 0에 가까울수록 투명해진다. opacity는 div 태그와 하위 요소까지 적용되고, rgba는 div 태그에만 적용된다.