1주차 (2) 썸네일형 리스트형 [week 1]- function Component ? class Component? 안녕하세요! YB 이윤지라고 합니다.리액트 첫 스터디인 만큼 무엇에 관한 주제로 아티클과 발표를 다뤄볼까 고민도 많이 했는데요!역시 리액트하면 떠오르는 건 컴포넌트 재사용성! 이 가장 많이들 떠오르실 거라고 생각합니다. ㅎㅎ아닌...아닌가? 그렇다고 해주세요. React Component 는 개념적으로는 JS 함수랑 비슷합니다.함수가 입력을 받아 출력을 return 하는 것처럼 React Component도 입력을 받아서 정해진 출력을 리턴하기 때문이죠.하지만 일반적인 JS 함수와는 조금 다른데요, JS의 입력과 출력이 말 그대로 '입력' 과 '출력' 이라면React Component 에서의 입력은 React Element 가 됩니다.바로 이렇게! React Component 는 말 그대로,만들고자 .. CSS Flexbox 공부하자고? 너 누군데. 처음 웹 공부를 시작하면 가장 먼저 배우는 HTML과 CSS!그 중에서 프로젝트를 해도 헷갈리는 Flexbox 개념을 정리하려고 한다 💥 CSS Flexbox는 웹 페이지의 레이아웃을 쉽게 만들고 관리할 수 있도록 도와주는 1차원 레이아웃 모델이다.Flexbox를 사용하면 컨테이너 내에서 아이템의 배치, 정렬, 크기 조정을 간편하게 할 수 있다. Flex 속성을 적용하기 위해서는 부모와 자식의 관계가 존재해야 한다.Flex container → 부모flex-direction : 요소 배치 방향 선택 (row (default) / column / row-reverse / column-reverse)flex-wrap : 컨테이너 너비보다 아이템 너비가 클 때 줄바꿈을 결정하는 속성 (nowrap (줄바꿈.. 이전 1 다음
