1. 야 너두 리액트 할 수 있어 ¶
모든 프론트앤드 프레임워크에 영향을 준 React.js를 배워봅시다.
스터디 형식은 실습 + QnA 형식으로 진행됩니다.
스터디 초반에는 React.js를 배우고
스터디 중반부터는 React.js + SSR을 지원하는 Next.js로 넘어갈 예정입니다.(거의 비슷합니다 😃)
스터디 형식은 실습 + QnA 형식으로 진행됩니다.
스터디 초반에는 React.js를 배우고
스터디 중반부터는 React.js + SSR을 지원하는 Next.js로 넘어갈 예정입니다.(거의 비슷합니다 😃)
1.3.2. 2주차(11월 4주차에 진행) ¶
* 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
- git fetch upstream : 변경 사항만 생성
- git pull upstream : 원격에 저장
- git fetch upstream : 변경 사항만 생성
- git pull upstream : 원격에 저장
+ 새 Commit 변경점 설명
- Scss 적용
- 해더 꾸미기
- 배경 화면 추가
- 네이게이션 바 flex로 구성
- prop-types 로 default 값들 지정
- className 속성 설명
- 아이콘 사용 설명
- Scss 적용
- 해더 꾸미기
- 배경 화면 추가
- 네이게이션 바 flex로 구성
- prop-types 로 default 값들 지정
- className 속성 설명
- 아이콘 사용 설명
+ 자주 사용하는 컴포넌트를 인터페이스 처럼 만들어두기
+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅
- MSlider
- MNavigation
- Mixin
- media query - 모바일 용 고려
- img 태그 사용 - svg 파일 불러오기
- 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성
- MSlider
- MNavigation
- Mixin
- media query - 모바일 용 고려
- img 태그 사용 - svg 파일 불러오기
- 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성
Keywords
- prop-types
- mixin
- prop-types
- mixin
과제
- Popper 아래 랜더링 컴포넌트 만들기
- position relative
- Popper 아래 랜더링 컴포넌트 만들기
- position relative
