본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ

전체 글485

자바스크립트 쿠키 생성 document.cookie 자바스크립트에서 쿠키를 읽기,작성,삭제할 수 있습니다.이를 위한 속성이 document.cookie 입니다.쿠키 반환document.cookie 쿠키 생성 document.cookie="name=soke"; 만료시간이 있는 쿠키 생성document.cookie="name=soke; expires=Mon, 13 Jul 2015 05:04:24 GMT"; 경로 매게 변수를 사용한 쿠키 생성 (기본적으로 쿠키는 현재 페이지에 속합니다.)document.cookie="name=soke; expires=Mon, 13 Jul 2015 05:04:24 GMT; path=/"; 쿠키 삭제 ( 날짜 매개 변수를 지난 날짜로 쿠키 생성)document.cookie="name=;expires=Thu, 01 Jan 1970 .. 2017. 4. 26.
카레 만들기 집에서 카레만들기에 도전해봤다 이번 카레는 저염식 카래 만들기 도전하는 차원에서 하는것으로 소금은 안들어간다. 어짜피 카레가루에 간 다되어 있다. 그리고 야채가 좀 재료 : 돼지고기(뒷다리살) 400g, 감자 3개, 양파 2개, 당근 2개, 새송이버섯 2개, 파프리카 1개, 시금치 6뿌리, 카레가루, 청주약간, 후추 카레는 이걸로샀다 밀가루 대신 쌀가루로 만들어진 카레가루이다. 돼지고기는 한입크기로 썰어서 후추와 청주로 미리 잡냄새를 제거해둔다. 그리고 아래처럼 야채를 손질해둔다. 카래가루는 요리하면서 바로 투하하는 것 보다 물에 미리 풀어서 넣는것이 좋다. 그다음 팬에 적정량의 식용유를 두르고, 양파, 파프리카 -> 돼지고기 -> 버섯, 시금치 순으로 볶아준다. 양파, 파프리카가 적당히 익었을때 돼지고.. 2017. 4. 9.
마크다운(Markdown)으로 글을 써보자 1. 마크다운(Markdown) 소개 마크다운(Markdown)은 일종의 마크업 언어로 텍스트에 태그를 이용해서 글자를 굵게하거나, 이미지를 삽입하거나 하는 일이 가능하다. 엔하위키에 글을 쓸 때 위키 언어를 이용해서 글을 써야하는데, 마크다운 언어는 그 위키 언어와 상당히 유사하다고 할 수 있다. 하지만 마크다운은 위키문법보다 훨씬 더 간단하므로 익히는데 그리 긴 시간이 필요하지 않다는 장점을 가지고 있다.요즘 마크다운은 아주 여러 곳에서 사용되고 있다. 이제 워드프레스에서는 기본적으로 마크다운을 지원하기 시작했고1, Tumblr나 Ghost와 같은 블로그 플랫폼에서도 마크다운 언어를 기본적으로 지원하고 있다. 또한 모니위키의 최신 개발 버전에서는 마크다운 언어와 모니위키 언어를 동시에 지원하도록 하고.. 2017. 4. 4.
JSP 기본(내장) 객체 - 세션(session) 1. 세션(session)- API : http://docs.oracle.com/javaee/7/api/javax/servlet/http/HttpSession.html쿠키가 웹 브라우저에 사용자의 상태를 유지하기 위한 정보를 저장했다면, 세션(session)은 웹 서버 쪽의 웹 컨테이너에 상태를 유지하기 위한 정보를 저장한다. 세션은 사용자의 정보를 유지하기 위해 javax.servlet.http 패키지의 HttpSession 인터페이스를 구현해서 사용한다. 쿠키는 사용자의 상태 유지를 위한 정보를 웹 브라우저에 저장해서 웹 서버가 쿠키 정보를 읽어서 사용한다.이것은 웹 브라우저에 저장된 쿠키는 웹 서버에서 열어볼 수 있다는 점에서 보안상 문제가 발생할 수 있다. 따라서 사용자의 정보를 유지하기 위해서는.. 2017. 3. 24.
z-index 속성으로 배치 순서 결정하기 [html/css] z-index 속성으로 배치 순서 결정하기 어제는 레이아웃이나 배치를 정렬하는 position 속성에 대해 배웠습니다. position 속성으로 정렬하기 (static, relative, absolute, fixed 차이) 그런데 이렇게 배치한 객체가 겹칠 때가 있습니다. 오늘 배울 부분은 z-index란 속성인데요 어느 객체가 앞으로 나오고, 뒤에 나올지 배치 순서를 결정하는 속성입니다. z-index는 position (relative, absolute, fixed)속성이 적용된 요소에서만 작동합니다. auto : 기본값으로 z-index를 지정하지 않은 것과 같음 number : 배치 순서를 결정, 숫자가 낮을수록 뒤에 배치되며 숫자가 높을수록 앞에 나옴 -1 처럼 음수도 가능합.. 2017. 3. 23.
overflow 속성 (overflow: visible, hidden, scroll, auto 차이) [html/css] overflow 속성 (overflow: visible, hidden, scroll, auto 차이) 오늘 배워 볼 속성은 overflow입니다. overflow 속성은 요소의 박스에 내용이 더 길 때 어떻게 보일지 선택하는 속성입니다. 상속여부: 상속되지 않음. visible: 기본값으로 내용이 더 길어도 그대로 보입니다. (내용이 흘러넘침) hidden : 내용이 넘치면 자릅니다. 자른 부분은 보이지 않습니다. scroll : 내용이 넘치지 않아도 항상 스크롤바가 보입니다. auto : 내용이 잘릴 때만 스크롤바가 보입니다. 사용 예: #container{overflow: hidden;} 그럼 실제 400x 100 크기의 박스를 만들어서똑같은 내용을 담아보겠습니다.(scroll 만.. 2017. 3. 23.
clear 속성에 대해 배워 보자 (clear:none, right, left, both) [html/css] clear 속성에 대해 배워 보자 (clear:none, right, left, both) 얼마 전에 float 속성에 대해 배웠는데요 float는 오른쪽, 왼쪽으로 객체를 띄워서 정렬하는 속성이라고 했습니다. 사진에다가 float 속성을 적용하면 이후에 오는 글자나 다른 요소들은 그 사진 주위로 돌러싼 형태가 됩니다. [css 기초] float 속성에 대하여 사진 주위로 글자가 따라 붙지 않게 하려면 어떻게 해야 할까요? 바로 clear 속성을 사용하면 됩니다... clear는 '취소하다'라는 뜻으로 left는 float:left값을 취소하고 right는 float:right값을 취소합니다 clear: none는 기초값으로 clear를 설정하지 않은 것과 같습니다 clear: lef.. 2017. 3. 23.
position 속성으로 정렬하기 (static, relative, absolute, fixed 차이) [html/css] position 속성으로 정렬하기 (static, relative, absolute, fixed 차이) 지난 시간엔 float 속성을 배웠는데요, float는 객체를 오른쪽 또는 왼쪽으로 정렬해서 레이아웃을 배치할 때 유용하다고 했습니다. [css 기초] float 속성에 대하여 오늘 배울 position 역시 레이아웃을 배치하거나, 객체를 위치시킬 때 사용할 수 있는 속성 입니다 *position 속성은 상속되지 않음* position: static position: static은 초기값으로 위치를 지정하지 않을 때와 같습니다 보통 static은 사용할 일이 없지만, 앞에 설정된 position을 무시할 때 사용되기도 합니다.top, bottom, left, right 속성값이 적용.. 2017. 3. 23.
float 속성에 대하여 [css 기초] float 속성에 대하여 float를 그대로 번역하자면 '띄우다'라는 뜻입니다. float는 css에서 정렬하기 위해 사용되는 속성입니다. 예를 들어, 문서에 사진과 그림이 있을 때, 그림을 왼쪽이나 오른쪽으로 띄워서 정렬하거나 각 객체를 오른쪽이나 왼쪽으로 정렬하여 전체 문서를 배치(layout)할 때도 사용할 수 있습니다. 지난 시간에 줄 속에 넣는 태그(inline element)와, 묶음 태그(block element)에 대해 배웠는데 [inline element&block element] - span, div 태그 묶음 태그에만 float 속성을 적용할 수 있습니다. 묶음 태그: 등.. [float 속성값] float 속성값은 left,right, none 밖에 없습니다. lef.. 2017. 3. 23.

티스토리툴바