2021.02.10(Wed) 📌 TIL
======================2월 10일 수요일======================
-----------------------------[오전]--------------------------------
💻 자바스크립트 문법 기반 = js, JQuery, BootStrap, Ajax
ㅣ- 익명 annoynous 익명개체, 익명함수
ㅣ- 자바스크립트 function nullCheck( ){ 내용기술 }
ㅣ- JQuery 변수 = function( ){ 내용기술 }
ㅣ- JQuery 표식
MVC2=서블릿 다시 공부예정
MVC2하면 무조건 EL태그, JSTL태그 응용 (2주)
ㅣ- mvc2기반으로 플젝진행 할때 어려우면=> jsp단독, java + jsp 진행
ㅣ- mvc2기반으로 플젝진행 mvc2=java+서블릿+java+jsp, jsp단독, java + jsp 혼합해서 사용
spring프레임워트 EL, JSTL태그 필수사용 (3주)
framwork = 프레임워크 = 프레임웍 = 틀 = 기준
ㅣ- 상속을 꼭 지정
ㅣ- 특정 메소드 꼭 구현
ㅣ- xml + 순수자바 + 컨드롤자바 + 웹문서(~.jsp, ~.js, ~.css)
/////////////////////////////////////////////////////////////////////////////
public class TestCal {
int kor=90, eng=85, hap=0; //non static전역변수 선언 및 값 대입은 가능
public static void main(String[] args) {
hap = kor + eng ; //에러이유? --
}
}
1) static 삭제하고 실행 - 그래도 에러
오류: net.tis.day10.TestCal 클래스에서 기본 메소드가 static이(가) 아닙니다.
다음 형식으로 기본 메소드를 정의하십시오.
=> jsp문서는 웹문서 자바의main없이도 단독실행가능, 웹서버가 단독 실행하도록 지원
=> mvc2서블릿=프레임워크 단독실행가능, 웹서버가 단독실행하도록 지원
=> 자바는 실행하려면 무조건 main메소드 존재, main메소드는 기본패턴=양식
2) public class TestCal {
static int kor=90, eng=85, hap=0; // static 추가 - 에러없음
=>다른클래스에서도 가능하니까 현재에서만 private (캡쳐참고)
3) TestSJ.java문서 - 익명의개체 (캡쳐참고)
/////////////////////////////////////////////////////////////////
💻 자바스크립트에서 배운것 복습
ㅣ- 음식 양식한신중식 드래그드롭
ㅣ- 퍼즐 = puzzle, 피자반반
ㅣ- 널체크, id중복, 숫자문자체크
ㅣ- email유효성체크
ㅣ- 다음주소
ㅣ- 이미지 미리보기
ㅣ- 검색할때 guestList.jsp 문서에 function myclear( ){ }
💻[jQuery 시작]
ㅣ- jQuery 작성편집기 vsCode
ㅣ- jQuery 진행 교재참고 (pdf문서 159페이지)
Mtest
ㅣ-workjquery 폴더생성
ㅣ- images (둘째마당_6장 에서 가져옴)
ㅣ- js (둘째마당_6장 에서 가져옴)
ㅣ- first.html
-> 라이브러리연결 CDN 혹은 다운로드 후 폴더
-> https://jqueryui.com/addClass/
ㅣ- page170.html => $(function(){여기에 코드 기술});
<script>
//자바스크립트 태그안에서 jQuery 기술시작 -> 기본틀 $(function( ){ });
$(document).ready(function(){ // (document).ready는 생략가능!
$("#title").css("color","red");
$('#title').css('font-size', '20pt')
});
</script>
📃 왜 jquery사용?
스타일에서 스타일속성 지정변경해도 되는데 굳이 jQuery사용??
자바스크리트에서 액션에 따라 스타일가술
스타일에서 스타일속성을 기술해도 되지만 이벤트나 액션에 따라서 화면효과를 지정
자바스크립트에서 이벤트 기술, 속성변경 대입, 대상 어떻게연결
-----------------------------[오후]--------------------------------
📃 [JQuery교재 실습 이어서]
Mtest
ㅣ-workjquery 폴더생성
ㅣ- page170.html => $(function(){여기에 코드 기술});
ㅣ- page170_2.html
ㅣ- page172.html 기본 선택자
ㅣ- page173.html 아이디 선택자
ㅣ- page174.html 클래스 선택자
ㅣ- page177.html 종속 선택자
ㅣ- page179.html 부모 요소 선택자
ㅣ- page180.html 하위 요소 선택자
ㅣ- page181.html 자식 요소 선택자
ㅣ- page183.html 형/동생 요소 선택자
ㅣ- page189.html 가장 가까운 상위요소 선택자
자바스크립트에서 css스타일기술을 하는데 태그접근방식
$(document).ready(function( ){
$('#wrap').스타일 css접근
});
Mtest
ㅣ-workjquery
ㅣ- calendarmain.html 문서분석
마지막에 받은 코드로 응용해서 조금 만져본 페이지 ㅎㅎ
아직 안건든거나 다름없네요,,, 연휴 잘 쉬고 (정처기 공부하기 ✍)
다음주 진도도 화이팅이요 ! 😁