melius

1. Raster Graphics Editor - Photopea: https://www.photopea.com 2. Vector Graphics Editor - Gravit Designer: https://www.designer.io 3. Prototyping Tool - Adobe XD: https://www.adobe.com/kr/products/xd.html - Figma: https://www.figma.com

MathJax https://www.mathjax.org 스킨 편집 > html 편집 > HTML head 태그에 아래 코드 추가 When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ LaTeX https://www.latex-project.org/ online latex editor https://www.overleaf.com/ https://www.overleaf.com/learn https://ko.sharelatex.com/ Markdown https://en.wikipedia.org/wiki/Markdown https://rmarkd..

1. 이벤트 실행 https://www.w3schools.com/js/js_htmldom_events.asp DOM Event(ex. click)가 발생하게 되면, Event Object는 생성되며, Event를 처리할 수 있는 Event Listener(ex. onclick)로 전달된다. 발생한 Event를 처리하기 위해 Event Listener에 연결된 Event Handler의 첫번째로 인자로 생성된 Event Object가 들어간다. 요소의 각 이벤트 속성에 해당 이벤트 발생시 실행할 JavaScript 코드 작성 이벤트 속성값에 들어가는 JavaScript 코드중 특정 변수명은 특별한 값을 가진다. this - 자신의 요소 객체 event - 이벤트 객체(전역변수) 2. 이벤트 등록 https..

보호되어 있는 글입니다.

1. 디스플레이 해상도(Display resolution) 디스플레이의 가로/세로 화소(Pixel) 수 화소의 크기가 없으므로 단순히 화소의 갯수만을 알수 있을 뿐, 얼마나 정밀하게 표현하는지는 알 수 없다. 디스플레이의 크기가 같다는 조건하에서 해상도가 높으면 정밀하게 표현이 가능하다. 컴퓨터 이미지의 픽셀 치수(Pixel Dimension)와 단위가 같다. * 디스플레이의 (물리적) 화소와 컴퓨터 (이미지) 픽셀는 다른것이다. 2. 화소 밀도(Pixel density, 단위: Pixel per inch, PPI) 1 inch 내의 화소 수 얼마나 정말하게 표현할 수 있는지 알 수 있다. 3. Viewport 웹 문서의 내용이 화면에 보이는 영역 width: (모바일 화면에서) 출력할 웹 문서의 가로 ..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators 1. 문자열 연산자(String Operator) 더하기 연산자만 있음 console.log("my " + "string"); console.log("12" + 24);// 1224, 더하기(문자열) 연산자는 문자형으로 형변환 console.log("12" - 24);// -12, 나머지 사칙 연산자는 숫자형으로 형변환 console.log("12" - "24");// -12 console.log("my string" - "string");// NaN 2. 비교연산자(Comparison operator) console.log("10" == 10);// t..

1. 변형(transform) 변형기준 좌표계를 기준으로 박스의 모양을 변형한다. 변형기준 좌표계의 원점은 박스 중심이며, x축은 오른쪽, y축은 아래쪽, z축은 앞쪽이 각각 양(+)의 방향이다. 아래와 같이 transform의 속성값에 변형함수를 사용한다. .object { transform: translate(10px, 20px); } 변형함수 리스트는 아래와 같다. translate 이동 rotate 회전 scale 확대/축소 skew 왜곡 matrix3d 3차원 이동/회전 perspective 깊이값 변형과 관련된 추가적인 속성 리스트 transform-origin 좌표계 원점 수정 perspective 원근감 transform-style 하위요소 적용여부 backface-visibility 뒷면..

JavaScript는 HTML과 다르게 대/소문자를 구분한다. 1. 변수(Variable) 변수 선언(Declaration) ... 변수(저장공간)를 만듬 변수 할당(Assignment) ... 변수에 값을 저장 * 변수가 선언되고 값이 할당되지 않으면 변수는 undefined 값을 가진다. * 선언되지 않은 변수를 호출하면 ReferenceError 발생(DOM, Node.js) 변수 초기화(Initialization) ... 변수 선언 후 최초로 값을 저장 변수 재할당(Reassignment) ... 변수에 다른값을 저장 var carName;// Declaration carName = "Volkswagen";// Assignment & Initialization carName = "Tesla";//..