JavaScript

Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 Ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이라고 할 수 있다. ※ 비동기(async)방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 이다. 이 방식의 장점은 페이지 리로드의 경우 전체 리소스를 다시 불러와야하는데 이미지, 스크립트 , 기타 코드등을 모두 재요청할 경우 불필요한 리소스 낭비가 발생하게 되..

오늘 공부할 주제 더티체킹이란? 영속성 컨텍스트란? Github 코드 보기 1. 글 상세 페이지 만들기 글목록에서 해당 글을 클릭하게 되면 열리게되는 상세페이지를 먼저 만들어보도록 한다. // detail.jsp 돌아가기 수정 삭제 글번호:${board.id}&nbsp 작성자:${board.user.username}&nbsp 작성시간:${board.createTime} ${board.title} ${board.content} 등록 디자인은 따로 설명하지 않도록 하겠다. 먼저 상단에 돌아가기, 수정, 삭제 버튼을 만들어 글을 보는 사람이 글쓴이 일 경우에 해당 버튼이 보이도록 하였다. 그리고 돌아가기 버튼은 history.back()함수를 사용하여 전 페이지로 이동하게 하였다. 나머지 인자 값들은 글정보를..

오늘 공부할 주제 Javascript 에 대해서 Github 코드 보기 1. 글쓰기 페이지 만들기 회원가입, 로그인 페이지를 만든 것과 같이 자신이 원하는 디자인을 입혀서 글쓰기 페이지를 만들도록 한다. //writeForm.jsp Title Content 글작성완료 나 같은 경우 제목의 input은 그대로 사용하였고, 내용은 summernote를 통해 edit기능가지 추가하였다. 자세한 것은 이쪽 링크를 통해 알아보자 https://summernote.org/getting-started/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that..

오늘 공부할 주제 RestAPI란? Javascript를 사용하는 이유 Github 코드 보기 1. 회원가입 페이지 만들기 먼저 index.jsp파일을 복사하여 views 하위의 user폴더에 joinForm.jsp을 생성한다. 그리고 w3cschools.com에서 마음에 드는 폼을 가져와서 커스텀 한다. 아직 controller를 안만들었기에 VS를 이용하여 간이로 디자인을 확인한다. 깔끔하게 레이아웃 설정이 완료되었고, username, password, email 정도만 Client로부터 입력 받으면 될 듯하다. 이 때 회원가입 navbar의 href주소를 "/auth/joinForm"으로 설정하여 회원가입 페이지로 이동할 수 있도록 한다. 최신화된 css가 있으면 기존에 프로젝트에 추가한 styl..

빅데이터 관련 국비교육 과정 중에 HTML, CSS, Javascript에 대한 부분을 제대로 학습하지 못하고 넘어가서 이번 기회에 빠르게 간단하게 나의 웹 페이지를 꾸밀 수 있는 역량을 기르고자 학습을 시작 해보았습니다 :) 수업 내용과정을 명시하기 보다는 수업내용 중에 알아두면 좋을만한 부분을 기억하고자 기록한 글입니다!! 1. 눈누 - 상업용 무료한글폰트 사이트 2. html 작성 Markup을 하기 위해 section, div, span, p, img, input, button, h1, h3, footer 정도의 간단한 태그와 class, id 등의 selector를 지정해 주었다. 3. CSS 작성 지정해준 selector와 태그를 지정하여 각각 디자인을 입혀준다. display, positio..