표(Table) 테스트
-
- 2024.06.26 - 09:42 2024.06.25 - 13:52 1520 7
원래 표
| Factorial | ~69! | 70!~449! | 500!~1006! | 1007!~3248! | 3249!~ |
|---|---|---|---|---|---|
| EL-509W | O | X(Error 2) | X | X | X |
| fx-570ES, EX | O | X(Math Error) | X | X | X |
| fx-9860G | O | X(Ma Error) | X | X | X |
| TI-nspire, 89T | O | O | X(500!) | X | X |
| HP Prime | O | O | O | X(∞) | |
| 윈도우10 내장 | O | O | O | O | X(Overflow) |
chatgpt-4o 가 고쳐준 코드
| Factorial | ~69! | 70!~449! | 500!~1006! | 1007!~3248! | 3249!~ |
|---|---|---|---|---|---|
| EL-509W | O | X(Error 2) | X | X | X |
| fx-570ES, EX | O | X(Math Error) | X | X | X |
| fx-9860G | O | X(Ma Error) | X | X | X |
| TI-nspire, 89T | O | O | X(500!) | X | X |
| HP Prime | O | O | O | X(∞) | |
| 윈도우10 내장 | O | O | O | O | X(Overflow) |
-
25
댓글7
-
세상의모든계산기
현재 표기능에 문제가 있습니다. css 충돌? 호환? 문제인 듯 한데...
해결이 되겠죠?
원래 Table tag <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"> <thead> <tr> <th scope="row">Factorial</th> <th scope="col">~69!</th> <th scope="col">70!~449!</th> <th scope="col">500!~1006!</th> <th scope="col">1007!~3248!</th> <th scope="col">3249!~</th> </tr> </thead> <tbody> <tr> <th scope="row">EL-509W</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Error 2)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">fx-570ES, EX</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Math Error)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">fx-9860G</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Ma Error)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">TI-nspire, 89T</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(500!)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">HP Prime</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(∞)</td> <td style="text-align: center;"> </td> </tr> <tr> <th scope="row">윈도우10 내장</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Overflow)</td> </tr> </tbody> </table> chatgpt-4o 가 고쳐준 Table Tag <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"> <thead> <tr> <th style="display: table-cell; width: 100px;">Factorial</th> <th style="display: table-cell; width: 100px;">~69!</th> <th style="display: table-cell; width: 100px;">70!~449!</th> <th style="display: table-cell; width: 100px;">500!~1006!</th> <th style="display: table-cell; width: 100px;">1007!~3248!</th> <th style="display: table-cell; width: 100px;">3249!~</th> </tr> </thead> <tbody> <tr> <th style="display: table-cell; width: 100px;">EL-509W</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Error 2)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">fx-570ES, EX</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Math Error)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">fx-9860G</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Ma Error)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">TI-nspire, 89T</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(500!)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">HP Prime</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(∞)</td> <td style="display: table-cell; text-align: center; width: 100px;"> </td> </tr> <tr> <th style="display: table-cell; width: 100px;">윈도우10 내장</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Overflow)</td> </tr> </tbody> </table> -
-
세상의모든계산기
이렇게 찾아가는 거군요.
앗! 저기 체크박스 해제하니까 바로 적용되네요. 굿.
저게 문제 원인이 맞았습니다.
게시판 사이즈에 맞게
테이블 폭을 자동 조절해 주는 기능? 같은데
일단 소스 수정해서 꺼 보겠습니다.
-
세상의모든계산기2024.06.25 - 14:14 #42604
해당 파일 950번 line 에 display: flex; 를 뭘로 바꿔야 하나?
만약 \<td> 셀에 적용된 "display: flex;"를 다른 방식으로 바꾸어야 한다면, 테이블 셀의 기본 레이아웃을 유지하면서 원하는 스타일링을 적용할 수 있는 방법이 필요합니다. \<td>는 기본적으로 테이블 셀을 나타내는 태그이며, 테이블의 행과 열 구조를 유지해야 합니다.
대안으로 다음과 같은 방법들이 있을 수 있습니다:
1. **inline-block 사용**: 테이블 셀에 "display: inline-block;" 속성을 적용하여 요소를 인라인 블록 요소로 설정할 수 있습니다. 이는 테이블 셀이 가로로 배치되도록 하면서, 다른 요소와도 좀 더 적절하게 조화를 이룰 수 있습니다.
```css
.od-bord table td {
display: inline-block;
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```2. **block 사용**: 테이블 셀을 "display: block;"으로 설정하여 블록 요소로 만들 수도 있습니다. 이 경우에는 테이블의 기본 구조를 유지하면서 셀 내부의 내용을 좀 더 자유롭게 배치할 수 있습니다.
```css
.od-bord table td {
display: block;
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```3. **float 사용**: "float: left;" 또는 "float: right;"를 사용하여 테이블 셀을 부유(floating) 상태로 만들어 가로 배치를 조정할 수도 있습니다. 이 방법은 일반적으로 레이아웃을 구성할 때 사용되는 방식입니다.
```css
.od-bord table td {
float: left; /* 또는 float: right; */
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```이러한 방법들 중에서 상황에 맞는 적절한 스타일을 선택하여 \<td> 셀에 적용하면, 테이블 셀이 기대하는 방식대로 배치될 수 있습니다. 선택한 스타일은 다른 요소들과의 조화를 유지하면서도 원하는 디자인을 구현할 수 있도록 도와줄 것입니다.
-
세상의모든계산기
table td
1. Inline-block 적용
2. block 적용
3. display: 적용 안함
display: float; 인줄 알고 적용했는데, float: left; 이런 식으로 쓰는거네요.
모바일쪽이 좀 깨지지만, 일단 이걸로...
-
세상의모든계산기
https://github.com/OrangeDayCom/rhymix-layout/issues/3#issuecomment-2190435618
임시로 수정하시려고 한다면
/modules/board/skins/OrangeDay_board/css/default.css 에서
라인 950
.od-bord table td { display: flex; align-items: center; line-height:1.4; padding-top:5px; padding-bottom:5px }
을
.od-bord .write_header table td { display: flex; align-items: center; line-height:1.4; padding-top:5px; padding-bottom:5px }
로 수정하면 됩니다. -
세상의모든계산기
CKeditor Table 만들기
1 2 3 4 5 6 7 8 9 10 11 12 <table border="1" cellpadding="1" cellspacing="1" style="width:500px;"> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td>11</td> <td>12</td> </tr> </tbody> </table>
세상의모든계산기 님의 최근 댓글
뉴턴-랩슨 적분 방정식 시각화 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