Slack 클론 코딩[실시간 채팅 with React]

내 손으로 만드는 채팅 애플리케이션, 
효과적으로, 더 간단하게! 💬

리액트 웹 개발, 
어떻게 배워야 하는 걸까요?

요즘 리덕스를 잘 안 쓰는 추세라던데... 
자바스크립트에서 타입스크립트로 넘어가고 있다던데...
진짜인가요?

이런 말 많이 들어보셨나요? 슬프게도 사실입니다. 그래서 이 강의에서도 리덕스(Redux)를 걷어내고, 자바스크립트 대신 타입스크립트를 적용했습니다. 리덕스 없이도 리액트 앱 개발이 가능하고, 타입스크립트도 생각보다 어렵지 않다는 걸 보여드릴게요!

이런 분들에게 추천드려요!

React 웹 개발 방법을 배워보고 싶은 분

TypeScript를 새로 배워보고 싶은 분

클론코딩을 통해 프론트엔드 파트를 구현해보고 싶은 분

제로초 슬랙 클론,
프론트엔드 고민 완벽 해결!

• 최신 프론트엔드 트렌드에 맞춰 타입스크립트로 서비스를 제작합니다. 단, 타입스크립트가 꺼려지는 분들을 위해 자바스크립트로도 진행할 수 있게끔 강의를 구성했습니다. (자바스크립트 소스 코드 제공!)
• 리덕스를 사용하지 않습니다. SWR이라는 라이브러리를 대신 사용합니다.
• 회원가입, 로그인, 채팅방 생성, 사용자 초대, 실시간 채팅, 사용자 멘션, 이미지 업로드 등 채팅 애플리케이션 구현에 필요한 기능을 모두 구현합니다.
• 강의에서 설명하지는 않지만, 백엔드 소스 코드도 함께 제공합니다.

이런 스킬을 배워요.

_React

_SWR

_Socket.io

_Emotion

_TypeScript

_{Webpack+Babel}

직접 만들어보세요!

_{회원가입, 로그인, 워크스페이스}

_{각종 워크스페이스 기능 구현}

_{실시간 채팅 및 온라인 리스트}

#1
소스 코드를 
제공합니다.

_{https://github.com/zerocho/sleact (바로가기)}

#2
질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!

지식공유자를 소개합니다.

_{제로초 블로그 및
유튜브 채널 운영}

_{웹개발 베스트셀러
<Node.js 교과서> 저자}

_{주식회사 오늘의픽업
CTO}

자주 묻는 질문 💬

선수 지식 & 연계 강의

필수 선수 지식

웹 게임을 만들며 배우는 React무료 강의

웹게임 여덟 개로 리액트, 바벨, 웹팩까지!

타입스크립트를 더 배우시려면!

웹 게임을 만들며 배우는 TypeScript

요즘 대세! JS보다 안정적인 TS의 세계

다른 클론 코딩 강의가 궁금하다면?

[리뉴얼] React로 NodeBird SNS 만들기

어마어마한 22시간 트위터 클론!