천천히 차근차근

클래스 외부에서 원하는 변수 확장 확장된 변수는 확장한 객체에 대해서만 적용되고 다른 객체에 대해서는 적용되지 않는다. # 클래스 만들기 # __init__ : Python에서 사용되는 생성자 # marine이나 tank 같은 객체가 만들어질 때 자동으로 호출되는 부분. # 객체 : 클래스에 의해 만들어진. # marine, tank는 Unit 클래스의 '인스턴스'라고 한다. # 멤버 변수 : 클래스 내에서 정의된 변수(self.name/self.hp/self.damage) # ------------ 클래스 생성 시작 -------------- class Unit: def __init__(self, name, hp, damage): self.name = name self.hp = hp se..

# 클래스 만들기 # __init__ : Python에서 사용되는 생성자 # marine이나 tank 같은 객체가 만들어질 때 자동으로 호출되는 부분. # 객체 : 클래스에 의해 만들어진. # marine, tank는 Unit 클래스의 '인스턴스'라고 한다. # ------------ 클래스 생성 시작 -------------- class Unit: def __init__(self, name, hp, damage): self.name = name self.hp = hp self.damage = damage print("{0} 유닛이 생성 되었습니다.".format(self.name)) print("체력 {0}, 공격력 {1}".format(self.hp, self.damage)) # ---..

App.js import React from "react"; function App() { return ( {foodLike.map((dish) => ( ))} {animalLike.map((animal) => { return ; })} ); } // 아래 코드들 // ~~~~ // ~~~~ // ~~~~ export default App; App에서는 음식과 동물 이름, 사진을 각 배열의 map 함수를 사용해서 필요한 컴포넌트에 props를 전달한다. map 함수를 사용할 때, return하는게 하나라면? {} 중괄호를 사용하지 않고 arrow function을 사용할 수 있다. HTML에서 JavaScript를 사용하려면 {}중괄호를 여닫아 사용한다. 음식, 동물 배열 const foodLike = ..

장점 배열의 index를 이용하지 않고 변수에 값을 정의할 수 있다. 코드를 줄일 수 있다. import React from 'react'; function Food(props) { console.log(props); return I like {props.fav}; } function App() { return( Hello World ); } export default App; 구조분해할당 // 구조분해할당 방법1. function Food(props){ { fav } = props; return I like {fav}; } // 구조분해할당 방법2. function Food({fav}){ return I like {fav}; } 위의 두가지 방법 중 아무거나 사용해도 된다. 연습 예제 l..

function fetchTodoItems(): { id: number; title: string; done: boolean }[] { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트', done: false }, ]; return todos; } 자바스크립트 코드를 타입스크립트로 변환하면서 위의 객체 배열 타입을 의미하는 객체의 속성을 모두 명시해주는 중복 코드가 발생하게 된다. 해결 방법 2가지 Type 별칭 부여 interface 사용 Type 별칭 부여 type Todo = { id: number; tit..

console.clear(); var person = {}; // person.name = '홍길동'; person['name'] = '홍길동'; //person.age = 30; person['age'] = 30; person['character'] = '정의로움'; console.log(person.name); console.log(person['age']); console.log(person); 객체의 변수를 선언하는 방법은 일단은 2가지... 가 있다. 2가지 모두 선언하는 방법은 다르나 결과값은 같다. 같은 의미이다. console.clear(); var person = { 'name' : '홍길동', 'age' : 33 }; person.character = '정의로움'; console.log..