공부로그

* 코드를 설명하고 어떤 기능을 하는지 쉽게 읽을 수 있다. - 한 줄 주석 var a; // exam - 여러 줄 주석 /* code 주석 */

# Syntax - Java Script 를 사용하는데에 있어서 사용되는 구문 - 유형 - 고정 값(리터럴) - 변수 값(변수) - 주석(//, /* */)을 사용할 수 있다. - 대소문자를 구분한다. - Camel case # 고정 값에 대한 중요한 규칙 1. 숫자 - 소수를 포함하거나 포함하지 않을 수 있다. 2. 문자열 - 큰 따옴표("")나 작은 따옴표('')로 묶인 텍스트 # 변수 - 변수는 데이터 값을 저장하는데 사용 # 연산자 - 산술 연산자(+, -, *, /)를 사용하여 값을 계산 - 할당 연산자(=)을 사용하여 변수에 값을 할당 # 표현식 - 식은 값, 변수 및 연산자의 조합으로 값을 계산한다. ex) x = 5; 5 * 10 // 50 x * 10 // 50 "jon" + " " + ..

codepen.io/ty01059/pen/vYXzJjq?editors=1011 jsp+Vue_doWrite ... codepen.io * 진행중

- innerHTML ex) // 11 - document.write() ex) test // test * Try it // 11(기존의 HTML은 모두 날라가고 document.write 결과만 남는다.) * HTML 문서가 로드된 후 document.write()를 실행하면 기존 HTML은 모두 날라갑니다. - window.alert() ex) * 알림창 * window 키워드 생략 가능 - console.log() ex) * 콘솔창에 출력

* 변수란 데이터를 담아놓은 공간 - var 을 사용하여 변수를 선언 - var에 담는 데이터에 따라서 타입이 변한다. * 종류 1) function-scoped - var : 다양한, 넓은 공간에서 사용 가능 2) block-scoped - const : 재선언, 재할당이 불가능하다. (한번 선언하면 같은 이름으로는 데이터변경 불가능) - let : 재할당이 가능하다. (한번 선언해도 다시 데이터 할당이 가능) * 구성 규칙 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있습니다. 이름은 문자로 시작해야합니다. 이름은 $ 및 _로 시작할 수도 있습니다 (이 자습서에서는 사용하지 않음). 이름은 대소 문자를 구분합니다 (y와 Y는 다른 변수 임). 예약어 (예 : JavaScript 키워드)는 ..

1) java를 기반으로 하는 스크립트 언어 2) HTML에 java코드를 넣어서 동적인 웹 페이지를 생성하는 웹 어플리케이션 도구 3) jsp 문서는 백그라운드에서 Servlet 으로 자동으로 변환된다. 4) 웹 어플리케이션 서버에서 동작되며, 필요한 기능을 수행하고 생성된 데이터를 웹 페이지와 함께 클라이언트로 응답한다. ** 특징 1) 스크립트 언어이기 때문에 java의 기능을 그대로 이용할 수 있다. 2) tomcat(WAS)이 만들어놓은 객체를 사용한다. 3) 사용자 정의 태그를 사용할 수 있다.

* 페이지 작성에 있어서 보조해주는 도구 * HTML과 같이 사용 가능 ui.toast.com/tui-editor TOAST UI :: Make Your Web Delicious! The TOAST UI Is Free Open-source JavaScript UI Libraries Maintained By NHN. ui.toast.com

1) root에 선언해서 사용한다. ex) :root { } 2) `--`를 사용해서 변수 선언 ex) --a:10px; 3) 사용시 ex) var(--a);

1) HTML의 레이아웃 구조를 다양하게 위치 및 구성시킬 수 있는 속성 2) 개념 - container : items를 감싸는 부모 요소 - items : items를 정렬하기 위해서는 container가 필수 3) container 속성 - display - flex-flow : flex-direction, flex-wrap - justify-content - align-content - align-items 4) items 속성 - order - flex : flex-grow, flex-shrink, flex-basis - align-self

* 프로세스(Process) : 동작하고 있는 프로그램 - 보통 한 개의 프로세스는 한 개의 일을 진행함 * Thread : 한 프로세스 내에서 두가지 이상의 일을 동시에 진행 할 수 있게 된다. - new Thread() - extends Thread - Thread().start() - Thread().stop() -> 더 이상 사용하지 않는다고 함 - Thread().interrupt() -> stop() 대신 사용한다.