우리마의 웹 개발

form태그에 대한 submit이나 화면이동 등등 버튼에 하이퍼링크를 주어서 화면 이동을 해야하는 상황이 꽤 많다. 그럴때 마다 버튼에 대해서 어떻게 값을 세팅 하는것이 가장 효율적인지 고민을 많이 해봤다. 그 중에서도 a태그에 대해 이야기 해보려고 한다. 화면이동 ajax통신이 아닌 http프로토콜 에서 화면 이동을 하는 경우 라면 화면이동 이렇게 해주어도 썩 나쁘지 않다. 버튼 문제는 화면 이동이 없는 버튼 일때 인데 여기서 화면 이동이 없다는 말은 url의 변경이 없다는 뜻이다 즉, ajax통신 또는 새로고침, 네비게이터 메뉴 등을 사용할 때 이다. 대학교에서 수업이나 과제 따위를 할때는 화면이동이 없어도 어쨋든 버튼이기때문에 버튼 위에 손모양이 보여야 하고 그래서 이런식으로 쓰는 경우가 대부분이다..

BackTick? 억음 부호(抑音符號, `, 프랑스어: accent grave 악상 그라브[*], 영어: grave accent 그레이브 액센트[*])는 발음 구별 기호의 하나로, 프랑스어, 포르투갈어 등에서 사용한다. Qwerty 자판에서 Tab 키 위의 키[1]를 이용하여 바로 입력할 수 있다.(위키백과) JS에서 BackTick( ` ) 기호의 활용인데... var a = 1; var b = "hello"; var c = "world"; var str = `${a}${b}${c} 이것은 핼로월드`; 이렇게 변수들을 (` `) 여기 안에 ${} 달러 중괄호로 쓸 수 있단 건데... 음... 나는 이거를 브라우저의 개발자 도구에서 유용하게 쓰일 거 같다. 원하는 요소의 값을 js변수를 통해 바꾸고 싶을..

Spring 환경에서 게시판에서의 CRUD기능 구현 중 삭제처리를 할 때 하나하나씩 삭제하는 방법도 있지만 checkbox를 통해 다중 삭제를 구현할 상황이 있다. 이때 JSP, Jquery, Ajax, Java에서의 처리 방법을 구글링을 하지 않고 내 머릿속의 로직을 소개한다. HTML , JSP 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 날짜 제목 이름 20/01/16 TEST글1 USER1 20/01/16 TEST글2 USER1 cs 사실 tbody의 리스트 들은 script에서 ajax통신을 통해 DB 조회 이후 목록을 append 한 건데 알아보기가 힘들 거같에서 간단히 목록 2개만 예시로 가져..

웹 페이지에서 Alert, Confirm과 같이 경고창을 띄워야 할 상황이 왕왕 있다. Javascript에서 기본으로 제공하는 alert이나 confirm을 사용해도 무방하지만 modal 창을 이용해 조금 더 세련된 웹 페이지를 만들 수 있다. 다양한 modal ui 가있지만 그중에서도 SweetAlert에 대해 얘기하려고 한다. 구글에 SweetAlert이라고 검색하면 홈페이지에 들어갈 수 있다. 기존의 alert과 sweetAlert를 이용한 경고창을 비교해볼 수 있고, 아래의 Get started 버튼이나 상단의 Guides메뉴를 클릭해 사용법에 대해 알아볼 수 있다. 먼저 어떠한 라이브러리를 사용하려면 라이브러리 파일을 import 해줘야 한다. jquery를 사용할 때 jquery-1.12.4..