web관련 공부들 14

JavaScript popup - 4.Popup창 배치(가운데, 계단식)

1. window.open() 팝업 창 배치 - 윈도우 팝업은 원하는 위치에 배치가 가능한데, 보통 수동으로 아래의 예시처럼 창의 크기와 화면의 끝부터 떨어진 위치만큼의 값을 입력하여 배치한다. ex) window.open('www.naver.com/', 'naver', 'width=400, height=600, left=400, top=400'); - 이때, function을 만들어 더 편리하게, 원하는 위치에 배치할 수 있다. 2. function 생성으로 가운데 배치 - function을 생성하여 생성할 팝업창의 폭과 높이를 넣어주면 스크린의 가운데에 위치할 수 있는 수식을 셋팅. 데스크톱에 띄운 브라우저 창의 위치 : window.screenLeft 현재 브라우저의 창 크기(메뉴, 툴바, 스크롤바..

web관련 공부들 2021.03.04

JavaScript popup - 3.Cookie를 사용한 오늘하루 열지않음 기능

1. Cookie란? - 접속자의 정보를 접속자 HDD에 파일로 저장하여 연결을 유지, 관리하는 것으로 문자열만 저장 가능하고, 4kb로 한정된다. 접속자의 HDD에 저장되기 때문에 보안이 취약하여, 비슷한 기능을 가졌지만 서버 측 메모리에 저장하는 Session을 통해서는 로그인을 유지시키고, Cookie에는 오늘 하루 열지 않음 같은 중요하지 않은 정보를 저장시킨다. 2. Cookie 사용법 - 객체화 Cookie c=new Cookie(키, 값); //(String, String) //키와 값의 쌍을 가지는 Map, Cookie, Json, Session.setAttribute(이름, 값); //KVP - 쿠키의 생존시간 설정 c.setMaxAge(초); - 쿠키 심기 (심어진 쿠키는 생존 시간만큼..

web관련 공부들 2021.02.25

JavaScript popup - 2.동적 form생성을 통한 팝업 여러개 띄우기(다중 팝업창)

1.동적 form생성이란? -보통 form태그의 내용을 전송할 때, form.submit(); 또는 input태그의 type="submit" 을 통해 form태그에 들어있는 데이터를 전송하는데, 동적 form 생성을 통하여 HTML에 form태그가 존재하지 않아도 데이터 전송이 가능하다. -동적 form 생성이 안된다면 아래 예제처럼 form을 만들어 놓은 상태에서 데이터를 담아야 하는데, 만약 전송 할 데이터 갯수가 예측 할 수 없다거나 여러 팝업이 생성되어야 한다면 아래의 코드로는 불가능 하다. 앞의 1.window.open() 에서 설명했듯이 popup의 name이 정해져서 다중으로 열리지 않기 때문이다. 팝업 -위 예제를 동적으로 변경&다중 팝업 소스코드 팝업 -유동적인 hiddenfileld 값..

web관련 공부들 2021.02.09

JavaScript popup - 1.window.open()

1.window.open() window.open( url, windowName [,windowFeatures] [,optionalArg4] ); 1.1.window.open() 함수 문법 - window.open()은 새 창/새 탭 또는 팝업을 명시한 URL로 열 때 사용하는 함수 - url : 이동할/보여줄 사이트 주소 링크 - windowName : 새로열릴 창 이름으로, 동일한 이름의 창이 열려있으면 해당 팝업이 새로고침 되고, 중복되지 않는 창 이름은 새로운 창이 열린다. 값 설명 _blank 새 창에 열림 _parent 부모 프레임에 열림 _self 현재 페이지 대체 _top 로드된 프레임셋 대체 name(임의의 이름) 새 창에 이름을 지정하여 열림 - windowFeatures : 생략가능,..

web관련 공부들 2021.02.05