반응형
반응형

인간을 성공으로 이끄는 가장 강력한 무기는
풍부한 지식이나 피나는 노력이 아니라 바로 습관이다.
왜냐하면 인간은 습관의 노예이기 때문이다.
아무도 이 강력한 폭군의 명령을 거스르지 못한다.
그러므로 다른 무엇보다도 내가 지켜야 할 첫 번째 법칙은
좋은 습관을 만들고 스스로 그 습관의 노예가 되는 것이다.
- 오그 만디노 (위대한 상인의 비밀)


일상 생활의 80%는 습관입니다.
습관은 무의식중에 우리 생활을 지배하고
그 결과에 따라 인격이 형성되며
더 나아가 운명을 결정하고 인생까지도 바꾸게 됩니다.
아무런 생각 없이 하는 행동 하나하나가 습관이 됩니다.
그리고 이것이 쌓여 인생을 성공으로도, 불행으로도 이끕니다.
오그 만디노는 스스로 좋은 습관을 만들어 실천하고
나쁜 습관을 몰아내면 재능이나 노력에 관계없이
인생을 성공으로 이끌 수 있다고 강조합니다.

반응형
저작자표시 비영리 (새창열림)

'생활의 발견 > 행복한 경영' 카테고리의 다른 글

불공평한 일의 법칙  (0) 2023.07.06
소원을 빌 때, 이미 이루어진 것처럼 말하라  (0) 2023.07.05
데드라인이 주는 가치는 과소평가할 수 없다  (0) 2023.07.03
세상에 나쁜 날씨란 없다  (0) 2023.06.30
명성과 위대함의 차이  (0) 2023.06.29
반응형

도로시 할머니가
말을 계속 이어간다.
"나의 배움에 대한 열정은
늙어가는 법이 없답니다. 난 지금도
수업을 듣고 새로운 것을 배우는 일이
너무 좋아요. 사실 나이가 들수록 새로운 것을
더 많이 배우고 경험하고 싶어요. 지금은 볼룸
댄스를 배우고 있을 뿐 아니라, 중국 이민자의
자녀를 돌보기 위한 자원봉사를 하려고
중국어도 배우고 있어요."


- 크리스토퍼 필립스의 《소크라테스 카페》 중에서 -


* 누가 저에게
젊음을 유지하는 비법을 묻는다면
당당히 말씀드릴 수 있습니다. '끊임없는
배움의 열정'을 가지시라고. '세상에 대한
무궁한 호기심', '자연에 대한 깊은 사랑'을
가져보시라고. 눈앞의 편안함에 안주할 때,
더 이상 눈빛이 반짝이지 않을 때, 그때
비로소 노화가 시작됩니다. 배움은
사람을 늙지 않게 합니다.

반응형
저작자표시 비영리 (새창열림)

'아침편지' 카테고리의 다른 글

'호흡기를 떼 봐요'  (0) 2023.07.06
일상의 안부 인사조차 겁난다  (0) 2023.07.05
순두부  (0) 2023.07.03
욕심  (0) 2023.07.01
하늘을 잊고 사는 이들아  (0) 2023.06.30
반응형

이촌역 경의중앙선 평일 아침 7시 시간표

[카카오맵] 이촌역 경의중앙선
서울특별시 용산구 이촌로71길 42

http://kko.to/ucgJ3ZNicz

반응형

'LIFE (일상다반사)' 카테고리의 다른 글

국경일/기념일  (0) 2023.07.13
2023-07-08, 김포곤충농장 체험  (0) 2023.07.10
뜬금없이 신문을 펼쳤는데 갑자기 남해대교  (0) 2023.06.26
가족여행시 금지사항, 공지사항  (0) 2023.06.26
교육부 사교육 부조리 신고센터  (0) 2023.06.26
반응형

입력창 글자수 제한

<div class="form-group col-12" >
  <div class="textLengthWrap">
    <p class="textCount">0자</p>
    <p class="textTotal">/200자</p>
  </div>
  <textarea style="height:300px; resize: none;" maxlength="200" placeholder="텍스트를 입력하세요.">
  </textarea>	
</div>

