JS - Mathjax - 인라인 수식 표기, 수식 표기 시 줄바꿈 하지 않게 설정하기

Mathjax의 사용법에 대한 포스팅을 아래를 확인해주세요. 2023.02.08 - [Web Programming/Java Script] - JS - Mathjax - 웹페이지에서 수학 수식 표현하기 이번 포스팅에서는 Mathjax에서 $$ 표기 시 단점과 단점을 보완하기 위한 인라인 표기법에 대해 설명합니다. 기존의 수식 표기 방법($$)의 단점 $$ 로 감싼 후 수식 작성 그러나 수식이 표현되면 줄바꿈을 진행한다. 예시) $$\mathrm{2× {2}^{\mathit{a}} × {\mathrm{16=2}}^{10} }$$일 때, 자연수 $$\mathrm{\mathit{a}}$$의 값을 구하시오. 먼저, $$2^{10}$$을 계산해보면 $$1024 = 2^{10}$$이다. 이제 주어진 식을 정리하면 다..

• format_list_bulleted Web/Javascript
• · 2023. 3. 10.
• textsms

JS - Mathjax - 웹페이지에서 수학 수식 표현하기

Mathjax 웹 브라우저에 수학 수식을 표현하는 JavaScript 라이브러리 서버 뿐만 아니라 로컬에서도 HTML문서의 헤더(head)에 삽입하면 웹 브라우저로 작동 라이브러리 호출 $$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$ 실행 화면 참고 mathjax.org - gettingstarted

• format_list_bulleted Web/Javascript
• · 2023. 2. 8.
• textsms

JS - 키 입력 이벤트 (KeyDown / KeyPress / KeyUp)

키 입력 이벤트란? 키가 입력될 경우 특정 코드를 수행하는 것을 의미 키 입력의 종류 onkeydown : 키를 누를 때 이벤트 발생 onkeypress : 키를 누르고 있을 때 이벤트 발생 onkeyup : 키를 땔 떼 이벤트 발생 키 입력 이벤트 상세히 알아보기 예시 코드 입력키 KeyDown 키를 누를 때 이벤트 발생 제어 키도 인식 할 수 있음 (컨트롤, 엔터 등등) 입력된 영문자는 모두 대문자로 인식 KeyPress 키를 누르고 있을 때 이벤트 발생 제어 키는 인식 할 수 없음 입력된 영문자의 대소문자를 가림 KeyUp 키를 땔 떼 이벤트 발생 제어 키도 인식 할 수 있음 입력된 영문자는 모두 대문자로 인식 자 이제 확인해보자! KeyDown / Press / Up 모두 사용 소문자 a키를 누를..

• format_list_bulleted Web/Javascript
• · 2023. 1. 13.
• textsms

JS - 클래스(Class)의 선언과 사용 방법

이 포스팅은 기본적인 프로그래밍 지식이 있다는 전제하에 작성하였습니다. 기본적인 내용은 생략된 것이 많으며, 필요한 문법과 사용 방법을 위주로 설명하였습니다. 보충 설명이 필요하신 분은 같은 객체 지향 언어인 자바를 기준으로 설명한 포스팅을 링크하도록하겠습니다. (어차피 개념은 같습니다.) 클래스 선언 class className { method1() { ... } method2() { ... } } class 키워드로 클래스 정의 클래스 안에 다양한 메소드를 정의하여 사용 가능 클래스에 대한 보충 설명 (자바) https://luvris2.tistory.com/227 클래스 - 객체, 인스턴스 변수(=멤버 변수), 메소드 클래스 (Class) 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 ..

• format_list_bulleted Web/Javascript
• · 2022. 12. 19.
• textsms

JS - 함수(Function)의 선언과 사용 방법

이 포스팅은 기본적인 프로그래밍 지식이 있다는 전제하에 작성하였습니다. 기본적인 내용은 생략된 것이 많으며, 필요한 문법과 사용 방법을 위주로 설명하였습니다. 함수 선언의 기본 요소 함수의 이름 괄호 안에서 쉼표로 분리된 매개변수(parameter) 목록 중괄호 { } 안에서 함수를 정의하는 자바 스크립트 코드\ 반환 값 필요시 return 키워드 사용 함수 표현식 function functionName(parameter1, parameter2... ) { // 코드 작성 } functionName : 함수의 이름을 정의 parameter : 매개 변수. 즉, 입력된 값을 함수에 전달해주는 변수 함수 호출 정의한 함수의 이름 입력 매개 변수 존재시 매개 변수의 값 입력 function fTest() { ..

• format_list_bulleted Web/Javascript
• · 2022. 12. 19.
• textsms

JS - Prompt(사용자 입력 받기), Confirm(대화 상자) 사용 방법

Prompt Prompt란? 사용자가 텍스트를 입력 할 수 있도록 안내하는 대화 상자 출력 구문 prompt(message, default); message : 사용자에게 보여줄 메시지 내용 default : 텍스트 입력 필드에 넣을 초기 값 프롬프트 사용 예시 숫자를 입력받아 입력 받은 숫자 안내하기 let nNumber = prompt("숫자를 입력해주세요."); alert("입력하신 숫자는 " + nNumber + "입니다."); 확인 prompt 창 출력, 사용자에게 입력 받기 esc를 누를 경우, null 값 반환 alert 창 출력, 입력 받은 숫자 안내하기 Confirm confirm이란? '확인'과 '취소' 두 버튼을 가지며 메시지를 지정 할 수 있는 대화 상자 출력 반환 값은 Boolea..

• format_list_bulleted Web/Javascript
• · 2022. 12. 19.
• textsms