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
- 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 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 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 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
/text-box *Used for division areas, etc.
/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
Responsive Box *No shortcuts currently available, please scrape the code to use it.
#1.
Here is the title
Please enter
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
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
배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

hjooReviews 9
Average Rating 5.0

zzaleeReviews 3
Average Rating 5.0
Infraon Fighting, please click the like button. Leaf stacking test in progress....
Testing the star rating~!! Recommended Recommended
This lecture is very helpful for practical work!! (Recommendation)

열심인 상어Reviews 1
Average Rating 5.0
The best the best the best the best