Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Programming Language

[初級] 40分で見ているサス

複雑で馴染みに後ろ前に延ばされたサスを40分カット！早い時間内に見てください！ :)

（4.9）受講レビュー 40件

受講生 804名

3시간 만에 완강할 수 있는 강의 ⏰
Sass

こんなことが学べます

  • Sass基本文法

  • Sass 基礎概念

  • Sassでプロジェクトする方法

Sass、これまで待っていましたか？
川のひとつで軽く素早く見てみましょう！

[検索最適化のためのテキストです。]

1日6分！月、火、水、首、金
一週間だけ時間をかけても
延期されたSassを見ることができる
30分サス講座です！

HTMLとCSSを勉強してから、
フロントエンド（Front-End）ウェブプロジェクトを進めてみると、
複雑な構造のCSSコード
書くことは必然的に起こります。

Sassを使用すると、繰り返される構造と型について
より効率的で体系的で簡単に
スタイルコードを書くことができます

しかし、他のコーディングを勉強しなければならないことがたくさんありますが、
Sassはまたいつ勉強しますか…？ ㅜㅜ

Sassを始めるには見慣れない、
複雑に見え、時間もありません。
Sassを勉強するのに躊躇しているなら、
ここでよく来ました！

Sassとは何ですか、どのように、どこで使用するのか
軽くてスピーディーに見てみましょう！

その間、後方に先延ばされたサスを早い時間内に拾ってみてください！
探して勉強する時間がなくて遅れたサス
30分の講義で素早く見てください！
Sassと少し近づくでしょう！

講義を聞いたら、
✅ Sassを使うべき理由がわかり、
✅ Sassを使用してCSSを作成でき、
✅説明するコードを見て複雑なHTMLに
スタイルをより効率的に適用できるようになります。

【こんな内容を学べます】

•環境設定
•ファイル管理とNesting
• 変数(Variable)
• Mixin
• Extend
•条件文と反復文、関数

※講義内容が要約されたNotionページを提供します。

こんな方に
おすすめです！

学習対象は
誰でしょう？

  • Sassに初めて触れる人

  • Sassについて知りたい人

  • 効率的にCSSを作成したい人

前提知識、
必要でしょうか？

  • HTML

  • CSS

こんにちは
です。

9,981

受講生

331

受講レビュー

2

回答

4.8

講座評価

21

講座

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

▶︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

共同知識共有者

カリキュラム

全体

19件 ∙ (51分)

講義資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

40件

4.9

