ES6 class

ES6 클래스 문법은 좀 더 JAVA 스럽게 객체 지향적으로 표현하기 위해 추가된 새로운 문법이다. ES5 까지 JavaScript에는 클래스가 없었다. 그래서 프로토타입 체이닝을 통해 클래스 비스무리하게 구현 해왔었는데 ES6 버전에 들어서면서 클래스와 비슷한 구조 문법을 추가하였다. 다만 생김새만 클래스 구조이지, 엔진 내부적으로는 프로토타입 방식으로 작동된다. ES5 프로토타입 문법 VS ES6 클래스 문법 이 둘은 같은 결과를 출력하지만, 문법 생김새만 다르고 내부 로직은 완전히 같은 구조다. ES5 프로토타입 문법 // 생성자 함수 function Person({name, age}){ this.name = name; this.age = age; } Person.prototype.introduce..

2023.12.22

public, src 이미지 사용 시 경로, 사용법

React 에서 이미지 파일 사용하기 JSX에서 src폴더 내의 이미지를 사용하려면 상단에서 미리 import 해야 한다. public 폴더 내의 자료들은 절대경로로 자유롭게 사용할 수 있다. CSS 내에서 사용할때는 기존처럼 JSX 안에서 src 폴더의 이미지 사용 미리 import 해야 한다 import bg from './bg.png' function App () { return ( ) } JSX 안에서 public 폴더의 이미지 사용 절대 경로로 사용한다. 권장방법 하지만 아래와 같은 방식이 권장된다. 왜냐하면 배포 시 root가 아닌 특정 폴더 내에 배포할 경우 경로에 문제가 발생할 수 있다.

2022.11.11