전체 글
-
상속, 다중상속Python 2022. 6. 10. 10:21
#상속 기본 #슈퍼클래스(부모) 및 서브클래스(자식) -> 모든 속성, 메소드 사용 가능 #라면 -> 속성(종류, 회사, 맛, 면종류, 이름) : 부모 ->여러개 자식 만듬 class Car: """Parent Class""" def __init__(self, tp, color): self.type = tp self.color = color def show(self): return 'Car class "Show method!"' 위처럼 상속이란 슈퍼클래스에서 서브클래스로 속성을 넘겨주거나 메소드를 넘겨주는 것을 말한다. 예를 들어보면, Car라는 class를 만들고 init메소드에 type과 color을 써주고, 메소드를 보여주는 show함수를 만들어보자. 그리고 class BmwCar(Car): """..
-
self,클래브변수,인스턴스변수Python 2022. 6. 9. 13:40
먼저, 클래스를 선언해보자. #클래스 선언 # class 클래스명: 클래스명은 첫글자 대문자 # 함수 class UserInfo: #객체생성 # pass#일단 에러 안나게 하는거 #속성,메소드 def __init__(self,name,height,weight,address):#클래스를 선언한 후 초기화하는 init메소드임 self.name = name self.height = height self.weight = weight self.address = address def user_info_p(self): print("info : ",self.name,self.height,self.weight,self.address) user1 = UserInfo("Kim",180,70,"인천") #인스턴스를 만듬 얘는..
-
함수 및 람다Python 2022. 6. 7. 13:46
#함수는 반복되는 프로그래밍을 피하기 위해 사용한다. #함수정의방법 #def 함수명(파라미터): # 실행코드 #함수호출 #함수명(파라미터) 함수는, 반복되는 프로그래밍을 효율적으로 쓰기 위해서 사용된다. def 함수명():을 이용해서 함수를 정의하고, 함수를 선언하고 사용할 땐, 꼭 선언 후 사용을 해야한다. def hello(world): print("Hello ", world) hello("Python!") 위처럼, hello라는 이름으로 함수를 만들고, world라는 파라미터를 넣으면 된다. def hello_return(world): val = "Hello" + str(world) return val str = hello_return("Python!!!!") print(str) 또한 이렇게 안에서..
-
shadow Dom, template로 html모듈화JavaScript ES6 2022. 6. 3. 13:54
이런 태그들이 위처럼 생긴건 shadow DOM덕분이다. 저건 실제로 div태그들을 겹쳐서 만든건데, 개발자도구에서 'show user agent shadow DOM'을 클릭하면 확인가능하다. 이 shadow DOM을 만들어보자. 기본적으론 html태그를 찾고, 거기에 attachShadow를 붙여서 shadowRoot를 열어주고, 거기에 숨길 태그를 넣어주는 것이다. 이걸 Web Components와 합치면 html모듈을 만들 수 있다. 이메일인풋이에요 여기서 만약 스타일을 넣고 싶을때, innerHTML에 태그를 넣어서 label {color:red} 하면 모든 label태그가 빨간색이 된다. 이렇게 쓰면 컴포넌트끼리 스타일도 겹치기 때문에 위험하다. 이럴때, shadow DOM을 쓰면 좋다. 위처럼..
-
Web components로 커스텀 html태그 만들기JavaScript ES6 2022. 6. 3. 10:29
반복되는 html태그가 있으면 하나의 태그로 축약하고 싶을때가 있다. 이럴땐, Web components인 js문법으로 구현할 수 있는 브라우저 기본 기능을 이용하면 된다. customElements.define('custom-input',HTML~); 이렇게, custom-input처럼 작명을 해주고 뒤에는 html태그를 넣으면 된다. html은 클래스형태로 넣어주면 된다. 위처럼 class을 만들고, connectedCallback() {}에 this를 써서 custom-input태그에 들어갈 html을 작성해준다. 여기서, this는 새로 생성될 요소를 뜻한다. 그래서 이 요소에 innerHTML을 써서 넣어주면 된다. 혹은, let 변수 = document.createElement('label')..
-
Map / Set자료형JavaScript ES6 2022. 6. 3. 10:29
먼저, Map 자료형을 알아보자. map자료형은 똑같히 Key, Value를 저장하는 자료형이다. var person = new Map(); person.set('name', 'Kim'); // key, value 위처럼 person이란 map자료형을 만들고 set 키워드를 이용해서 key와 value를 저장한다. map자료형은 { "name" => "Kim" } 이런 식으로 화살표로 저장이 된다. 화살표가 있는 이유는 map자료형이 자료간의 연관성을 표현하기 위해서 사용하기 때문이다. Object 자료형은 자료이름(key값)으로 글자만 가능한데, Map자료형은 key값으로 다 가능하다. 자료 출력은 get키워드를 이용한다. person.get('name'); 이렇게 get(key값)으로 값을 출력할 수..
-
Symbol자료형JavaScript ES6 2022. 6. 3. 10:01
심볼을 만드는 방법은 Symbol('설명') 이렇게 만든다. var 심볼 = Symbol('설명'); 심볼의 용도는 Object 자료형의 비밀스런 Key값이다. var person = { name : 'Kim' }; person.weight = 100; 이런 식으로, 오브젝트에 추가하면 사람들에게 다 보이게 된다. 그럴때, var weight = Symbol('내 시크릿 몸무게임'); var person = { name : 'Kim' }; //key값에는 문자만 가능했는데, ES6부터 symbol을 넣을 수 있다. person[weight] = 100; 이렇게 심볼을 만들고, 오브젝트명[추가할심볼키값] = 심볼의value값 이렇게 추가해주면 된다. 이렇게 만든 key와 value는 반복문에서 출력이 되지..