전체 글 (18) 썸네일형 리스트형 ES6 / 클래스 / 2편 / 클래스 body와 Static(정적) method 클래스의 본문 (body)는 strict mode에서 실행됨. 여기서 클래스의 본문(body)는 {} 중괄호안에 있는 애들을 말함. 모질라 번역글에서는 strict mode는 엄격모드..라는데 뭐.... 생소하긴하다. 아무튼, 클래스 바디내에서는 평소라면 문제없이 돌아갔을 문법적 오류들이 허용되지 않는다~ 이말임. 대음. 💻 Constructor(생성자) method 얘는 간단하게 생각해서 클래스로 생성된 객체를 초기화 하는거임. 클래스안에 한개만 존재할 수 있고, 부모 클래스의 constructor를 호출하기위해 super 키워드 사용함. 💻 Static(정적)method와 property static 키워드는 클래스를위한 정적메서드를 정의함. 정적메서드는 클래스의 인스턴스화 없이 호출되고, 클래스의 .. ES6 / 클래스 / 1편 / 클래스 선언과 표현식 ES6부터는 클래스 정의해서 사용가능해짐. 기존에는 함수를 생성자 형태로 선언한 다음 상속이 필요한 변수나 함수를 prototype 객체에 할당하는 방법을 사용함. ES6에서는 class 키워드로 클래스를 정의하므로 코드가 훨씬 간결해짐. 현재로서는 함수형 컴포넌트가 대세라는데 클래스형도 배워놔야한대서 정리해볼까함. 클래스 선언은 아래와같이 하면됨. - 작명해주고 - 클래스키워드 써줘야함 (constructor) class Rectangle { constructor(height, width) { this.height = height; this.width = width; } } 클래스선언과 함수선언의 차이점은 함수선언은 호이스팅이 일어나지만 클래스선언은 그렇지 않다는 점이다. // 호이스팅에 관해서는 다음.. JS ES6 / Template_literals / 템플릿 리터럴 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴임. 일반적인 표현식은 아래와 같이 나타낼 수 있지만. var a = 5; var b = 10; console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + "."); // "Fifteen is 15 and // not 20." 템플릿 리터럴을 사용하면 아래와 같이 간단하게 나타낼 수 있음. var a = 5; var b = 10; console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`); // "Fifteen is 15 and // not 20." 백틱으로 단일 문자열로 변환할 요소들을 묶고 ${} 안에 변수같은거 넣어서 이쁘게 합칠 수 있음. 학부 생활에 치여 개발공부에 손을 놓은지 2개월.. 각성할 때가 되었다. Add or Install Bootstrap Yarn 설치 yarn add react-bootstrap bootstrap Npm 설치 npm install react-bootstrap bootstrap React map function은 Array type 만 사용가능! map 함수 쓰기전에 사용될 data type 확인 먼저 합시다! array type으로 바꿔줍시다! 웹사이트 따라만들기_우리은행_Nevigator편 유튜브를 보는건지 포토샵을 하는건지 코드를 치는건지 모르겠다. 열스미 배우자. 아ㅏ자아자 🤣 default.css 파일은 유투버 리베하얀님의 깃헙에서 가져왔습니다. 문제시 삭제하겠습니다. 웹사이트 따라만들기_우리은행_Header편 헤더만 만드는데 이렇게 오래걸리는줄 몰랐다. Html 코딩시간보다는 CSS 코딩시간이 훨씬 길구나싶다. 다음엔 바디만들어볼거다. 이전 1 2 3 다음
