로그인

SASS, Webpack 설치 할 필요가 없습니다. CSS 코드를, 미디어 쿼리를 리액트 네이티브에서 할 수 있습니다.

React style? Styled Components!

CSS 하다가 SASS, WebPack 작업해야해서 집어던질뻔한 사람?
새로운 CSS 파일을 만들고, 클래스명 때문에 왔다갔다, 오르락 내리락, 했던 사람?

SASS 설치 없이 SASS 코드를 쓸 수 있다면!
클래스명, CSS 파일 없이 어썸한 CSS 코드를 쓸 수 있다면!
CSS코드를 리액트 네이티브 앱으로 사용, 공유할 수 있다면?!?!?

이 수업을 듣고나면, 리액트 CSS 스타일링을 한번에 편하게 하는 행복한 개발자가 될 수 있음.
SASS, Webpack 설치 안해도 됨. CSS 코드를, 미디어 쿼리를 리액트 네이티브에서 할 수 있음.
어썸한 Styled Components! 언능 잽싸게 배우길 바람.

 

학습 목표

  • 리액트 스타일링을 잽싸게 할 줄 아는 행복한 개발자가 된다.

도움이 되는 분들

  • 기본적인 javascript, react 지식이 있는 분 들어오세요.

    노마드아카데미 수업 순서는 다음과 같습니다.

    • 카카오톡 클론코딩
    • React JS
    • React Native
    • React & Redux
    • >> 리액트 Context <<

참고 사항

  • 실전 동영상 강의 (총 8개)
  • 한글 자막
  • 깃허브에서 확인할 수 있는 니꼴라스 선생님의 소스코드

지식공유자 소개

노마드코더

9살부터 프로그래밍을 혼자 독학해서 배운 천재 코더, 13살에 이미 개발자로 입사제의를 받기 시작하였으나, 본인의 자유가 더욱 중요하다며 뻥 차버린 자유로운 영혼의 소유자, f**k이 들어가는 언어를 자유롭게 구사한다. 콜롬비아를 떠나 현재 4년여 넘게 세계를 떠돌아다니면서 디지털노마드로 살고있다.

강좌 평가

5

4 개의 수강평
  • 5 점4
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. 김상현의 프로필 사진

    좋은 강좌 감사합니다

    5

    인라인 스타일만 쓰다가 이것보니 좋군요. styled component는 대충 알고 있었지만 멋진 기능이네요. 기존에 만든 것들도 이것으로 바꿔봐야겠어요

  2. JaeChul Lee의 프로필 사진

    강의가 기똥찹니다

    5

    노마드님 첨봤는데 팬이 됐습니다.

  3. 서정환의 프로필 사진

    cool and awesome

    5

    노마드코더님의 강의는 핵심만 잘 골라서 알려주시네요^^

강좌 교육과정

Styled Components
Styled Components 를 왜 배우는가!학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:02:00
셋업학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:07:00
Hello World with Styled Components학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
injectGlobal and Extend학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
Animations학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Extra Attributes and Mixins학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Theming학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Nesting학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
CSS on React Native학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
  • 무료
  • 평생
  • 9개 강의, 총 40 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED