![Thumbnail](https://cdn.inflearn.com/public/courses/329883/cover/1f676283-3430-42b7-a11a-7171f3e40c7f/329883-original.png?w=736)
초급자를 위해 준비한
[웹 개발] 강의입니다.
이런 걸
배워요!
리액트
css
js
web3
NFT 웹 사이트를 만들면서
리액트 활용까지 뽀개보세요! 🔥
NFT, 블록체인, Web3..
트렌디한 건 다 모였다! 😯
본 강의는 리액트를 통해 NFT 컬렉션 반응형 웹사이트를 따라 만들면서 리액트를 활용해보는 강의입니다. 리액트로 반응형 웹사이트 만들어 보고 프로젝트 및 포트폴리오를 만들어 보세요.
강의에서 프로젝트를 직접 따라 하면서 나만의 반응형 웹페이지를 리액트로 구성하는 방법을 이해하고 블록체인 NFT 랜딩 페이지와 메타마스크 연동까지해보세요. Web3 기초를 이해해서 리액트를 활용하고 웹사이트를 만들고 메타마스크로 연결해보는 것까지 할 수 있습니다.
해당강의는 리액트활용하는 방법을 배우는 강의입니다. 메타마스크연결하는 방법이 있고 블록체인에 대한 내용은 해당강의에 있지않습니다. 추후 블록체인과 리액트 및 리액트 네이티브관련 영상이 나올예정입니다. 블록체인 내용까지 필요하시면 함께 보시면 좋습니다.
📢 수강 전 참고해주세요.
- 운영 체제 및 버전(OS): Windows
- 예제 파일 및 스타트 코드 파일을 제공합니다.
- 리액트 및 웹사이트 관련 선수지식이 있으면 좋습니다.
이런 분들께 추천해요 🙋♀️
![inflearn_python_04.png](https://cdn.inflearn.com/public/files/courses/324145/c8738b0e-99c5-45c1-9fc0-3b64141b36b6/inflearn_python_04.png)
리액트로 웹사이트를 만들어보고 싶은 분
![inflearn_python_07.png](https://cdn.inflearn.com/public/files/courses/324145/9b8f6df3-8278-446f-b0da-394371126807/inflearn_python_07.png)
블록체인 랜딩 페이지를 꾸며보고 싶은 분
![inflearn_python_06.png](https://cdn.inflearn.com/public/files/courses/324145/51fc6ebd-2a7d-4032-91bf-36b99f3789f1/inflearn_python_06.png)
블록체인을 메타마스크와 연결해보고 싶은 분
![inflearn_python_05.png](https://cdn.inflearn.com/public/files/courses/324145/5d79f617-d626-4da8-8864-7b09fdd53a7d/inflearn_python_05.png)
리액트 기초를 배웠지만 활용이 잘 안되는 분
학습 내용 📚
1) 기초 설명
2) 웹사이트 개발 로드맵
3) 콜렉션
4) 팀
예상 질문 Q&A 💬
Q. 왜 리액트를 배워야 하나요?
블록체인에서 사용되는 라이브러리가 리액트랑 어울립니다. 현재 웹사이트 개발 트렌드가 리액트로 바뀌고 있습니다.
Q. 강의를 듣기 전에 준비해야 할 것이 있나요?
리액트 및 웹사이트 관련 언어를 공부하신 분이면 좋습니다.
Q. 배우면 어떤 일을 할 수 있나요?
리액트로 블록체인 관련 사이트를 만들 때 도움이 됩니다.
연관 강의 🖥️
지식공유자 소개 ✒️
코사트
- 게임, 블록체인, 웹 관련 개발자 활동 및 인디 게임 개발자
- 국비 지원학원 강사: 現 더조은컴퓨터 부평지점
- 학원 강의 다수: 유니티(Unity), 게임개발, 자바, 블록체인 등
- 네이버 카페 운영: 코딩사관학교트레이닝 코사트
- 기타 게임개발 티스토리 및 유튜브, 금융/인디게임 블로그 운영
- 블록체인개발업체 대표 /블록체인 인력양성
학생들과 함께한
포트폴리오 및 팀 프로젝트
이런 분들께
추천드려요!
학습 대상은
누구일까요?
리액트 활용
리액트
NFT랜딩
선수 지식,
필요할까요?
html
css
js
web3
react
안녕하세요
코사트입니다.
![](https://cdn.inflearn.com/public/main/profile/default_profile.png)
코딩 사관학교 하드 트레이닝
직장인/학생/인디개발자들이 모여서 공부합니다.
저는 주로 자바 or 게임프로그래밍 포트폴리오 과정들을 강의 하고 있습니다.
블록체인거래소, 증권거래소 ,게임서버 ,게임클라 회사및 외주개발
게임 개발 및 게임 교육 회사 대표
학원 강의 및 프리랜서 외주 인디개발
(유니티 코리아 대한상공회의소 에티버스러닝) 유니티 부트캠프 오프라인 강의
Unity Certified Instructor
콘텐츠인재캠퍼스(홍릉) 유니티 강의 등 다수 개발및 강의 경력
현업 개발자및 인디개발자와 코사트팀 연구개발강의 활동
Unity Certified Professional: Programmer
커리큘럼
전체
25개 ∙ 15시간 4분
수업 자료
가 제공되는 강의입니다.
React NFT 메뉴 스타일링
28:14
React NFT 홈컴포넌트 스타일
40:12
Swiper 카드 적용
01:37:07
카드 및 텍스트 스타일 컴포넌트 코드
41:53
로드맵 구성 초기
29:45
로드맵 그리기 개발
32:01
리액트 로드맵 구성 스타일 컴포넌트
45:18
리액트 로드맵 컨텐츠
08:50
쇼케이스 컴포넌트
37:01
쇼케이스 스타일
24:03
팀컴포넌트
31:18
팀컴포넌트 애니메이션
11:06
FAQ컴포넌트 구현
42:05
아코디언 구현
43:43
배너구현
31:50
마지막 업데이트일: 2022년 11월 29일