코딩30 [Java] 객체지향언어 / 클래스, 객체, 인스턴스, 참조변수, 메서드 객체지향언어란 1. 코드의 재사용성이 높다. (새로운 코드를 작성할 때 기존의 코드를 이용하여 쉽게 작성할 수 있다.) 2. 코드의 관리가 용이하다. (코드간의 관계를 이용해서 적은 노력으로 쉽게 코드를 변경할 수 있다.) 3. 신뢰성이 높은 프로그래밍을 가능하게 한다. (제어자와 메서드를 이용해서 데이터를 보호하고 올바른 값을 유지하도록 하며, 코드의 중복을 제거하여 코드의 불일치로 인한 오동작을 방지할 수 있다.) 클래스와 객체 1. 클래스란 - '객체를 정의해놓은 것' , '객체의 설계도 또는 틀' => 클래스는 객체를 생성하는데 사용되며, 객체는 클래스에 정의된 대로 생성된다. ex) 제품 설계도와 제품의 관계 클래스 객체 제품 설계도 제품 TV 설계도 TV 붕어빵 기계 붕어빵 - 클래스를 정의하.. 2023. 6. 11. [React] Router 를 이용한 페이지 이동 npx create-react-app react-router0611 터미널 열어서 다운로드 해주기 npm install react-router-dom 다운로드 완료되면 package.json 에서 확인해야됨. App.js 클래스형 컴포넌트로 변경 import { Component } from 'react'; import './App.css'; class App extends Component{ constructor(props){ super(props) this.state ={ } } render(){ return( ) } } export default App; 2. 라우터 돔 임포트하고 주소 지정해주기 Home = / Profile = /profile import { Component } from 're.. 2023. 6. 11. [React] map 메서드 map메서드를 이용한 컴포넌트 반복생성 map 메서드를 사용하기 전에는 화면에 띄울 데이터를 다 적어야 했음. render(){ return( ) } map() 메서드를 이용하면 하나의 코드로 몇번이고 화면에 자동으로 출력할 수 있음 . render(){ const result = this.state.personList.map( (data) => () ) return( {result} ) } 화면 출력해보면 위와 같은 결과를 볼 수 있음. **personList JSON배열 class App extends Component{ constructor(props){ super(props) this.state={ personList:[ //길이가 3인 JSON배열 {profile:lee, name:'이민호',a.. 2023. 5. 21. 이전 1 2 3 4 다음 728x90
