[JAVA_Back-End]

jQuery란? - 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리(=자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들) 기본 Syntax $(selector).action() ex) $(this).hide() - 해당 요소를 숨긴다. $("p").hide() - p태그를 숨긴다. $(".test").hide() - class가 test인 요소를 숨긴다. $("#test").hide() - id가 test인 요소를 숨긴다. jQuery 기본 작성문 문서가 완전히 로드되기 전에 어떤 jQuery 코드도 실행되지 않도록 하는 것. = 문서가 완전히 로드되고 준비될 때까지 기다린다. $(do..

BOM DOM(*) 1.html 검색, 동적으로 생성, 삭제 * 변화는 메모리에서만 수정되는 것임(매우 중요) 2.css (style) 생성, 삭제, 디자인 - F12에서 요소를 확인하면 알 수 있다. (메모리 변화 확인하기)

class 사용자 정의 객체-문법 사용법 내장객체 기본객체 - BOM - DOM => www.w3schools.com => https://developer.mozilla.org/ko 외부객체 DOCTYPE html> Document //달력만들기 const year=2023; const month=8; const start=new Date(year,month-1,1); const end=new Date(year,month,1-1); //1일 요일 (일요일을 1로 잡음 원래 0임) const startDayOfWeek =start.getDay()+1; //마지막날짜(한달날짜) const endDate=end.getDate(); let html=""; let html2=""; ht..

모듈화 함수 지역변수 제어문 객체 멤버필드(변수) 메서드(함수) =>멤버필드의 초기화 *생성자:constructor *setter/getter *사용자 정의(개발자)-문법 *내장 사용법 기본객체- 자료형 연관 클래스 Object String-암기 BOM-Browser Object Model - 브라우저 제어 DOM-Document Object Model-html 제어 *외장 사용법 *주민번호 계산 코드 - util.js에 따로 선언시켜 빼낸다 //함수화 시키기 //js에 따로 선언 const isJuminCheck=function(jumin){ //입력값 처리 jumin=jumin.replace('-',''); const bits=[2,3,4,5,6,7,8,9,2,3,4,5] let sum=0; for(..

이전 포스팅 정리 [선언 함수] function 함수명(parameter...){ return } [익명함수] const 참조변수=function(parameter...){ return; }; [화살표함수] const 참조변수 = (parameter)=> {return}; [호출 ] 프로그램 함수명(참조변수명)(parameter..); html 이벤트에 포함 onclick="함수명(참조변수명)()" [{}블럭] 1. 코드 2. 제어문 3. 함수 변수사용영역 [배열] - 한 개의 변수에 여러 개의 데이터를 저장 => index사용하여 데이터를 구분 => (참조)변수에 저장되는 내용 (실제 데이터가 아니라 참조 주소값) 기본 변수 = 변수 안에 직접적으로 변수가 있음 참조 변수 = 변수가 참조할 주소값을 받..

[이전 포스팅 정리] javascript 자료 자료형 변수/상수 연산자 1변수 -> 1개값 여러 개 값=>1변수/상수에 넣을 순 없는가? --> 배열(array) 제어 =>flowchart 처리 -> 출력 조건에 의한 분기-이진트리 (if, if~else,if~else if ~else, switch~case~default, 삼항연산자) 조건에 의한 반복-반복횟수 (for, while, do~while) 초기값, 조건식, 증가값 -> 반복횟수 *조건: 비교연산자나 논리연산자의 결과(true/false) 기타 break, continue, label *중첩 예제) 별표, 구구단, html결합 [함수] 반복해서 사용되는 코드를 묶어놓은 후 사용함 변수와 제어문으로 이루어짐 사용자 정의 함수 - 개발자 정의한 ..

javascript =>ECMAScript *스크립트(인터프리터)언어 소스=실행파일 실행-해석기(v8엔진- google:open source) chrome(google) safari(apple) edge(ms) node.js 성당(close source)과 시장(open source),,, 자료(data) - 자료형(논리형 숫자형 문자(열)형, undefined, object) - 변수/상수(이름선언 var/let/const) - 연산자 (산술연산자, 문자열 연결 연산자, 대입 연산자, 증감 연산자, 비교 연산자, 논리 연산자) 제어 흐름-기술(해석) 순서 위-아래 조건 - 비교연산자 or 논리연산자의 결과(true/false) 조건에 의한 분기(condition) -2갈래(참 아니면 거짓) 조건에 의한..

[JAVASCRIPT] *프로그램-작업 *프로그램 언어- 작업의 내용을 기술 => 컴퓨터에게 일을 시키는 방법 *기술하지 않은 내용을 동작하면 안됨 *기술순서는 순차처리이다 (위->아래) #프로그램 언어의 종류 - 컴파일 언어: 소스O, 컴파일 하여 실행코드로 만들고 실행한다. 속도 빠름:C/C++/JAVA - 스크립트 언어: 소스=실행코드 이기 때문에 바로 실행한다. 코딩 편리성이 좋음: javascript/python # 프로그램 언어에서의 중요요소 - 문법 (프로그램 언어에 대한 이해할 때) - 라이브러리 (프로그램 구현할 때) * 문법을 생각하면서 라이브러리를 사용해야함 #프로그램 종류 1. 윈도우 프로그램 - windows/linux/macOS =>인스톨해서 실행하는 프로그램 2. 웹 프로그램 ..

CSS -> selector를 중심으로 속성을 부여하는 방식 1. selector(js) 2. 속성 navigation Bar dropdowns Image Gallery Image Sprits * 테이블 만든 후 CSS에 Style을 주어 커스텀 DOCTYPE html> Document table{ width: 100%; border-collapse: collapse; } th, td{ text-align: left; padding: 8px; } tr:nth-child(even){ background-color: #f2f2f2; } th{ background-color: #528ce4; color: white; } th:hover{ background-color: rgb(0, 0, 0); } 성 이름 잔..

[웹 서버 정리] html /css/js => 웹사이트 화면 구현 웹사이트 => 원격(도메인/IP:컴퓨터)에서 자료(html문서, 이미지, 동영상)를 공유 공유를 위한 준비 - 웹서버(요청에 의해서 특정위치의 자료를 공유하는 프로그램) 웹 클라이언트 (로컬) 웹 서버(리모트) -> 보안에 어울리는 프로그램들을 깔아야 의미가 있음 - 단순 웹서버 (Apache, NGINX)(정적) - 어플리케이션 웹서버 (프로그램 실행 기능, Apache Tomcat(JSP)). IIS(ASP.net)(동적) Apache Tomcat 1. JDK 설치 2. Apache Tomcat 압축 해제 시작 bin/catalina.bat run- 테스트용 bat파일 bin/startup.bat - 서비스용 bat파일 bin/shut..