이전페이지로 이동할 때 사용
history.back() 은 바로 전 페이지
history.go() 는 지정한 만큼 페이지 뒤로 이동
ex) history.go(-2); //두단계 전 페이지로 이동
| (JQuery) input checked 확인법 (0) | 2015.11.10 |
|---|---|
| (JQuery) css 사용 .css() (0) | 2015.11.10 |
| (javascript) confirm 확인창 (0) | 2015.11.09 |
| (javascript) url로 새창 띄우기 (0) | 2015.09.23 |
| (javascript) replace (0) | 2015.09.10 |
예, 아니오 메세지 창 띄우기
<div class="btn-delete" onclick="confirm('삭제하시겠습니까?')">삭제</div>
이렇게 사용하면 [예, 아니오] 확인 알람창이 띈다.
응용하면>>>>>>>>>>>>>
<div class="btn-delete" onclick="if(confirm('삭제하시겠습니까?'))delete()">삭제</div>
예를 눌렀을 때 delete() 함수가 실행된다.
| (JQuery) css 사용 .css() (0) | 2015.11.10 |
|---|---|
| (javascript) history.back() / history.go() (0) | 2015.11.09 |
| (javascript) url로 새창 띄우기 (0) | 2015.09.23 |
| (javascript) replace (0) | 2015.09.10 |
| (jQuery) 페이지 로딩후 바로 실행 (0) | 2015.09.01 |
전체
border-radius : 10px;
부분
border-top-left-radius (왼쪽 상단)
border-top-right-radius (오른쪽 상단)
border-bottom-left-radius (왼쪽 하단)
border-bottom-right-radius (오른쪽 하단)
| (html) link 태그 (0) | 2016.01.11 |
|---|---|
| (기타) form 태그 안의 button (1) | 2015.12.15 |
| (개념) DOCTYPE (0) | 2015.10.01 |
| html5 태그들 (0) | 2015.08.24 |
| html내의 <script> 태그 위치 (0) | 2015.08.24 |
서블릿 배포 기술자
영어로는 DD (Deploment Descriptor)라고 한다.
web.xml은 WAS (Web Application Server)(Tomcat 등)이 최초 구동될 때,
WEB-INF 디렉토리에 존재하는 web.xml을 읽고,
그에 해당하는 웹 애플리케이션 설정을 구성한다.
다시 말해, 각종 설정을 위한 설정파일이라고 이야기 할 수 있다.
////////////////////////////////////////////////////////////////////
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath*:config/spring/context-*.xml</param-value>
</context-param>
<context-param> 에 설정된 xml에 들어 있는 설정들을 모든 서블릿과 필터가 공유
///////////////////////////////////////////////////////////////////
<servlet>
<servlet-name>action</servlet-name>
<servlet-class>
org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/config/*-servlet.xml
</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>action</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
<servlet> : 서블릿 정의
<servlet-name> : 서블릿의 이름
<servlet-class> : 서블릿 클래스 지정 - 패키지 경로를 포함한 클래스 이름이어야 한다.
<init-param> : - <param-name> 파라미터의 이름
- <param-value> 서블릿 설정 내용이 들어 있는 .xml 파일의 경로가 들어가게 된다.
<load-on-startup> : 서버가 시작 될 때 초기화 순서를 정한다. 0보다 크면서 숫자가 작을수록 우선순위가 높다.
<servlet-mapping> : 서블릿이 처리할 URL 패턴 정의
<servlet-name> : 정의된 서블릿 중 서블릿 이름으로 매핑되어질 서블릿 선택
<url-pattern> : URL 의 패턴 입력
- / : 모든 URL 을 받아들이는데 이 URL 들은 다른 패턴에서 다 걸러지고 남은 URL 들만 받게된다.
- /* : / 와 같이 모든 URL을 다 받아들이지만 /와는 반대로 무조건 모든 URL 을 받아들이게 된다.
///////////////////////////////////////////////////////////////////
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
모든 servlet들과 filter들에 의해 공유되는 spring container를 생성
///////////////////////////////////////////////////////////////////
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>
org.springframework.web.filter.CharacterEncodingFilter
</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>utf-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>*.do</url-pattern>
</filter-mapping>
필터는 요청을 처리하기 전에 특정한 일을 수행하기 위해 주로 사용
[출처] web.xml의 filter 기능|작성자 초코케익
///////////////////////////////////////////////////////////////////
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
[출처] [Spring] web.xml|작성자 wofmaker
[출처] [Spring] web.xml|작성자 wofmaker
클라이언트의 사용자가 웹 브라우저로 웹 서버에 접속할 때 기본적으로 보여주는 메인 페이지
| (Eclipse) sysout 자동완성 안될 때 (2) | 2016.03.09 |
|---|---|
| (spring)[에러] Maven Java EE Configuration Problem (1) | 2015.12.28 |
| (struts) 엑셀 파일 만들기 (0) | 2015.12.17 |
| (Spring) jsonview (ModelAndView를 이용한 ajax 사용) (0) | 2015.11.20 |
| (함수) split (문자열 자르기) (0) | 2015.10.01 |
Oracle에서는 MySql에서 사용되는 Auto Increment가 없어서
시퀀스를 생성해야 한다.
create sequence autonum
increment by 1 <1씩 증가>
start with 1 <1부터 시작>
nomaxvalue <최대값 제한이 없음>
nocache;
---------------------------------------------------------------------------
사용시
insert into test (num) values (autonum.nextval);
test는 사용하는 테이블
num은 컬럼명
autonum은 생성했던 시퀀스 명
.nextval 은 다음 값을 가져옴
| (mssql) SUBSTRING 문자열 자르기 (0) | 2015.12.09 |
|---|---|
| (mssql) 문자열 찾아 바꾸기 REPLACE (0) | 2015.12.09 |
| (mssql) 행 번호 가져오기 ROW_NUMBER() (0) | 2015.12.09 |
| (mssql) UNION ALL 쿼리 합치기 (0) | 2015.12.09 |
| (개념) AS구문 (Aliases) (0) | 2015.09.30 |
이클립스에서 spring 프레임워크 프로젝트 만들기
(이클립스, 아파치 톰켓이 이미 설치되어 있어야 한다)
.... 저는 이클립스 루나버전을 설치
1, 이클립스 메뉴의 Help -> Eclipse marketplace 선택 -> sts 검색 후 Install
2. 설치목록 확인후 confirm 버튼 클릭
3. 동의한 후 Finish 선택
4. 설치 완료 후 이클립스 재실행 알림이 나오면 확인하여 재실행하면
스프링 대쉬보드를 확인 가능
5. window -> open perspective 를 선택하여 spring 선택
perspective란? 워크벤치상의 작업도구인 에디터, 뷰를 원하는
작업특성에 맞게 배치해 놓은 틀 같은 것
6. File -> New를 선택하여 Spring Project 선택 후
spring MVC Project를 선택한 다음 프로젝트 이름을 적고 next 클릭...
7. 패키지 이름 기입 후 finish
8. File -> new -> other -> server 를 선택하여
서버타입, 이름, 호스트 이름 을 설정 후 next
9. server에 프로젝트 추가하기
10. server start
하단의 서버에서 마우스 오른쪽 버튼 클릭 후 start 클릭
11. test page
완료!
//////////////메이븐 연동은 다음에....
| /bin/rm: cannot execute [Argument list too long] (3) | 2018.07.15 |
|---|---|
| (centos7) systemd timer (0) | 2018.02.11 |
| (tomcat) 한글이 깨질 때 server.xml 설정 (0) | 2015.12.10 |
| (php) 우분투 환경에 APM 세팅 (0) | 2015.09.30 |
| (개념) web, was (0) | 2015.09.30 |
DOCTYPE - Document Type의 줄임말.
웹 페이지에서 맨 처음에 선언되어 어떤 종류의 html을 사용할지
웹 브라우저에게 알려줄 목적으로 사용.
웹표준 문서에는 반드시 !DOCTYPE 지정
반드시 <html> 태그 위에 선언 해줘야 함
[HTML5]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
[XHTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
</body>
</html>
============================================
XHTML은 웹표준이 잘 되어 있어 코딩 기준, HTML5는 확장성이 넓다.
| (기타) form 태그 안의 button (1) | 2015.12.15 |
|---|---|
| (css) 라운딩 처리 (0) | 2015.10.21 |
| html5 태그들 (0) | 2015.08.24 |
| html내의 <script> 태그 위치 (0) | 2015.08.24 |
| Table 공부 (0) | 2015.08.19 |
원형 : public String[] split(String regex)
문자열을 특정 문자열로 구분해서 자른 다음에 문자열 배열로 반환
ex)
String str = "ab,cd,ef,gh";
String[] strArray = str.split(","); // 쉼표로 구분하여 자른 후 문자열 배열에 넣음
// strArray[0] 에는 "ab"
strArray[1] 에는 "cd"
strArray[2] 에는 "ef"
strArray[3] 에는 "gh" 가 들어감
-------------------------------------------------------------------------
필요한 부분만 골라서 가져 올 수도 있음
ex)
String str = "ab,cd,ef,gh";
String tmp = str.split(",")[1] //쉼표로 구분하여 자른 후 인덱스 1번에 해당하는 문자열만 반환
//tmp 에는 "cd"가 들어감
=======================================
주의 split( 이부분 )
이부분에 들어갈 문자열이 '*' , '$' , '^' , '[' , ']' 등 정규식에 사용하는 문자일 경우는
앞에 \\ (백슬러쉬 두개) 를 붙여줘야 함
| (Eclipse) sysout 자동완성 안될 때 (2) | 2016.03.09 |
|---|---|
| (spring)[에러] Maven Java EE Configuration Problem (1) | 2015.12.28 |
| (struts) 엑셀 파일 만들기 (0) | 2015.12.17 |
| (Spring) jsonview (ModelAndView를 이용한 ajax 사용) (0) | 2015.11.20 |
| (spring) web.xml (0) | 2015.10.21 |
의미 : 테이블, 테이블의 열을 임시로 이름을 변경
예시 :
SELECT *
FROM (SELECT * FROM INFO_RECENT WHERE A = '100') AS TMP_TABLE, INFO_HIST
WHERE TMP_TABLE.ABC = INFO_HIST.ABC
| (mssql) SUBSTRING 문자열 자르기 (0) | 2015.12.09 |
|---|---|
| (mssql) 문자열 찾아 바꾸기 REPLACE (0) | 2015.12.09 |
| (mssql) 행 번호 가져오기 ROW_NUMBER() (0) | 2015.12.09 |
| (mssql) UNION ALL 쿼리 합치기 (0) | 2015.12.09 |
| (oracle) CREATE SEQUENCE (0) | 2015.10.19 |
1. apache2 설치
sudo apt-get install apache2
2. mysql5 설치
sudo apt-get install mysql-server mysql-client
3. php5 설치
sudo apt-get install php5 php5-common
4. apache & php 연동
sudo apt-get install libapache2-mod-php5
5. php & mysql 연동
sudo apt-get install php5-mysql
6. 아파치 & mysql 재시작
sudo /etc/init.d/apache2 restart
sudo /etc/init.d/mysql restart
* sudo netstat -atp 에서 mysql이랑 http있는 확인
7. 확인
var/www/html/ 경로에 phpinfo.php 파일 생성
phpinfo.php의 내용
---------------------
<?php
phpinfo();
?>
-----------------------
8. 접속 확인
해당ip주소/phpinfo.php 로 접속하여 php정보 페이지가 뜨는지 확인
| /bin/rm: cannot execute [Argument list too long] (3) | 2018.07.15 |
|---|---|
| (centos7) systemd timer (0) | 2018.02.11 |
| (tomcat) 한글이 깨질 때 server.xml 설정 (0) | 2015.12.10 |
| (개발환경) Eclipse + Spring 연동 (0) | 2015.10.06 |
| (개념) web, was (0) | 2015.09.30 |
web server
- web client에게 컨텐츠를 제공하는 서버
- apache, IIS, TMax
was (web application server)
- server 단에서 application을 동작할 수 있도록 지원
- Container, Servlet, JSP, ASP
- tomcat, TMax Jeus
| /bin/rm: cannot execute [Argument list too long] (3) | 2018.07.15 |
|---|---|
| (centos7) systemd timer (0) | 2018.02.11 |
| (tomcat) 한글이 깨질 때 server.xml 설정 (0) | 2015.12.10 |
| (개발환경) Eclipse + Spring 연동 (0) | 2015.10.06 |
| (php) 우분투 환경에 APM 세팅 (0) | 2015.09.30 |
<script type="text/javascript">
function openwindow() {
var url = "http://www.google.com";
//새 창에 띄우기
window.open(url, "이름" ,"width=1000,height=800");
//$(location).attr('href', url); //지금창에 띄우기
}
</script>
<a style="text-decoration: underline; color: blue;" href= 'javascript:void(0);' onclick="openwindow()" >
새창 열기
</a>
| (javascript) history.back() / history.go() (0) | 2015.11.09 |
|---|---|
| (javascript) confirm 확인창 (0) | 2015.11.09 |
| (javascript) replace (0) | 2015.09.10 |
| (jQuery) 페이지 로딩후 바로 실행 (0) | 2015.09.01 |
| (Javascript) 입력시 capslock 상태 체크 (0) | 2015.08.24 |
String str = "abcdabcd";
str.replace('ab', 'cd');
이러면 "cdcdcdcd" 가 아니라 "cdcdabcd" 가 나온다
다 바꾸려면,
str.replace(/ab/g, 'cd');
= "cdcdcdcd"
이렇게 해야한다
| (javascript) history.back() / history.go() (0) | 2015.11.09 |
|---|---|
| (javascript) confirm 확인창 (0) | 2015.11.09 |
| (javascript) url로 새창 띄우기 (0) | 2015.09.23 |
| (jQuery) 페이지 로딩후 바로 실행 (0) | 2015.09.01 |
| (Javascript) 입력시 capslock 상태 체크 (0) | 2015.08.24 |
jQuery(document).ready(function() {
함수 코드
});
위 코드를 줄이면...
$(document).ready(function() {
함수 코드
});
더 줄이면..
$(function() {
함수 코드
});
| (javascript) history.back() / history.go() (0) | 2015.11.09 |
|---|---|
| (javascript) confirm 확인창 (0) | 2015.11.09 |
| (javascript) url로 새창 띄우기 (0) | 2015.09.23 |
| (javascript) replace (0) | 2015.09.10 |
| (Javascript) 입력시 capslock 상태 체크 (0) | 2015.08.24 |
Javascript 부분
<body> 태그 안
| (javascript) history.back() / history.go() (0) | 2015.11.09 |
|---|---|
| (javascript) confirm 확인창 (0) | 2015.11.09 |
| (javascript) url로 새창 띄우기 (0) | 2015.09.23 |
| (javascript) replace (0) | 2015.09.10 |
| (jQuery) 페이지 로딩후 바로 실행 (0) | 2015.09.01 |
| <article> | 독립된 컨텐츠영역을 지정합니다. |
| <aside> | 페이지의 왼쪽 혹은 오른쪽에 위치한 컨텐츠영역을 지정합니다. |
| <bdi> | 텍스트의 방향이 반대일 경우 사용합니다. |
| <details> | 추가정보를 기술하는 영역을 지정합니다. |
| <dialog> | 대화상자나 창을 지정하며 open속성을 사용하여 숨기거나 보이도록 할 수 있습니다. |
| <figcaption> | <figure> 요소의 제목을 지정합니다. |
| <figure> | 문서흐름상 이해를 위해 필요한 그림,동영상등을 포함할때 사용합니다. |
| <footer> | 문서나 Section의 하단 정보 영역을 지정합니다. |
| <header> | 문서나 Section의 상단 정보 영역을 지정합니다. |
| <main> | 문서의 주 컨텐츠영역을 지정합니다. |
| <mark> | 마크되거나 하이라이트된 텍스트. |
| <menuitem> | 팝업메뉴의 아이템을 지정합니다. |
| <meter> | 설정된 범위안에 특정값을 막대그래프식으로 표현합니다. |
| <nav> | 문서의 네비게이션을 지정합니다. |
| <progress> | <meter>태그와 비슷하게 동작하며 현재 진행되고 있는 수치를 보여줍니다. |
| <rp> | <rt>태그가 지원되지않는 브라우저를 위해 사용합니다. |
| <rt> | <ruby>태그와 같이 사용합니다. |
| <ruby> | 일본어나 중국어에서 글자위에 글자를 쓸때 사용합니다. |
| <section> | 문단구분을 지정합니다. |
| <summary> | <details> 요소안에서 제목이나 요약등의 내용을 포함합니다. |
| <time> | 날짜/시간 표현 |
| <wbr> | 줄바꿈위치를 지정합니다. |
출처 : http://m.blog.naver.com/heavyflood/220173516646
----------------------------------------------------------
http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10501&docId=211784719&qb=aHRtbDUg7YOc6re4IO2YuO2ZmA==&enc=utf8§ion=kin&rank=1&search_sort=0&spq=0&pid=SOrM6doRR1lssuxmToKsssssssZ-506744&sid=ep1m%2BI%2B904RgqawY4liH%2Bg%3D%3D
| (기타) form 태그 안의 button (1) | 2015.12.15 |
|---|---|
| (css) 라운딩 처리 (0) | 2015.10.21 |
| (개념) DOCTYPE (0) | 2015.10.01 |
| html내의 <script> 태그 위치 (0) | 2015.08.24 |
| Table 공부 (0) | 2015.08.19 |
- <head> 안에 쓰는것이 일반적이었습니다.
( 이유 : css나 js같은 외부 파일을 한곳에서 관리하자는 목적으로)
- 하지만 브라우저는 <body> 태그를 만나야 렌더링을 시작하기 때문에 외부파일을 내려받고, 파싱하는 작업이 길어지면
사용자는 페이지가 느리다고 느낄 수 있습니다. 그렇기 때문에 <body> 요소안, 페이지 콘텐츠 마지막에 쓰는것이 좋습니다.
[출처] HTML 속의 자바스크립트 : <script>|작성자 똥광이
렌더링 : 요청받은 내용을 브라우저 화면에 표시하는 일
[출처] HTML 속의 자바스크립트 : <script>|작성자 똥광이 http://blog.naver.com/silver889/220247077967
| (기타) form 태그 안의 button (1) | 2015.12.15 |
|---|---|
| (css) 라운딩 처리 (0) | 2015.10.21 |
| (개념) DOCTYPE (0) | 2015.10.01 |
| html5 태그들 (0) | 2015.08.24 |
| Table 공부 (0) | 2015.08.19 |
| git push 되돌리기 (0) | 2019.01.20 |
|---|---|
| git command 자동완성 설정하기 (0) | 2019.01.20 |
| jetbrains (mac os x 10.5+) command 정리 (1) | 2018.07.07 |
| akamai directory purge (0) | 2018.04.27 |
| (기타) google map 좌표찾기 (0) | 2015.12.05 |
web 공부중입니다..... (완전초보)
처음 눈에 띄인 table에 대해 공부한 내용을 여기다 저장합니다.ㅎ
(다음에 다시 보기 위해)
table에 대한 지식을 계속해서 업데이트 하겠습니다.
---------------------------------------------------------------
테이블의 기본 구조 (두 줄 짜리 표)
1 2 3 4 5 6 7 8 9 10 | <table> <tr> <th> </th> </tr> <tr> <td> </td> <tr> </table> | cs |
[출처] html - ta ble 태그 활용 및 속성 알아보기|작성자 슬로아답타
<tr> : 행, 한 줄
<td> : 행, 셀이라고 생각하면 편할거 같다.
<th> : th 태그는 표의 제일 윗줄(첫번째 줄)에 주로 쓰인다고 합니다. (글자가 더 진하게 표시됨)
| (기타) form 태그 안의 button (1) | 2015.12.15 |
|---|---|
| (css) 라운딩 처리 (0) | 2015.10.21 |
| (개념) DOCTYPE (0) | 2015.10.01 |
| html5 태그들 (0) | 2015.08.24 |
| html내의 <script> 태그 위치 (0) | 2015.08.24 |
