Skip to content

Commit

Permalink
2024-04-16
Browse files Browse the repository at this point in the history
  • Loading branch information
ioabcoi committed Apr 16, 2024
1 parent abc9601 commit 775c34e
Show file tree
Hide file tree
Showing 3 changed files with 154 additions and 8 deletions.
16 changes: 8 additions & 8 deletions javascriptForBeginners/meme-maker/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,15 @@

<!-- #2.4 Paint Color part Two -->
<div class="color-option" style="background-color:#000000;" data-color="#000000"></div>
<div class="color-option" style="background-color:#444444;" data-color="#444444"></div>
<div class="color-option" style="background-color:#999999;" data-color="#999999"></div>
<div class="color-option" style="background-color:#ffffff;" data-color="#ffffff"></div>
<div class="color-option" style="background-color:#6a89cc;" data-color="#6a89cc"></div>
<div class="color-option" style="background-color:#82ccdd;" data-color="#82ccdd"></div>
<div class="color-option" style="background-color:#b8e994;" data-color="#b8e994"></div>
<div class="color-option" style="background-color:#f6b93b;" data-color="#f6b93b"></div>
<div class="color-option" style="background-color:#e55039;" data-color="#e55039"></div>
<div class="color-option" style="background-color:#4a69bd;" data-color="#4a69bd"></div>
<div class="color-option" style="background-color:#60a3bc;" data-color="#60a3bc"></div>
<div class="color-option" style="background-color:#78e08f;" data-color="#78e08f"></div>
<div class="color-option" style="background-color:#ff0000;" data-color="#ff0000"></div>
<div class="color-option" style="background-color:#ff00ff;" data-color="#ff00ff"></div>
<div class="color-option" style="background-color:#ffff00;" data-color="#ffff00"></div>
<div class="color-option" style="background-color:#00ff00;" data-color="#00ff00"></div>
<div class="color-option" style="background-color:#00ffff;" data-color="#00ffff"></div>
<div class="color-option" style="background-color:#0000ff;" data-color="#0000ff"></div>
</div>

<canvas></canvas>
Expand Down
68 changes: 68 additions & 0 deletions reactForBeginners/movie-app/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
# reactForBeginners : movie-app

> Link : [GU|reactForBeginners:movie-app](https://ioabcoi.github.io/fedev/reactForBeginners/movie-app/index.html "GU")
---------------------------

# 강의
[nomadcoders](https://nomadcoders.co/react-for-beginners "nomadcoders")

## 배우는 이론
- JSX
- State
- Props
- Class Components
- Data Fetching
- Routing

## 다음과 같은 패키지를 사용합니다.
```js
{
"이름":"ReactJS로 영화 웹 서비스 만들기",
"섹션":"무엇을 사용하나요??",
"패키지": [
"React"
"Axios"
"React Router"
"Github Pages"
]
}
```

- React
- CSS
- NodeJS

## 결과적으로, 이 수업 이후 ...
- 기초적인 수준이지만 리액트 기본기에 대하여 이해하게된다.
- 리액트를 활용해서 간단한 영화 웹 서비스를 만들수 있다.
- 리액트를 다룰 줄 아는, 업그레이드된 프론트엔드 개발자가 된다.

## 이 강의는 책으로 출판 되었습니다 ❤
- 엄청난 인기에 힘입어. 해당 강의는 책으로 출판되었어요!
- Do it! 클론 코딩 영화 평점 웹서비스 (2020년 5월)
- Yes24, 교보문고 등 전국 서점에서 만나보실 수 있어요!

## NEW UPDATE 2021
- 왕초보를 위한 리액트 JS 무료강의
- 2021년 11월. 최신 버전으로 업데이트 완료 (영상. 한글번역 모두 100%)
- 총 강의수: 42개 (6.12시간)
- 리액트의 기본기를 배우고. 영화 웹서비스를 만듭니다.
- 책으로 만들어진 그 전설의 강의! 3번째 최신 업데이트 입니다!
- 수업 후, 본격적으로 리액트를 배우고 싶다면? React JS 마스터클래스를 수강하시면 됩니다 :)

---------------------------
2024-00-00

##

---------------------------
2024-00-00

[title](url "link")

##

---------------------------
---------------------------
---------------------------
78 changes: 78 additions & 0 deletions reactForBeginners/twitter-clone/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
# reactForBeginners : twitter-clone

> Link : [GU|reactForBeginners:twitter-clone](https://ioabcoi.github.io/fedev/reactForBeginners/twitter-clone/index.html "GU")
---------------------------

# 강의
[nomadcoders](https://nomadcoders.co/nwitter "nomadcoders")

## 배우는 이론
- Firebase
- Cloud Firestore
- NoSQL Realtime, Query, Filter
- Firebase Authentication
- Google Cloud Storage

## 구현하는 기능
- Email, Google, Github, Social Authentication
- Tweet CRUD
- Protected Pages
- Profile Page
- File Upload
- Deploy
- API Key Security

## 다음과 같은 패키지를 사용합니다.
```js
{
"이름":"트위터 클론코딩",
"섹션":"무엇을 사용하나요??",
"패키지": [
"React"
"React Hooks"
"React Router"
"Firebase"
"Create React App"
"Github Pages"
]
}
```

- JavaScript
- ReactJS
- Firebase

## 결과적으로, 이 수업 이후 ...
- 아이디어 프로토타입을 엄청나게 빠르게 구현할 수 있다.
- 백엔드 코딩 없이! 인증 및 리얼타임 DB를 구현할 수 있다.
- 로그인. 트윗 작성. 수정. 삭제 등 기본적인 트위터 클론코딩을 완성한다!

## 트위터 클론코딩 2023
- 현재 2023년 업데이트가 한글번역까지 100% 진행완료 되었습니다!
- 🏆 해당 2023년 업데이트는 이때까지 구매하신 모든 수강생들에게 무료로 혜택이 지급됩니다.🏆
- 평생 수강 + 무료 최신버전 업데이트 까지!!
- 무한 수강생 사랑. 노마진코더를 많이 응원해주세요 🩷 :)
- 저희가 계속 양질의 좋은 강의 제작을 할 수 있도록. 지인 추천. 유튜브 구독 등으로 응원해주세요! 고맙습니다.
- LAST UPDATED (2023.09)

## 이 강의는 책으로 출판 되었습니다 ❤
- 엄청난 인기에 힘입어. 해당 강의는 책으로 출판되었어요!
- Do it! 클론 코딩 트위터 (2021년 8월)
- Yes24, 교보문고 등 전국 서점에서 만나보실 수 있어요!

---------------------------
2024-00-00

##

---------------------------
2024-00-00

[title](url "link")

##

---------------------------
---------------------------
---------------------------

0 comments on commit 775c34e

Please sign in to comment.