일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- NextJs
- API
- Mongoose
- heroku
- nodejs
- clonecoding
- JavaScript
- express
- TypeScript
- ECMAScript
- CLONE
- Session
- ES6
- GRID
- pug
- backend
- form
- MongoDB
- Flutter
- frontend
- HTML
- DART
- CSS
- react
- graphQL
- Component
- 자바스크립트
- node.js
- 리액트
- javscript
- Today
- Total
목록class (5)
Enjoy Programming

리액트 챌린지 1일차.. 아 순간 벙쪘다... 에러투성이.. 1일부터 이렇다니;;; 내가 클래스에 대해 너무 몰랐던거 같다.. 일단 오늘 클래스에 대해 한가지 알게 된점을 서술하고 몇가지 함수만 기록한다. 우선 챌린지 진행을 하는데 주요 골자는 클래스 하나가 선언되어있고 외부에 오브젝트 두개가 있다. 그리고 인스턴스를 만들지 않고 함수를 실행해서 새로운 객체를 만들어주는 것인데.. 이제껏 인스턴스를 만들어서 함수를 실행하는 것만 해보다 보니 벙쪘다. 한 두시간 헤맨거 같다.. 근데 slack의 친절한 도움으로 해결할 수 있었다.. mdn을 잘 살펴보자 ㅠㅠ mdn이 최고다.. 독해력이 좀 부족할뿐.. 바로 이부분이다... 기존 작성된 코드를 건들지 않고 해야 하다보니 필수로 이용했어야 할 정적메서드 이다..

기본적으로 클래스는 blueprint이다. 클래스는 화려한 object라고 한다. 먼저 클래스를 만들면서 이해해 보자. 클래스는 생성자(constructor)를 가지고 있다. User 라는 클래스를 만들고 constructor를 만들어 준다. this에 관한것은 차후 다루기로 하고 일단 class는 this도 가지고 있다. this.username 은 lee라고 명명해주고 console.log해주면 undefiend로 뜬다. 이제 할 일은 leeUser라는 User클래스의 instance를 생성해주겠다. 이렇게 instance를 생성해주고 나니 username에 대한 정보가 보인다. 그럼 instance는 무엇일까... 영어 사전을 보면 instance: 경우, 사례라고 뜬다. 직역해서 생각해보면 Use..