40件の受講レビュー

  • ZzoKko님의 프로필 이미지
    ZzoKko

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    이것 무적권 들어야하는 명강의 위니브 최고 ! 바울랩 최고 ! 제코베 최고 !!!!!!!!

    • 유준상님의 프로필 이미지
      유준상

      受講レビュー 1

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      제코베 짱입니다 멋사에서 또 복습할게요!!

      • 정소윤님의 프로필 이미지
        정소윤

        受講レビュー 3

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        SCSS 기본개념 알기에 딱 좋았습니다

        • 배기훈님의 프로필 이미지
          배기훈

          受講レビュー 2

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          sass를 이해하는데 도움이 많이 됬습니다! 감사합니다!

          • 양다은님의 프로필 이미지
            양다은

            受講レビュー 1

            ∙

            平均評価 5.0

            5

            53% 受講後に作成

            쉽고 간단한 설명 감사합니다 :)

            theoreumの他の講座

            知識共有者の他の講座を見てみましょう！

            아는 만큼 보이는 웹 접근성 WCAG강의 썸네일

            아는 만큼 보이는 웹 접근성 WCAG

            The Oreum

            누구나 불편함 없이 사용할 수 있는 웹사이트를 만드는 비밀, WCAG 2.2 가이드와 실전 적용 노하우를 통해 접근성 높은 서비스를 만들어보세요!

            초급

            초급

            wcag, web-accessibility, wai-aria

            쉽고 빠른 스타일링 Tailwind CSS 기초 가이드강의 썸네일

            쉽고 빠른 스타일링 Tailwind CSS 기초 가이드

            The Oreum

            'HTML을 떠나지 않고 빠르게 빌드하는 모던 웹사이트' 구축을 가능하게 만드는 'Tailwind'를 소개합니다!

            초급

            초급

            HTML/CSS

            JavaScript 알고리즘 베스트 10강의 썸네일

            JavaScript 알고리즘 베스트 10

            The Oreum

            가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

            중급이상

            중급이상

            JavaScript, 코딩 테스트, 알고리즘

            지금 바로 React 시작하기강의 썸네일

            지금 바로 React 시작하기

            The Oreum

            🤔 React를 A-Z까지 공부하고 싶진 않고, 바로 적용할 수 있는 코드를 원하시나요!? 잘 오셨습니다! A-Z까지 강의해 주시는 것은 다른 좋은 강의 구매하시고, 여기서 실용적인 것만 얻어 가세요! 지금 바로! 이 강의로 React에 대한 기본 개념과 활용법을 익혀 쉽고 빠르게 나만의 프로젝트를 만들어보세요

            초급

            초급

            React, Redux

            지금 바로 D3.js 시작하기 : 웹 데이터 시각화강의 썸네일

            지금 바로 D3.js 시작하기 : 웹 데이터 시각화

            The Oreum

            🤔 D3를 공부하고 싶지만 너무 어려워 고민하셨나요?? 지금 바로! 이 강의로 D3에 대한 기본 개념과 활용법을 익혀 쉽고 빠르게 나만의 시각화 결과물을 만들어보세요

            초급

            초급

            SVG

            코딩인터뷰를 저격하는 JS 스나이퍼 양성학교강의 썸네일

            코딩인터뷰를 저격하는 JS 스나이퍼 양성학교

            The Oreum

            코딩인터뷰를 앞두고 계신다구요? 제대로 찾아오셨습니다! 평소에 이해가 잘 가지 않거나, 들어도 들어도 헷갈리는 자바스크립트 개념들을 모아모아 함께 파고드는 시간을 마련했습니다 :) 면접관의 하트를 저격할 준비 되셨나요?

            중급이상

            중급이상

            JavaScript, 코딩 테스트

            노션 템플릿 연구소 - 일상편 Part 1

            The Oreum

            노션을 활용해 가계부, 반려동물 케어, 함께 쓰는 연말 회고록 등 실생활에서 유용한 템플릿을 직접 만들고 활용하는 방법을 배웁니다. 단순히 예쁜 템플릿을 만드는 것이 아니라, 효율적인 데이터 관리와 실용성을 고려한 설계 방법까지 다루므로 노션을 더욱 깊이 있게 활용할 수 있습니다.

            초급

            초급

            Notion, 업무 생산성, 협업 툴

            자바스크립트 Class로 떠나는 여행강의 썸네일

            자바스크립트 Class로 떠나는 여행

            The Oreum

            자바스크립트는 Class를 왜 사용할까? Class가 등장하기 이전에는 어떻게 객체지향프로그래밍을 구현했을까? 자바스크립트를 공부하다보면 한번쯤 가져볼만한 문제에 대한 해답을 찾아 가벼운 여행을 떠나봅니다.

            초급

            초급

            JavaScript, 객체지향, frontend

            Right now, Polars강의 썸네일

            Right now, Polars

            The Oreum

            Python 기반 데이터 분석 라이브러리 Polars의 기초 개념부터 간단한 데이터 처리 및 탐색적 데이터 분석(EDA)까지 데이터 분석에 필요한 기술을 습득하고 싶은 입문자 및 전공 학습자, Polars을 활용해보고 싶은 분들을 대상으로 하는 강의입니다.

            초급

            초급

            Python, python-polars

            코드없이 우피x노션으로 초간단 웹사이트 만들기강의 썸네일

            코드없이 우피x노션으로 초간단 웹사이트 만들기

            The Oreum

            개발자 없이, 코딩 없이 노션과 우피만으로 퀄리티 있는 웹사이트를 만들 수 있는 강의입니다.

            입문

            입문

            Notion

            Python 알고리즘 베스트 10강의 썸네일

            Python 알고리즘 베스트 10

            The Oreum

            가장 많이 출제되는 유형을 담은 'Python 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

            중급이상

            중급이상

            Python, 코딩 테스트

            파이널 코딩테스트 : 프론트엔드강의 썸네일

            파이널 코딩테스트 : 프론트엔드

            The Oreum

            실제 기업에서 출제되는 Front-End 코딩 테스트를 참고하여 제작된 10가지 문제를 함께 풀어보며 2차 코딩 테스트(구현 테스트)를 완벽하게 대비해 봅시다!

            중급이상

            중급이상

            코딩 테스트

            중급자를 위한 1 minute, 스낵 파이썬강의 썸네일

            중급자를 위한 1 minute, 스낵 파이썬

            The Oreum

            지하철에서, 버스에서, 공항에서! 잠시 틈 날 때 짧게 보는 중급자를 위한 스낵! 내가 잘 몰랐던 2%를 채워줄 Python 코드 스니펫!

            중급이상

            중급이상

            Python

            似ている講座

            同じ分野の他の講座を見てみましょう！

            SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제강의 썸네일

            SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제

            코딩웍스(Coding Works)

            SCSS(SASS) FLEX GRID 핵심이론(PDF)과 활용 예제는 SCSS(SASS), FLEX, GRID 사용에 관한 핵심 이론을 알기 쉽게 핵심만 정리한 PDF 교재입니다. 중상급 퍼블리싱 실력을 목표로 하는 분들에게 SCSS(SASS), FLEX, GRID에 대한 이해도와 활용 능력은 필수입니다. 그리고 퍼블리싱 취업과 이직에 큰 경쟁력이 될 거로 생각합니다. SCSS(SASS) FLEX GRID 핵심이론(PDF) 뿐만 아니라 이론 활용 예제 완성본(html, scss, css)가 별도로 첨부되어 있어서 이론 학습 후 이론을 활용한 응용 예제를 만들어 볼 수 있습니다.

            초급

            초급

            HTML/CSS, Sass, Flex

            실무 중심! FE 입문자를 위한 React강의 썸네일

            실무 중심! FE 입문자를 위한 React

            IT Share

            강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.

            초급

            초급

            React, Node.js, Redux

            초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩강의 썸네일

            초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩

            유노코딩

            Sass는 CSS의 확장 언어입니다. CSS의 단점을 보완해 뛰어난 생산성을 보장하며, 강력하고 간결합니다. 기초 구문을 배우고, 배운 내용을 활용한 클론코딩을 즐기면서 Sass를 배워보세요. 재미는 더하고 부담은 덜었습니다!

            초급

            초급

            Sass, 클론코딩, HTML/CSS

            SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma강의 썸네일

            SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

            코딩웍스(Coding Works)

            SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 41시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.

            초급

            초급

            HTML/CSS, Sass, scss