Oh no! It looks like JavaScript is not enabled in your browser.
Reload
LearnFit
YouTube, [03x08] Use TeX + KaTeX, not LaTeX, for Web Math Equations | 8/13 Julia Web Tools for Beginners
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
SJPark
님의 학습노트
도움돼요
7
TeX + KaTeX, not LaTeX, for Web Math Equations
08:24
KaTeX 은 TeX 문법을 MathML 로 변환하고 CSS 를 사용해서 랜더링 합니다.
10:06
<TeX 실습 시작>
10:53
TeX을 사용할 떄 텍스트 모드와 수학 모드의 두 가지 모드가 있습니다.
10:56
달러 사인($) 으로 수학 모드로의 전환을 나타냅니다.
11:15
싱글 달라 사인은 인라인(inline) 을 표시하는데 사용
11:20
더블 달라 사인은 별도의 줄에 표시하는데 사용
11:36
백슬래쉬(\) 는 기호와 기능 표시하는데 사용
11:49
중괄호({}) 는 인수(argument) 표시하는데 사용
13:04
1 + 1 = 2 를 inline 으로
13:44
소문자 x 는 변수 x 로 해석함
13:50
곱하기는 백슬래시(\)times
13:57
슬래시는 슬래시
14:01
나누기는 백슬래시(\)div
14:09
분수는 백슬래시(\)frac
14:12
분자는 첫번째 중괄호에 분모는 두번째 중괄호에
14:21
지수는 캐럿( ^)으로 표시
14:25
제곱근은 백슬래시(\)sqrt 중괄호({})
14:30
거듭제곱근은 백슬래시(\)sqrt뒤에 대괄호[]안에 몇 제곱근인지 기술
14:38
아래첨자(subscirpt) 는 밑줄문자 뒤에 표시
14:52
달러는 백슬래시(\)뒤에 달러($)
15:10
퍼센트(%)는 백슬래시(\)뒤에 퍼센트(%)
15:26
그냥 퍼센트(%)는 한줄 코멘트
15:27
새줄을 더블 백슬래시(\\)
16:59
플러스마이너스는 백슬래시(\)pm
18:20
파이(pi) 는 백슬래시(\)pi
18:41
각도의 도(degree) 는 백슬래시(\)degree
19:13
텍스트를 쓸때는 백슬래시(\)text 뒤에 중괄호 안에 { 텍스트 }
19:26
sin, cos, tan 는 백슬래시(\) 뒤에 sin, cos, tan
20:23
리미트는 백슬래시(\)뒤에 lim 밑줄 뒤에 중괄호 세트 , 오른쪽 화살표는 rarr ( right arrow 인듯 )
21:52
인테그레이션, 인테그랄 은 백슬래시(\)뒤에 밑줄 뒤에 아래첨자, 윗첨자
23:18
시그마는 백슬래시(\)sum
24:01
두꺼운 양면 화살표는 \Leftrightarrow
24:25
이탤릭체 텍스트는 /textit
25:24
bar는 \bar
25:31
\Bigg( 는 큰 괄호 열기 \Bigg) 는 큰 괄호 닫기
32:59
무한대는 \infty
33:22
<웹브라우저에서 랜더링하는 실습>
35:35
<title> 변경
35:41
<style> 에서 폰트 패밀리 변경
35:57
Auto-render-Extension 에서 renderMathInElement 함수를 추가하는 코드를 copy & paste
36:38
마크다운 코드를 <body>로 옮김
36:54
<h1> 태그 적용
37:17
regex 로 ## 을 <h2>로 변경
38:13
<브라우저로 열어보면 끝>
✔ 학습 완료
댓글
0
취소
작성하기
이런 러닝패스
는 어때요?
무료
박어진
의 러닝패스
포트폴리오... 너 뭐 돼? - 마케팅 지원자 주목! 포트폴리오 기초 뿌시기
무료
AM 2 PM
의 러닝패스
토스 이승건 대표의 PO 세션 총정리
무료
서원석
의 러닝패스
입문자를 위한 React Router(버전6)
무료
코드종
의 러닝패스
제 2회 마스터 클래스 🏆 프론트엔드 개발자 머릿속이 복잡해진 이유
무료
SJPark
의 러닝패스
Adaptive Learning이란 무엇이고 어떤 서비스들이 있나?
SJPark
님의 다른 노트는 어때요?
SJPark
의 학습노트
[HTHT 2021] Session 22 "Implementing Mass Personalization in College Algebra: An HTHT success story"
Video
⏱ 핵심 스탬프
28
개
00:46
"존재하는 현실에 맞서는 것으로는 어떤것도 바꿀 수 없다. 무엇인가를 바꾸려면 기존의 것을 쓸모없게 만드는 새로운 것을 만들어야 한다."
01:49
SJPark
의 학습노트
피그마 처음 써보는 디자이너가 써 봅니다. 텍스트, 가이드, 확대 축소, 라운드, 이미지, 플로그인, 인터랙션
Video
⏱ 핵심 스탬프
12
개
00:10
디자인 실력은 툴과 무관하다.
01:06
텍스트를 써보자
👍
1
다시 보지않기
👋 다양한
인사이트
를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기