자바스크립트 검색 결과
5 개의 검색 결과가 있습니다.
Coding story/go HTML,CSS,JS

자바 스크립트를 통한 로딩창 띄우기

프로젝트를 하다보면 거의 관리프로그램을 만드는데 이를 열심히 만들다보면 이왕이면 예쁘게 만들어야지 라는 생각이 먼저든다. 관리프로그램에서 창을 넘어갈때 있어 보이게 하는 것이 바로 이 로딩창. 그래서 로딩창을 찾아서 프로젝트에 넣어보았다. #코 드 실행하는 원리는 처음에 본문의 display가 none으로 되어 있다가 자바스크립트 단을 타고 window.onload와 setTimeout를 타고 3초 후에 서로의 display가 바뀌는 점을 착안한 것이다. 실제로 둘다 같은 화면에 있지만 로딩애니메이션이 담긴 div와 본문이 담긴 div의 display가 바뀌면서 로딩을 한 것처럼 착각을 하게 만든다고 생각하면 된다. # 출력되는 jsp단 1 2 3 4 5 6 7 이곳에 로딩창출력 후 출력될 내용을 넣으면..

2022. 3. 10. 20:12
Coding story/go HTML,CSS,JS

자바스크립트 보충수업#2 (Json,복사와 참조)

#JSON의 형태와 HTML,XML (매우 중요) 자바 스크립트의 작성형태는 HTML ,XML ,JSON ,CSV 가 있다. HTML과 XML은 마크업(Markup)언어로서 태그 등을 이용하여 문서나 데이터의 구조를 기록하는 언어의 종류이며 HTML XML의 차이점은 태그의 정의유무이다 (HTML은 태그가 정해져있고, XML은 태그가 정해지지 않았음) JSON(JavaScript Object Notation) 자바스크립트 객체문법은 XML에서 발전된 형태로 속도가 향상되었다. JSON은 변수명 { 속성 : 값 } 으로 이루어진 꾸러미형식의 형태이며, JSON로도 다 쓸수 없는 양의 데이터 일시, CSV가 감당할 수 있다.(용량대비 파일용량이 큼) 밑과 같은 JSON배열의 변수가 두 개가 있는데, 실제로 ..

2022. 1. 24. 20:48
Coding story/go HTML,CSS,JS

자바스크립트 보충수업 #1 (자바스크립트정의, 암묵적형변환)

자바스크립트는 동적언어로서, 객체기반의 스크립트언어이다. 주로 웹브라우저에서 사용되나 몇몇 프레임워크를 통하여 서버 프로그래밍에서도 사용된다. 동적언어 - 데이터형(문자,숫자,Boolean형등)을 자동으로 할당해줌 스크립트언어 - 응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어 아래의 예를 보면 바로 동적언어의 이해가 빠를것이다 각 데이터의 앞에 따로 형을 적지 않아도 자동으로 인식되는 것을 볼 것이다. 고로 자바스크립트는 데이터자체의 값을 보고 데이터형을 판별한다 See the Pen Untitled by hambugman (@hambugman) on CodePen. 각 형태의 데이터는 boolean값을 갖고 있다. 문자는 " "이 false값, 숫자는 0이 false. 마지막으로 null은 자동 f..

2022. 1. 24. 19:42
Coding story/Error Error Error

<a>태그와 confirm함수 같이 사용하고싶다....어쩌냐

# 문제점 장바구니에서 삭제하는 값을 아이디값이랑 같이 삭제처리하는 JSP로 보내야하는데 태그안에는 도서의 코드값을 갖고 있어서 상단에서 location.href="URL"로 보내려고 하니 객체의 값이 밑에서 지정되어 컴파일 에러가 발생하고 해당 문안에서 Form태그를 사용하니 내가 미숙해서 그런지 취소를 눌러도 삭제가 되는 기능이 발생하였다. # 해결법 막상 찾아보고 해보니 생각보다 간단하였다. 그런데 이런문이 작동이 되는게 정말 자바스크립트는 기묘하다. onclick에서 return안에 confirm을 넣는 것만으로도 작동한다는 걸 이제 깨닫는다. 1 2 삭제 cs 출처: https://codingmania.tistory.com/75 태그에서 confirm 함수 사용하는 방법 게시판을 제작할때, 글 ..

2022. 1. 20. 21:27
Coding story/go Spring,JSP

인터넷 서점 만들어보기(JSP/Java)-1.리스트출력

간단한 기능이 들어간 인터넷 서점을 만들어 보겠다. 우선은 리스트만 띄우는 것으로 하겠다. # 프로젝트 내의 내용 - Java Resources BookRepository.java : jsp내의 fuction기능을 담고 있음 Book.java : book객체의 속성을 담고 있음 - WebContent(Root Path) : jsp와 css js를 담고 있음. css: bootstrap의 내용을 가져다 저장해놓음 js : 유효성검사나 기타 jsp내에서의 기능을 다루기 위해 만들어 놓음 upload : 업로드한 이미지 파일이 올라갈 곳 # 1. VO정의(Book.java) Book이라는 객체의 성격을 정의하고, 그 밑에 setter, getter,생성자 그리고 toString을 쓴다. (속성의 내용을 갖고올..

2022. 1. 17. 20:02