Revision as of 15:03, 23 December 2021

야 너두 리액트 할 수 있어

모든 프론트앤드 프레임워크에 영향을 준 React.js를 배워봅시다.
스터디 형식은 실습 + QnA 형식으로 진행됩니다.
스터디 초반에는 React.js를 배우고
스터디 중반부터는 React.js + SSR을 지원하는 Next.js로 넘어갈 예정입니다.(거의 비슷합니다 😃)

참여 인원(최대 6명으로 제한할 예정입니다)

김동욱
장동훈
주영석
--이상묵--

일정

매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행 공부하다 궁금한 내용은 Anytime 시험기간 2주전부터 시험기간동안 멈춥니다

진행사항

1주차(11월 3주차)

React 소개

참여자	과제 여부
김동욱	튜터

2주차(11월 4주차)

원격 레포 fork 사용해서 git remote 로 변경 사항 확인
git fetch upstream : 변경 사항만 생성
git pull upstream : 원격에 저장

+ 새 Commit 변경점 설명

Scss 적용
해더 꾸미기
배경 화면 추가
네이게이션 바 flex로 구성
prop-types 로 default 값들 지정
className 속성 설명
아이콘 사용 설명

+ 자주 사용하는 컴포넌트를 인터페이스 처럼 만들어두기

+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅

MobileSlider
MobileNavigation
Sass Mixin
media query - 모바일 용 고려
img 태그 사용 - svg 파일 불러오기
기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성

- Keywords
prop-types
mixin

- 과제
Popper 아래 랜더링 컴포넌트 만들기
position absolute & relative

참고자료

생활코딩 html&css&js 리액트란? 리액트 프로젝트 시작하는 방법 유용한 글 모음집(React, NextJS, NodeJS 등등)

@@ Line 10: / Line 10: @@
 * [[장동훈]]
 * [[주영석]]
-* 이상묵
+* --이상묵--
-* [[...]]
 == 일정 ==
 매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행
@@ Line 17: / Line 16: @@
 시험기간 2주전부터 시험기간동안 멈춥니다
 == 진행사항 ==
-=== 1주차(11월 3주차에 진행예정) ===
+=== 1주차(11월 3주차) ===
 # React 소개
 {| class="wikitable"
@@ Line 28: / Line 27: @@
 |}
-=== 2주차(11월 4주차에 진행) ===
+=== 2주차(11월 4주차) ===
 * 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
 * git fetch upstream : 변경 사항만 생성
@@ Line 45: / Line 44: @@
 + 네이게이션 바 만들기 & 모바일 적용 & 라우팅
-* MSlider
+* MobileSlider
-* MNavigation
+* MobileNavigation
-* Mixin
+* Sass Mixin
 * media query - 모바일 용 고려
 * img 태그 사용 - svg 파일 불러오기
@@ Line 53: / Line 52: @@
 -----------------------------------------
-Keywords
+** Keywords
 * prop-types
 * mixin
-과제
+** 과제
 * Popper 아래 랜더링 컴포넌트 만들기
 * position absolute & relative
 == 참고자료 ==
 [https://opentutorials.org/course/3084 생활코딩 html&css&js]