![]()
반응형 웹페이지 구조 기존의 방식으로 수평중앙 수직중앙 정렬하기 flex 라는것 Flex는 레이아웃 배치 전용 기능으로 고안되었습니다. 1. flex 사용할때 부모에게만 flex 줬을때 이전에는 많은 코드를 작성해서 css를 설정했지만 flex만 있으면 간편하게 배치가 가능하다!!!! 부모요소 속성 1. justify-content : 수평 배치 적용 flex에 height 200 px주고 자식에 height 값안주면 가득 차게된다!! 여기서 포인트는 yellowgreen의 부모는 body 이므로 바디에 속성값을 줬다 그리고 royalblue 의 부모는 yellowgr flexbox - 부모 요소 속성 flex-wrap : nowrap | warp | wrap-reverse 부모요소의 너비 값 안에서 줄..
회사에서 오라클 필요해서 공부하기 select insert delete join 위주로 문법 공부하기 1. select 구축이 완료된 테이블에서 데이터를 추출하는 기능을 말한다. SELECT 열이름 FROM 테이블 이름 WHERE 조건식; AUTO-INCREMNET 자동으로 숫자를 입력해준다는 의미이다. CREAT TABLE buy ( num INT AUTO_INCREMENT NOT NULL PRIMARY KEY, mem_id. CAR(8) NOT NULL, .... ) 이렇게 하는데 회사에서는 왜 1drm 이렇게 순번이 출력이 된거지 ..? 무튼 월요일에 가서 알아보기 논리 연산자 사용하기 SELECT mem_name, height, mem_number FROM member WHERE height >=..
![]()
1. 불리언 함수들 문자열 안에 false , object 전부 true 이다!! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean Boolean - JavaScript | MDN The Boolean object represents a truth value: true or false. developer.mozilla.org
![]()
class Animal { constructor(color) { this.color = color; } eat() { console.log('먹자!'); } sleep() { console.log('잔다'); } } class Tiger extends Animal {} const tiger = new Tiger('노랑이'); console.log(tiger); tiger.sleep(); class Dog extends Animal { // 함수를 추가한다. constructor(color, ownerName) { // super Animal 을 말한다. super(color); this.ownerName = ownerName; } play() { console.log('놀자아~'); } // 오버라이딩 ..
![]()
class Student { constructor(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } get fullName() { return `${this.lastName} ${this.firstName}`; } set fullName(value){ console.log(value); } } const student = new Student('수지', '김'); console.log(student.fullName); student.fullName = '김철수';
클래스 클래스가 붕어빵 만드는 기계 객체 만든 붕어빵 ----> 프로토타입 (객체지향 프로그래밍) es6 최근 자바스크립트 부터 객체지향 프로그램 할수있다. 클래스를 기반으로 클래스란 객체를 생성할 수 있는 템플릿 객체지향 프로그래밍 절차적으로 가 아니라 연관된 있는 애들끼리 객체로 구상해서 객체끼리 서로 호환이 가능하도록 한다. 자바스크립트는 생성자 함수, 클래스 둘다 사용되지만 요즘은 클래스를 사용한다 ! 클래스 객체를 만들수있다 이렇게 만들어진 객체를 클래스의 인스턴스라고 한다. // 객체를 손쉽게 만들수 있는 템플릿 // 1. 생성자 함수 (오래된 고전적인 방법 ) //2. 클래스를 이용한다. // 클래스 class Fruit { // 생성자 : new 키워드로 객체를 생성할때 호출되는 함수 co..
