ZeroWiki - User contributions [en]

야 너두 리액트 할 수 있어

2021-11-28T12:17:45Z

182.221.197.211:

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

== 참여 인원(최대 6명으로 제한할 예정입니다) ==
* [[김동욱]]
* [[장동훈]]
* [[주영석]]
* 이상묵
* [[...]]
== 일정 ==
매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행
공부하다 궁금한 내용은 Anytime
시험기간 2주전부터 시험기간동안 멈춥니다
== 진행사항 ==
=== 1주차(11월 3주차에 진행예정) ===
# React 소개
{| class="wikitable"
|-
| 참여자
| 과제 여부
|-
| 김동욱
| 튜터
|}

=== 2주차(11월 4주차에 진행) ===
* 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
* git fetch upstream : 변경 사항만 생성
* git pull upstream : 원격에 저장

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

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

+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅
* MSlider
* MNavigation
* Mixin
* media query - 모바일 용 고려
* img 태그 사용 - svg 파일 불러오기
* 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성

-----------------------------------------
Keywords
* prop-types
* mixin

과제
* Popper 아래 랜더링 컴포넌트 만들기
* position absolute & relative
== 참고자료 ==
[https://opentutorials.org/course/3084 생활코딩 html&css&js]
[https://dev-yakuza.posstree.com/ko/react/create-react-app/react/ 리액트란?]
[https://ko.reactjs.org/tutorial/tutorial.html 리액트 프로젝트 시작하는 방법]
[https://quaint-finch-b9b.notion.site/Linting-25c0e7431cd14333b60a0536705e1c9d 유용한 글 모음집(React, NextJS, NodeJS 등등)]

야 너두 리액트 할 수 있어

2021-11-28T12:16:27Z

182.221.197.211:

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

== 참여 인원(최대 6명으로 제한할 예정입니다) ==
* [[김동욱]]
* [[장동훈]]
* [[주영석]]
* 이상묵
* [[...]]
== 일정 ==
매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행
공부하다 궁금한 내용은 Anytime
시험기간 2주전부터 시험기간동안 멈춥니다
== 진행사항 ==
=== 1주차(11월 3주차에 진행예정) ===
# React 소개
{| class="wikitable"
|-
| 참여자
| 과제 여부
|-
| 김동욱
| 튜터
|}

=== 2주차(11월 4주차에 진행) ===
* 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
* git fetch upstream : 변경 사항만 생성
* git pull upstream : 원격에 저장

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

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

+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅
* MSlider
* MNavigation
* Mixin
* media query - 모바일 용 고려
* img 태그 사용 - svg 파일 불러오기
* 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성

-----------------------------------------
Keywords
* prop-types
* mixin

과제
* Popper 아래 랜더링 컴포넌트 만들기
* position relative
== 참고자료 ==
[https://opentutorials.org/course/3084 생활코딩 html&css&js]
[https://dev-yakuza.posstree.com/ko/react/create-react-app/react/ 리액트란?]
[https://ko.reactjs.org/tutorial/tutorial.html 리액트 프로젝트 시작하는 방법]
[https://quaint-finch-b9b.notion.site/Linting-25c0e7431cd14333b60a0536705e1c9d 유용한 글 모음집(React, NextJS, NodeJS 등등)]

야 너두 리액트 할 수 있어

2021-11-28T12:09:49Z

182.221.197.211:

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

== 참여 인원(최대 6명으로 제한할 예정입니다) ==
* [[김동욱]]
* [[장동훈]]
* [[주영석]]
* 이상묵
* [[...]]
== 일정 ==
매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행
공부하다 궁금한 내용은 Anytime
시험기간 2주전부터 시험기간동안 멈춥니다
== 진행사항 ==
=== 1주차(11월 3주차에 진행예정) ===
# React 소개
{| class="wikitable"
|-
| 참여자
| 과제 여부
|-
| 김동욱
| 튜터
|}

=== 2주차(11월 4주차에 진행) ===
* 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
* git fetch upstream : 변경 사항만 생성
* git pull upstream : 원격에 저장

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

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

+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅
* MSlider
* MNavigation
* Mixin
* media query - 모바일 용 고려
* img 태그 사용 - svg 파일 불러오기
* 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성

-----------------------------------------
Keywords
* prop-types
* mixin
== 참고자료 ==
[https://opentutorials.org/course/3084 생활코딩 html&css&js]
[https://dev-yakuza.posstree.com/ko/react/create-react-app/react/ 리액트란?]
[https://ko.reactjs.org/tutorial/tutorial.html 리액트 프로젝트 시작하는 방법]
[https://quaint-finch-b9b.notion.site/Linting-25c0e7431cd14333b60a0536705e1c9d 유용한 글 모음집(React, NextJS, NodeJS 등등)]

야 너두 리액트 할 수 있어

2021-11-28T12:07:26Z

182.221.197.211:

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

== 참여 인원(최대 6명으로 제한할 예정입니다) ==
* [[김동욱]]
* [[장동훈]]
* [[주영석]]
* 이상묵
* [[...]]
== 일정 ==
매주 화요일 or 목요일(추후 참여인원간 상의) 저녁시간 진행
공부하다 궁금한 내용은 Anytime
시험기간 2주전부터 시험기간동안 멈춥니다
== 진행사항 ==
=== 1주차(11월 3주차에 진행예정) ===
# React 소개
{| class="wikitable"
|-
| 참여자
| 과제 여부
|-
| 김동욱
| 튜터
|}

=== 2주차(11월 3주차에 진행예정) ===
* 원격 레포 fork 사용해서 git remote 로 변경 사항 확인
* git fetch upstream : 변경 사항만 생성
* git pull upstream : 원격에 저장

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

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

+ 네이게이션 바 만들기 & 모바일 적용 & 라우팅
* MSlider
* MNavigation
* Mixin
* media query - 모바일 용 고려
* img 태그 사용 - svg 파일 불러오기
* 기본 라우팅 + 내부 라우팅 - Navlink, onclick 메서드 작성

-----------------------------------------
Keywords
* prop-types
* mixin
== 참고자료 ==
[https://opentutorials.org/course/3084 생활코딩 html&css&js]
[https://dev-yakuza.posstree.com/ko/react/create-react-app/react/ 리액트란?]
[https://ko.reactjs.org/tutorial/tutorial.html 리액트 프로젝트 시작하는 방법]
[https://quaint-finch-b9b.notion.site/Linting-25c0e7431cd14333b60a0536705e1c9d 유용한 글 모음집(React, NextJS, NodeJS 등등)]