웹프로그래밍
1.git fork, 베포 및 tomcat 서버
git fork fork 란? 나의 깃허브에 강사님의 깃허브를 아예 갖고올 수 있음 : fork -> clone 해서 사용할 수 있음 fork는 언제 사용하는가? 강사님의 새로운 커밋이 올라올 때마다 동기화해서 가져다 쓰기위해서 강사님의 깃허브에서 나의 깃허브
2.fork, Tomcat 서버, 경로,
git 포크 fork 자신의 저장소에 clone 하기 git clone 나의 fork 저장소 주소 fork(강사님)의 저장소를 upstream 이라는 이름으로 clone 된 local 저장소에서 등록하기 git remote add upstream fork 본주소 >
3.git hub에 서버 연결, 웹프로젝트 구현(insert, delete, update)
git git hub로 올리기 올리면 안되는 파일 .metadata : 이클립스의 설정(글자크기, 템플릿) Servers : 서버의 정보 환경은 이클립스에서... git init 하기 gitignore 작성하기 올리면 안되는 내용 작성함 DB 연동하는 jar 파
4.jsp 공동응답(Servlet + jsp), 방명록, insert, update
웹프로그래밍 updateform insert 의 옵션과 value 값 확인하기 bootstrap 공식 홈 문서에서 cdn link 복사하기 =Content Delivery Network 원하는 페이지에 복붙 jsp,html에 편하게 불러올 수 있음 :commet
5.방명록 foother, scope, filter, fetch 함수
웹프로그래밍 1. 방명록 foother Dto는 static을 붙힐 필요가 없다. 왜냐면 그렇게 하면 공간이 하나만 생겨서 하나의 정보밖에 담지 못함 그리고 이건 생성자와는 상관은 없음 2. 로그인 기능 전 사전 학습 2 . 로그인 2-1. scope >Scope는
6.jquery, fetch , cookie
jsp 의 영역정리 > jsp의 자바영역()은 서버가 하는 영역 jsp의 html, 자바스크립트는 웹브라우저가 하는 영역 jquery 라이브러리를 이용해서 동작을 하게한다. https://jquery.com/ https://jsonplaceholder.typicod
7.jquery return 값, Upload & FileDown
jquery jquery의 리턴값 .동작을 연속적으로 할 수 있는 이유는 jquery 의 기능이 탑재된 위치가 변하지 않기에 가능 (ex. 배열에서 위치가 변하지 않기에) > jquery 의 선택자는 jquery 기능이 탑재된 배열에 무조건 담는다. > $() 이위치
8.jquery (e.target), 페이지 전환없이 데이터 받아오기, Servlet의 역할, SmartEditor, 정규식
jquery jquery 스니펫 등록 > 자우 이용하는 html 요소를 등록할 때 각각의 box class에 함수 등록하기 바닐라 코딩 여러 개의 요소를 선택하기 위해서는 무조건 querySelectorAll를 사용해야 하고 요소들을 제어하기 위해서는 for문을 돌
9.jsp의 관점, Tomcat 서버 연결, DbcpBean,
프로그래밍 지난 시간 보완 경로 프로젝트명 : context path / : web app > 실제 존재하는 파일의 요청이면 사용 > 프로젝트명/ -> 자동으로 index.html 이 나옴 요청과 응답 입장 웹브라우저는 client의 입장 :request = 주소
10.addClass...&.show, RegExp(\, *,+,?),로그인 검증 방법
디버깅 > html, 자바스크립트는 검사의 소스 창에서 디버깅 하기 jquery .addClass, .removeClass, toggleClass toggle 은 사라졌다가 나타났다가 box라는 css요소를 추가하거나 삭제하거나 토글할 때 사용 > on 사용시 발생
11.jquery 동작, 입력 값 검증여부,vue
Jquery 이벤트명으로 함수가 만들어져 있음 애니메이션 동작 & > 구조를 파악하면서 치기 공식 도큐먼트 https://api.jquery.com/ 입력한 아이디 실시간 검증 bootcss 사용 회원가입폼 해당 아이디가 아니면 밑에 요소가 나타나게끔(signu
12.Vuejs : 키값(){}, evetn, .prevent, v-bind, computed, spread와 CSR & SSR
Jquery 공식도큐먼트 > https://api.jquery.com/ plugin ...javascript loading datetimepicker 공식 도큐먼트 > https://fotorama.io/ > jquery로 사용시 손쉽게 html 요소를 제어할 때
13.ajax(), <c:forEach>, <c:if>
jquery 이클립스 실행 ajax() 함수 이용해서 페이지 전환 없이 서버에 요청 object 축약형 작성 ex. {msg:msg} > 키와 value 의 이름이 같을 때 , 축약형 사용 .ajax() 로 페이지 불러오기 눈에 익히기... url , method
14.EL + JSTL, <c:choose>, DB 연동 로그인(중복검사), fotEach, map, 이클립스 remote tracking 문제
Jquery EL EL을 사용하는 경우 자기가 얻어온 값을 클라이언트에게 출력하는 용도 JSTL 에서 사용할 데이터를 만든다 JSTL jstl은 EL로 데이터를 가지고 오기 편한 폼으로 만들어줌 signup-form Oracla DB 연결 Oracle에 접속 오라
15.concat, filter, sort, 세션 기반 로그인, 로그아웃, empty, filter로 회원만 접속
javascript 심화 concat("추가하고 싶은 새로운 요소") > [...배열이름,"추가하고 싶은 요소"] > 기존의 배열에 아이템을 추가한 새로운 배열을 만들때 filter > 원하는 데이터만 뽑아서 배열을 생성할 때 sort two - one 는
16.자바스크립트 배열 심화(정렬, 할당,함수,...args,class - static,생성자 ), 파일 업로드와 사용자 정보 업데이트, 동기&비동기,
javascript 심화 sort > 함수에서 사용할 item에 뭐가 담겼는지가 중요함 배열 구조 분해해서 할당(destruct) object도 분해해서 할당할 수 있다. function 매개변수의 기본값 설정 매개변수를 만들고 아무것도 전달하지 않아도 함수가
17.자바스크립트 심화(상속, get, set), 글 목록 post 기능
자바스크립트 심화 class 다중 정의 글 목록 보기 글 작성하기 테이블 생성하기(table.sql) if. 만약에 강사님의 db 에 접속하기 위해서는 name 이랑 접속 주소 변경하기 192.168.0.107 서버가 작동이 안된다면...? 서버 클린, 프로젝트
18.ajax,CORS, LAG & LEAD, 동적쿼리문-post 검색기능, EL null ,프로젝트 Dbeaver 활용하는 법
ajax > 웹페이지가 새로고침되지 않고도 서버와 데이터를 주고받을 수 있게한다. 검색 자동완성 기능, 좋아요 기능... 새로고침 없이 화면에 반영하는 기능들은 ajax를 사용한다. CORS 출처가 동일해야 한다 = 자바스크립트가 다른 출처에 요청하는 게 막힘 내
19.로컬 페이지, 댓글+대댓글 기능
서버의 context.xml의 속성 변경하기num 이랑 parentNum 을 비교해서 댓글인지? 대댓글인지? 최신 댓글이 위에? 아래? (정렬)parentNum (댓글의 그룹 번호가 있어야 댓글+대댓글을 묶을 수 있음)multipart/enctype 은 파일 데이터가
20.웹애플리케이션 배포
LinuxServer 웹프로젝트를 개발하고 올릴려면 고정된 ip가 있는 컴퓨터에 돌려야 한다. 서버는 리눅스 사용이 가장 많음. = 자바, 톰캣을 설치하기 자바는 원소스 멀티플랫폼으로 별다른 수정 없이 어디서든 실행할 수 있다. java, python .... > 자바