제374회 욕심이 번뇌를 만든다

https://www.youtube.com/channel/UCSsWdUwr4UonSCAVH-k0_Lg

그렇습니다. 누구나
삶을 살고 사람들을 만나다 보면
"저분이 참 좋은 분이었는데 왜 저렇게 되었을까?"
라는 생각이 살며시 드는 안타까운 때가 있을 겁니다.
이유는 간단하죠. 어느 순간 성찰을 중단했기
때문입니다. 성찰에는 절대 끝이 없습니다.
끝이 있어서도 안 되고요.

- 이문수의《누구도 벼랑 끝에 서지 않도록》중에서 -


* 사람을 대하면서
깜짝 놀랄 때가 더러 있습니다.
지금까지 알고 있던 것과는 전혀 다른 사람으로
변한 모습을 보게 될 때입니다. 좋은 쪽으로 변화라면
다행인데 너무도 실망스러운 모습으로 변해 있을 경우
크게 놀라게 됩니다. 그런 모습은 자기관리 실패를
뜻합니다. 스스로 자신을 돌아보는 성찰의
시간이 부족했기 때문입니다. 성찰은
사람을 아름답게 변화시킵니다.

순간에 행복하십시오. 그것으로 족합니다.
우리에게 필요한 것은 오직 매 순간뿐,
그 이상도 그 이하도 아닙니다. 지금 행복하십시오.
그리고 당신이 행동을 통해 당신보다 가난한 이들을 포함하여
다른 사람들을 사랑한다는 것을 보여주면 당신은 그들에게 또한
행복을 주는 것입니다.
- 마더 데레사, ‘마더 데레사의 단순한 길’에서


‘많은 것이 필요치 않습니다.
그것은 그냥 한 번 웃어주는 것 일 수도 있습니다.
모두가 더 많이 웃는다면 세상은 보다 나은 곳이 될 터이죠.
그러니 웃고 즐거워하십시오. 하느님께서 당신을 사랑하심에 기뻐하십시오.’
이어지는 내용입니다. 모두들 행복한 크리스마스 되시기 바랍니다.

이미지 갤러리 한 줄에 4개씩 보여지다가, 모바일 세로일때 (가로 480px 이하일때) 한 줄에 2개씩 보여주기. 

이미지는 width=100% 로 하고 넓이는 div에서 조절. 

object-fit:contain

<div>
 	<div class='img_contain_left' ><img src='image/1번.jpg' width='100%'  ></div>
 	<div class='img_contain_left' ><img src='image/2번.jpg' width='100%'  ></div>
 	<div class='img_contain_left' ><img src='image/3번.jpg' width='100%' ></div>
 	<div class='img_contain_left' ><img src='image/4번.jpg' width='100%'  ></div>
 	<div class='img_contain_left' ><img src='image/5번.jpg' width='100%'  ></div>
 	<div class='img_contain_left' ><img src='image/6번.jpg' width='100%'  ></div>
 	<div class='img_contain_left' ><img src='image/7번.jpg' width='100%'  ></div>
 	<div class='img_contain_end'  ><img src='image/8번.jpg' width='200px'  ></div>
 </div>

    @media screen and (min-width: 480px) {                
        .img_contain_left {
        width:23.5%;
        float:left;
        object-fit: contain;
        margin: 0.25rem!important;
        }
        .img_contain_end {
        width:23.5%;
        float:left;
        object-fit: contain;
        margin: 0.25rem!important;
        }
    }
    
    @media screen and (max-width: 480px) {    
        .img_contain_left {
        width:47%;
        float:left;
        object-fit: contain;
        margin: 0.25rem!important;
        }
        .img_contain_end {
        width:47%;
        float:left;
        object-fit: contain;
        margin: 0.25rem!important;
        }
    }

1. meta viewport 설정

<meta name="viewport" content="width=device-width, initial-scale=1" />

2. 4개의 반응형 분기점

- 낮은 해상도의 PC, 태블릿 가로 : ~1024px

- 태블릿 가로 : 768px ~ 1023px

- 모바일 가로, 태블릿 : 480px ~ 767px

- 모바일 : ~480px

3. 3개의 반응형 분기점

- PC : 1024px ~

- 태블릿 가로, 세로 : 768px ~ 1023px

- 모바일 가로, 세로 : ~768px

4. Media Query 사용법

@media screen and (min-width:1024px) {
	/* Desktop */
}
@media screen and (min-width:768px) and (max-width: 1023px) {
	/* Tablet */
}
@media screen and (max-width:767px){ 
	/* Mobile */
}

5. PC / Tablet / Mobile 구분해서 CSS 파일 작성 

<link href="style_pc.css" media="screen and (min-width:1024px)" rel="stylesheet" />
<link href="style_tablet.css" media="screen and (min-width:768px) and (max-width:1023px)" rel="stylesheet" />
<link href="style_mobile.css" media="screen and (min-width:320px) and (max-width:767px)" rel="stylesheet" />

https://record22.tistory.com/98

사람들은 자신에게 통제권이 있다고 느끼고 싶어한다.
다시 말해 운전석에 앉고 싶어한다. 우리가 사람들에게
뭔가를 시키려고 하면 그들은 힘을 뺏긴 기분을 느낀다.
스스로 선택을 내렸다기보다 우리가 그들의 선택을 대신 내려주었다고 느낀다.
그래서 원래는 기꺼이 하려고 했던 일 조차 싫다고 하거나 다른 짓을 한다.
- 조나 버거, 펜실베니아대학 마케팅 교수


왜 지시 대신 스스로 선택하게 해야 하는가?
자율은 주인의식과 몰입을 불러오고, 지시는 저항과 방관을 불러옵니다.
좀 돌아가고, 좀 늦어지더라도, 맘에 차지 않더라도 일일이 지시하는 대신
스스로 선택하고 스스로 결정하게 하는 것이 궁극적으로 승리하는 방법입니다.