TIL
[Today I Learn] 2022.05.24
TIL jQuery - 입력양식에 대한 이벤트 change() : 내용을 변경할 때 focus() focusin() : 초점이 맞춰지기 바로 전에 발생 focusout() : 초점이 사라지기 바로 전에 발생 blur() : 초점이 사라지면 발생 select() : 선택할 때 submit() : submit 버튼을 누를 때 reset() : reset 버튼을 누를 때 - 이벤트 연결 종류 bind() : 현재 존재하는 문서 객체에만 ex) bind("click", function() {}); unbind() : bind()로 연결된 이벤트 제거 on() : bind와 비슷하게 이벤트 연결. 동적으로 추가된 요소들에게 이벤트 추가가 가능 ex) $(document).on("click", "#parent di..
[Today I Learn] 2022.05.23
TIL 5/19 날아가버린 TIL html() : 태그를 포함하는 부분 text() : 태그가 포함되지 않은 텍스트 부분 remove() : 한 개의 객체만 지움 empty() : 태그 내의 모든 태그 제거 append() : 태그 내에 요소 삽입 jQuery $(selector).method(function(event) { }); event : click, dbclick, mousedown, mouseup, mouseenter, mouseleave, mousemove, mouseout, mouseover가 있다 focus() : 커서가 들어갈 때 실행 blur() : 커서가 빠져나올 때 실행 prop() : 선언만 되면 되는 속성(checked 등)에서 속성을 껐다 켰다 할 수 있음 버튼을 클릭해도 동..
[Today I Learn] 2022.05.19
TIL jQuery each() : for문과 비슷하게 생각. 배열 요소에 접근할 때 사용, 콜백함수를 사용(매개변수로 인덱스와 요소) filter() : 기준에 의해 걸러진 새로운 집단을 만들 수 있음. eq() : 필터 선택자, 특정 위치에 존재하는 객체 .each(array, function(index, element)) : $("h2").each(function(i, e) {})와 같이 이미 앞에서 array(선택된 배열)가 있다면 매개변수에 array를 사용하지 않아도 된다. each() 메서드의 형태 1. $.each(object, function(index, item){ }) 2. $(selector).each(function(index, item){ }) addClass("클래스명") : ..
[Today I Learn] 2022.05.18
TIL jQuery $("td:odd") 는 테이블의 td를 한 줄로 세운 후 홀수 번째 인덱스에 해당하는 요소를 찾는 것 css는 더 작은 범위에 있는 것을 우선으로 함 filter(index, object) 메서드 사용 매개변수로 index, element를 갖는다. 매개변수의 순서를 기준으로 index와 object를 읽어들인다 필터를 사용하면 성능을 개선시킬 수 있다 : 모든 is( ) : 판단의 메서드, true/false를 반환 $ : DOM 객체를 JQuery객체로 변환하기 위해사용 ex) $("input") : input태그를 jquery에 사용하기 위해 호출 function checkBtn() { $("input[name=check]").each(function() { if($(this)..
[Today I Learn] 2022.05.16
TIL jQuery 자바스크립트에서 사용하는 라이브러리 - 화면이 깜빡거리지 않아도 내용이 변경 가능하다 크로스 브라우징이 가능(IE, Edge, Chrome, FireFox..) CDN 인터넷 상의 다른 서버에 있는 파일을 빌려와서 사용 - 인터넷이 끊어질 경우 작동 x (직접 다운받은 경우는 작동된다) jQuery 사용시 아이디 선택자 주의 : 1개만 선택 가능 html에서 button을 만드는 방법은 2가지이다 , jquery에서는 input 으로 만든 버튼만 선택이 가능하다 jquery로 만든 객체는 dom객체와는 구분된다 자바스크립트에서 상태가 변할 때 함수 적용 : onchange 사용 열심히 배웠지만 학습단계에서는 바닐라 자바스크립트를 연습하는것을 추천 (by 니코). 작업 환경이 jQuer..
[Today I Learn] 2022.05.12
TIL 부트스트랩을 사용하면 확실히 직관적으로 페이지를 구성할 수 있다 페이지 작성 시 참고할 수 있는 웹 사이트를 찾아두는 것이 좋다. Html+CSS+JS, JS만 사용, 부트스트랩 사용 등 사이트 제작자 마다 다른 유형을 확인할 수 있다. 클래스, 아이디 명칭, 주석은 팀과의 협업을 위해 (간략히하거나 함축하기 보다는) 자세하게 적어두는 편이 더 좋다 작성자, 작성내용, 작성일자 까지 적어주면 가장 좋고, 간단히 작업할 경우 작성 내용만큼은 꼼꼼히 적자 스토리보드 작성시 웹사이트의 도움을 받자 : 피그마(http://www.figma.com) 수정 작업 할 때 주석으로 구역 표시부터 하는 게 도움이 되는 듯 웹 서버(정적) : 안정적, 낮은 비용, 로직 x WAS(동적) : 로직을 수행, 높은 비용..
[Today I Learn] 2022.05.11
TIL 부트스트랩 , , 사용 colspan : 가로 병합, rowspan : 세로 병합 text-decoration : none; 하이퍼링크 표시(밑줄) 제거 justify-content : 좌우 정렬 / flex-start : 왼쪽 정렬 / center : 가운데 정렬 / flex-end : 우측 정렬 / space-between : 요소 간 동일 간격 / space-around : 요소 주위 동일 간격 align-items : 세로 정렬 / flex-start : 상단 정렬 / center : 중앙 정렬 / flex-end : 하단 정렬 What I did JSP 페이지 개발 (곧빼) : index, personl, group, crew, bulletinboard 페이지 레이아웃, 기본 기능 구현 ..
[Today I Learn] 2022.05.10
TIL 페이지 레이아웃을 구성 할 때는 div태그를 중점적으로 사용하자 블록부터 지정해야 함 페이지 구성 단계 부터 input값이 어디에 적용될 것인지 그려둘 필요가 있다 margin-border-padding 순서 What I did 개인 프로젝트 스토리보드 작성 : 다이어트 인증 커뮤니티 HTML 페이지 구성 Memo 확실히 직접 해보려니깐 어려운 부분들이 보인다.
[Today I Learn] 2022.05.06
TIL 경로 설정 '/' vs '\\' 의 차이 var vs varchar vs varchar2 : 2022.05.06 - [DB] - [SQL] char vs varchar vs varchar2 What I did 파일 업로드 기능 : cos.jar, imgscalr.jar 사용, MultipartRequest, Enumeration jsp 프로그래밍 교재 학습 Memo
[Today I Learn] 2022.05.05
TIL 서블릿으로부터 JSP가 생겨난 이유 , , 의 차이 버퍼 사용법 What I did 성낙현 JSP 학습 학습 내용 정리 : 2022.05.06 - [JSP] - [JSP] JSP 기초, 내장 객체 Memo 날이 꽤 좋은 어린이 날이었다. 맨시티 vs 레알마드리드 명경기를 풀경기로 보고 싶은데 여유가 없는게 아쉽다.