강의

멘토링

커뮤니티

/

[deprecated] Infrap A to C: Content OJT

Welcome to the new content part. I will tell you about the overall work you will be doing in the content part :)

(4.9) 10 reviews

62 learners

  • inflearn
inflab

Reviews from Early Learners

What you will gain after the course

  • Content Editor Duties

  • MD performance work

If we walk together step by step, we will reach our goal!
When we're tired and struggling, when we're excited and happy, let's all be together🎈

If you have any questions while learning, feel free to ask me anytime !! 😊


Basic Editing Templating (Bianken ver.)

Required Checklist

  • Please use the change template as much as possible. ( --- /notice-box /notice-box-blue /notice-box-red /text-box /text-box-gray etc.)
  • The editor can autonomously make minor changes to the margin/padding, font size, etc., as long as it does not damage the design of the template.

Main Color Palette

  • #00c471 - Green
  • #343a40 - Black
  • #0075ff - Blue
  • #e5503c - Red

Heading1

# After Heading1 [Bold]

 

Heading2

## After Heading2 [Bold]

 

Heading3

### After Heading3 [Bold]

 

Heading4

#### After Heading4 [Bold]

 

italic

*italic*

 

bold

**bold**

 

code

`code`

 

 

code
```code

 

 

  • unorderedlist
- unorderedlist
* unorderedlist

 

 

  1. orderedlist
1. orderedlist

 

 


---

Basic Template Commands (Byeonjeom ver.)

Paragraph

/header *Write within 2 lines for mobile

 

 

Paragraph

/gradiant-header *Write within 2 lines for mobile

 

 

 

/gap

The gap command creates a 40px gap.
It will be displayed in pink during editing, but it is actually a transparent color, so don't worry and use it.

 

 

Description of the image

/img+caption * will be captioned as

 

caption

title

description

caption

title

description

/card2 * will be captioned as

card2 lists two lecture cards. The editor and the actual screen may differ, but don't worry.

 

 

caption

title

description

caption

title

description

caption

title

description

/card3 * will be captioned as

card3 lists 3 lecture cards. The editor and the actual screen may be different, but don't worry about it.

 

 

caption

title

description

caption

title

description

caption

title

description

caption

title

description

/card4 * will be captioned as

card4 lists 4 lecture cards. The editor and the actual screen may differ, but don't worry.

 

Please enter a title.

  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
/notice-box *Lecture notes, references, etc.

 

Please enter a title.

  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
/notice-box-red *Lecture notes, references, etc.

 

Please enter a title.

  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
  • Please enter your content here
/notice-box-blue *Lecture notes, references, etc.

 

Q. This is the title area.

This is the main text area. Please edit it.

/qna-box *Frequently Asked Questions

 

Please enter here

/button *Button for moving to landing page

 

Please enter here

/large-button *Button for moving to landing page

 

/image

You can use this when you want to insert a center-aligned image.

 

Please enter your content.

/flex-box *2-column image/text arrangement

 

Please enter your content.

/flex-box-right *2-column text/image arrangement

 

Please enter your content.

/flex-hook *2-column image/text array

 

Please enter your content.

/flex-hook-right *2-column text/image arrangement

 

Enter your content here.

/text-box *Used for division areas, etc.

 

Enter your content here.

/text-box-gray *Used for division areas, etc.

 

Repetitive tasks

Office workers and college students who are tired of endless repetitive tasks

Python?

I've heard of Python, but I'm curious

I don't know Koala

Programming
Anyone who wants to learn

I don't know how to read

Python
First time meeting someone

/feature-4 *Used for class target, multi-stage skill expression, etc. (refer to Bulma)

Jang Gi-Hyo (Captain Pangyo)

  • Current Frontend Developer
  • Author of "Do it! Vue.js Introduction"
  • Vue.js lectures by Naver, eBay Korea, Samsung, LG, SK Group, etc.
  • Fast Campus Vue.js Conquest Camp Lecture
  • Translator of the official Google Web Technologies website
  • Tech Blog , Github
/profile *Used for knowledge sharer profiles, etc.

 

Please enter a title here

If you enter content here, we can highlight the learning content more clearly!
We recommend writing concisely in 1 to 3 lines.

No shortcuts *Pending request *Broken images on mobile

#1.
Here is the title
Please enter

Enter your content here

Responsive Box *No shortcuts currently available, please scrape the code to use it.



#1.
Here is the title
Please enter




Enter your content here





Buttonless pill (1 piece)

#pill

#pill

Buttonless pills (multiple)

#pill #pill #pill

#pill #pill #pill

Button pill (1 pc)

#pill

#pill

Button pills (multiple)

#pill #pill #pill

#pill #pill #pill

#pill #pill #pill

#pill #pill #pill

Additional instructions: How to scroll down when clicking on a pill


Put a gray box inside a square box

Please enter your content.

Please enter your content.

Please enter your content.
Please enter your content.

Please enter your content.

Please enter your content.

Please enter your content.
Please enter your content.


Mobile Responsive Box: 2 Photos (flex-box)

 

Mobile Responsive Box: Photo + Text (flex-box)

Please enter the contents.

Please enter the contents.
Please enter the contents.
Please enter the contents.
Please enter the contents.
Please enter the contents.

 

Please enter the contents.

Please enter the contents.
Please enter the contents.
Please enter the contents.
Please enter the contents.
Please enter the contents.


Lecture details

Part 1. Please enter the contents.

  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.

Part 2. Please enter the contents.

  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.

Part 1. Please enter the contents.

  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.

Part 2. Please enter the contents.

  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.
  • Please enter the contents.

Splitting short paragraphs




Toggle function

Please enter the contents.

Q. Please enter the contents.
A. Please enter the contents.

Q. Please enter the contents.
A. Please enter the contents.

Please enter the contents.

Q. Please enter the contents.
A. Please enter the contents.

Q. Please enter the contents.
A. Please enter the contents.


Set to show 2 mobiles

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.

Please enter the contents.


Center align 2 images


Previous version template command

Unlike the templates added with the changelog, the design is not consistent.
Please refrain from using it as much as possible except in unavoidable cases!
(Please use the Byun-geom ver. as the main.)

Marked

 /mark 

HEADER

 /header 

HEADER

 /header-grad

small

 /pill-small

pill header

 /pill-title 

📣 Notice • Please enter the content

 /notice

Q. Write your question
A. Please write your answer.

 /qna

Title

Title
Description

Title
Description

Title
Description

 /another

If there is a template that needs to be added or that you would like to see added, please DM @PAPICO and we will add it through communication!

Recommended for
these people

Who is this course right for?

  • New recruits in the content department

  • For those who are curious about the content part work

  • For those who want to know about the Infraon lecture operation process

Hello
This is

712,761

Learners

6,897

Reviews

118

Answers

4.8

Rating

144

Courses

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

Curriculum

All

48 lectures

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

10 reviews

4.9

10 reviews

  • hjoo님의 프로필 이미지
    hjoo

    Reviews 9

    Average Rating 5.0

    5

    34% enrolled

    ㅠㅠ He's the best!!!

    • zzalee님의 프로필 이미지
      zzalee

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      Infraon Fighting, please click the like button. Leaf stacking test in progress....

      • jamine [DEL] 241223051859592648님의 프로필 이미지
        jamine [DEL] 241223051859592648

        Reviews 5

        Average Rating 4.8

        4

        36% enrolled

        Testing the star rating~!! Recommended Recommended

        • merry [DEL] 241101010234389295님의 프로필 이미지
          merry [DEL] 241101010234389295

          Reviews 2

          Average Rating 5.0

          5

          98% enrolled

          This lecture is very helpful for practical work!! (Recommendation)

          • 열심인 상어님의 프로필 이미지
            열심인 상어

            Reviews 1

            Average Rating 5.0

            5

            100% enrolled

            The best the best the best the best

            inflearn's other courses

            Check out other courses by the instructor!