$('#textBox').keyup(function (e) {
	let content = $(this).val();
    
    // 글자수 세기
    if (content.length == 0 || content == '') {
    	$('.textCount').text('0자');
    } else {
    	$('.textCount').text(content.length + '자');
    }
    
    // 글자수 제한
    if (content.length > 200) {
    	// 200자 부터는 타이핑 되지 않도록
        $(this).val($(this).val().substring(0, 200));
        // 200자 넘으면 알림창 뜨도록
        alert('글자수는 200자까지 입력 가능합니다.');
    };
});
반응형
저작자표시 비영리 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[jQuery] URL에서 해시 값 가져오기  (0) 2023.07.04
7 JavaScript Web APIs to build Futuristic Websites you didn’t know  (0) 2023.07.04
jquery keyup, keydown, keypress 차이  (0) 2023.07.03
document.ready() vs window.load() 차이  (0) 2023.07.03
[jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거  (0) 2023.06.23
반응형

1. keyup

키보드에서 손을 땠을 때 실행

2. keydown

키보드를 눌렀을 때 실행

키보드를 누르고 있을 때 한번만 실행됨

3. keypress

키보드를 눌렀을 때 실행

키보드를 누르고 있을 때 계속 실행됨

 

* Ctrl, Alt, Shift 키 등은 keydown에서는 작동하지만 keypress 에서 작동하지 않음

 

* keyCode ASCII code 값

keydown, keyup에서는 a = 65, A = 65로 동일하게 보여짐

keypress에서는 a = 97, A = 65로 다른 값이 보여짐

 -> Caps Lock 여부 체크, 대소문자 구분을 통한 로직 작성 가능

 

* FireFox 에서의 버그

event.keyCode 가 파이어폭스에서 동작안할 수 있음 따라서 keyCode 사용 시 아래와 같이 사용하면 됨

 

var keyCode = event.keyCode ? event.keyCode : event.which;

 







keydown, keypress 는 이전 누른 값을 가지고 있음

keyup 은 한글 처리 가능 및 현재 누른 값을 가지고 있음

반응형
저작자표시 비영리 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

7 JavaScript Web APIs to build Futuristic Websites you didn’t know  (0) 2023.07.04
[script] 입력창 글자수 제한  (0) 2023.07.03
document.ready() vs window.load() 차이  (0) 2023.07.03
[jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거  (0) 2023.06.23
[jQuery] jQuery .data()  (0) 2023.05.30
반응형

1. $(document).ready()

- 외부 리소스. 이미지와는 상관 없이 브라우저가 DOM (document object model) 트리를 생성한 직후 실행
- window.load() 보다 더 빠르게 실행되고 중복 사용하여 실행해도 선언한 순서대로 실행됨
  

2. $(window).load()

- DOM의 standard 이벤트
- html의 로딩이 끝난 후에 시작
- 화면에 필요한 모든 요소(css, js, image, iframe etc..)들이 웹 브라우저 메모리에 모두 올려진 다음에 실행됨
- 화면이 모두 그려진 다음의 메세징이나 이미지가 관련 요소가 모두 올려진 다음의 애니메이션에 적합함
- 전체 페이지의 모든 외부 리소스와 이미지가 브러우저에 불려운 이후 작동하게 되어 이미지가 안뜨너가 딜레이가 생길 때에는 그만큼의 시간을 기다려야 함
- 외부 링크나 파일 인크루트시 그 안에 window.load 스크립트가 있으면 둘 중 하나만 적용됨
- body onload 이벤트와 같이 body에서 onload 이벤트를 쓰게 되면 모든 window.load() 가 실행되지 않는 현상이 발생함
 

* window > document
- document는 window의 자식 객체
  (window의 자식 객체 : document, self, navigator, screen, forms, history, location etc..)
- document : html의 요소들이나 속성들에 접근할 시 사용하는 객체

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).load(function() {
    console.log("console> window.onloade() 첫번째");
});
 
$(window).load(function() {
    console.log("console> window.onload() 두번째");
});
 
$(document).ready(function() {
    console.log("console> document.ready() 첫번째");
});
 
$(document).ready(function() {
    console.log("console> document.ready() 두번째");
});
</script>
 
</head>
<body>
 
</body>
</html>
반응형
저작자표시 비영리 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[script] 입력창 글자수 제한  (0) 2023.07.03
jquery keyup, keydown, keypress 차이  (0) 2023.07.03
[jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거  (0) 2023.06.23
[jQuery] jQuery .data()  (0) 2023.05.30
[javascript] 화면 리사이즈시 사이즈 확인 및 미디어쿼리 확인  (0) 2023.05.26

+ Recent posts

티스토리툴바