[공지] 수식 입력 및 (계산기) 버튼 입력
-
- 2024.07.12 - 10:55 2024.06.18 - 12:59 1253 5
수식 입력
게시판 플러그인 변경으로 인하여
수식 입력 방식이 변경되었습니다.
1. 새로운 입력 방식 #1 (이미지 방식, FMath Editor)
에디터 상단에 (M) 아이콘 이용하시면 됩니다.
근데 마우스 클릭하다 보면 약~간 메롱한 면이 있네요.
지 맘대로 복사? 삭제? 비슷한게 되면서 입력한게 날아갈 때가 있는데
ctrl + z 로 뒤로가기 되니까 적당히 써가면서 입력하시면 됩니다.
Fmath 예시) 
2. 새로운 입력 방식 #2 soo_equations
(M) 말고 하단(3번째 줄 마지막)에 보시면 f(x) 아이콘이 있습니다.
그거 눌러서 입력하시면 됩니다.
기본적으로 MathQuill 기능과 동일?하게 동작합니다.
- LaTeX 문법을 아시면 조금은 편하게 입력 가능합니다)
- Latex 곧바로 붙여넣기도 되긴 합니다.
- 특수문자 입력시 영어로 풀려버리는 듯 합니다.
Soo Equation 예시)
- 루트 줄간격이 안맞는 현상이 있는데... 무슨 이유인지를 모르겠네요. --> 기존 sketchbook 게시판 css 와 충돌 때문이었던 것 같습니다.
- 만일, 입력창에서는 문제없었는데, 글 작성 후 이상이 생긴다면 입력시 생성된 LATEX 코드만 복사해서 아래 3번MathJax 방식으로 입력하셔도 됩니다.
3. MathJax, LaTeX 문법 직접 입력
https://www.mathjax.org/#samples
LATEX 문법 코드가 있다면, 에디터 컴포넌트를 이용하지 마시고,
LATEX 문법 코드를 그대로 게시판에 붙여 넣으시면 됩니다.
3-1. 디스플레이 수식 = 한줄 전체 차지
LaTeX 코드 앞 뒤로 $$ 를 붙여 넣으시면 됩니다.
MathJax 예시) $$ \oint_{C} \vec{F} \cdot d\vec{s}, \lim_{n \to \infty} \sum_{k = 1}^{n} \dfrac{1}{k} $$
$$x_{12}=\frac{\left(-b\pm\sqrt{\left(b^2-4ac\right)}\right)}{2a}$$
(디스플레이 수식) 이건 한꺼번에 처리해서 루트 줄간격이 잘 맞아서 표시됩니다.
3-2. 인라인 수식 = 문서 사이에 삽입
두개가 아니라 $를 하나만 앞뒤로 넣으시면 됩니다.
MathJax 예시) 인라인 방식은 이런 식으로 $ \oint_{C} \vec{F} \cdot d\vec{s} $ 글씨와 글씨 사이에 삽입이 됩니다.
4. 기존 수식 (wiris)
어쩌다보니 wiris 가 작동하지 않게 되었는데...
그래서 기존에 입력하였던 수식이 깨져 보입니다.
제가 보는 족족 손을 볼 생각이긴 한데,
그래도 남아있다면 해당 글에 댓글 남겨주시면 처리반이 출동하겠습니다.
버튼 입력
계산기 버튼은 ckeditor - component 에서 입력하실 수 있습니다.
해당 아이콘을 클릭하시면
새 창이 뜨면서 몇가지 종류의 계산기 목록(tab)이 나오고,
버튼 이미지를 클릭해 게시판에 삽입할 수 있습니다.
-
25
댓글5
-
세상의모든계산기
MathJax
인라인 수식: $ \sqrt{a^2 + b^2} $ 디스플레이 수식: $$ \sqrt{a^2 + b^2} $$ㄴ 위 코드를 복사해 본문이나 댓글에 입력하면
아래와 같이 나옵니다.
인라인 수식: $ \sqrt{a^2 + b^2} $
디스플레이 수식: $$ \sqrt{a^2 + b^2} $$ -
세상의모든계산기
수식 변환 사이트
https://webdemo.myscript.com/views/math/index.html#
마우스로 수식을 그려서 ⇒ 수식으로 변경할 때 사용
https://mathpix.com/image-to-latex
이미지 파일로 저장되어 있는 파일(or 화면을 캡쳐해 클립보드에 복사된 것)을 ⇒ 수식으로 변경할 때 편리합니다.
하지만 무료 계정은 1달에 10개까지만 변환이 가능합니다. 좀 복잡한 이미지 인식시킬 때나 써야 할 듯...
세상의모든계산기 님의 최근 댓글
뉴턴-랩슨 적분 방정식 시각화 v1.0 body { font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; display: flex; flex-direction: column; align-items: center; background: #f8f9fa; padding: 40px 20px; margin: 0; color: #333; } .container { background: white; padding: 40px; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); max-width: 900px; width: 100%; } header { border-bottom: 2px solid #f1f3f4; margin-bottom: 30px; padding-bottom: 20px; } h1 { color: #1a73e8; margin: 0 0 10px 0; font-size: 1.8em; } p.subtitle { color: #5f6368; margin: 0; font-size: 1.1em; } .equation-box { background: #f1f3f4; padding: 15px; border-radius: 10px; text-align: center; margin-bottom: 30px; font-size: 1.3em; } canvas { border: 1px solid #e0e0e0; border-radius: 12px; background: #fff; width: 100%; height: auto; display: block; } .controls { margin-top: 30px; display: flex; gap: 15px; align-items: center; justify-content: center; flex-wrap: wrap; } button { padding: 12px 25px; border: none; border-radius: 8px; background: #1a73e8; color: white; cursor: pointer; font-weight: 600; font-size: 1em; transition: all 0.2s; box-shadow: 0 2px 5px rgba(26,115,232,0.3); } button:hover { background: #1557b0; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(26,115,232,0.4); } button:active { transform: translateY(0); } button.secondary { background: #5f6368; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } button.secondary:hover { background: #4a4e52; } .status-badge { background: #e8f0fe; color: #1967d2; padding: 8px 15px; border-radius: 20px; font-weight: bold; font-size: 0.9em; } .explanation { margin-top: 40px; padding: 25px; background: #fff8e1; border-left: 5px solid #ffc107; border-radius: 8px; line-height: 1.8; } .explanation h3 { margin-top: 0; color: #856404; } .math-symbol { font-family: 'Times New Roman', serif; font-style: italic; font-weight: bold; color: #d93025; } .code-snippet { background: #202124; color: #e8eaed; padding: 2px 6px; border-radius: 4px; font-family: monospace; } 📊 Newton-Raphson 적분 방정식 시뮬레이터 미분적분학의 기본 정리(FTC)를 이용한 수치해석 시각화 목표 방정식: ∫₀ᴬ (2√x) dx = 20 을 만족하는 A를 찾아라! 계산 시작 (A 추적) 초기화 현재 반복: 0회 💡 시각적 동작 원리 (Newton-Raphson & FTC) Step 1 (오차 측정): 현재 A까지 쌓인 파란색 면적이 목표치(20)와 얼마나 차이나는지 계산합니다. Step 2 (FTC의 마법): 면적의 변화율(미분)은 그 지점의 그래프 높이 f(A)와 같습니다. Step 3 (보정): 다음 A = 현재 A - (면적 오차 / 현재 높이) 공식을 사용하여 A를 이동시킵니다. 결론: 오차를 현재 높이로 나누면, 오차를 메우기 위해 필요한 가로 길이(ΔA)가 나옵니다. 이 과정을 반복하면 정답에 도달합니다! const canvas = document.getElementById('graphCanvas'); const ctx = canvas.getContext('2d'); const iterText = document.getElementById('iterText'); // 수학 설정 const targetArea = 20; const f = (x) => Math.sqrt(x) * 2; // 피적분 함수 f(x) = 2√x const F = (x) => (4/3) * Math.pow(x, 1.5); // 정적분 결과 F(x) = ∫ 2√x dx = 4/3 * x^(3/2) let A = 1.5; // 초기값 let iteration = 0; let animating = false; // 그래프 드로잉 설정 const scale = 50; const offsetX = 60; const offsetY = 380; function drawGrid() { ctx.strokeStyle = '#f1f3f4'; ctx.lineWidth = 1; ctx.beginPath(); for(let i=0; i 2026 04.11 참값 : A = ±2√5 근사값 : A≈±4.472135954999579392818347 2026 04.10 fx-570 ES 입력 결과 초기값 입력 반복 수식 입력 반복 결과 2026 04.10 파이썬 코드 검증 결과 초기값: 5.0 반복 1회차: 4.5000000000 반복 2회차: 4.4722222222 반복 3회차: 4.4721359558 반복 4회차: 4.4721359550 반복 5회차: 4.4721359550 초기값: 10.0 반복 1회차: 6.0000000000 반복 2회차: 4.6666666667 반복 3회차: 4.4761904762 반복 4회차: 4.4721377913 반복 5회차: 4.4721359550 2026 04.10 감사합니다. 주말 잘 보내세요. 2026 03.06