심화 주특기 1강!
- 자바스크립트 문법을 정리한다.
- 객체 생성자에 대해 알아본다.
- 함수의 개념에 대해 알아본다.
- 메인 페이지를 만들어본다.
- 기획서를 보고 컴포넌트를 쪼개본다.
image-community 앱의 컴포넌트 구조는 다음과 같다
1. App
2. Login, Signup, PostList
3. Header, Post
4. Button, Grid, Image, Input, Text
최하위 컴포넌트는 태그개념까지 잘게 쪼개서 다양한 모양으로 변신할 수 있도록 props 종류들을 만들어두고 page 단위 컴포넌트에서 그때그때 쓰임에 맞게 필요한 props만 넘겨주면서 이용한다.
비슷한 모양의 요소들에 대해 여러가지 다른 데이터를 담기 위해 컴포넌트를 사용하는것이므로 특정 컴포넌트에서 사용할 데이터는 상위 컴포넌트에서 데이터를 props로 보내주는 것이 컴포넌트 구조의 원리이다.
이전에 내가 만들었던 컴포넌트 구조는 완전 틀렸다....
빠굥