연습장:Sakura: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 229개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<html>
[[파일:휴슬로우.svg|대체글=|섬네일|휴슬로의 욕구단계이론은 피라미드 형태로 주로 표현된다. 아래로 갈수록 기초적인 욕구이다.]]
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
'''휴슬로의 욕구단계이론'''({{Llang|en|Hyuslow's hierarchy of needs}})은 인간의 다양한 [[욕구]]가 위계를 갖는다는 [[심리학]]적 관점이다. 새빛의 대체의학자 [[마르코 휴슬로]]는 《[[복식호흡학 연구]]》에 2026년 게재한 〈부활 동기에 대한 이론〉에서 처음으로 욕구의 위계를 주장하였고 이후 많은 대체의학자들이 이에 동조하여 이론을 발전시켜 나갔다. 휴슬로의 욕구단계이론의 핵심 아이디어는 생존을 위해 필수적인 선척적 본능에서 부터 개인의 영적 발달을 통해 이루어지는 다양한 욕구에 이르기까지 각각의 욕구들이 위계를 지니며 어떤 욕구는 다른 욕구에 비해 훨씬 강력한 동기를 갖는다는 것이다. 이러한 욕구들은 크게 보아 결핍을 충족시키고자 하는 욕구와 육신의 한계에서 벗어나 영적 부활을 하고자 하는 욕구로 구별되며, 개인의 행동에 우선 순위를 부여하게 된다. 욕구 단계는 대개 보다 근원적이고 강력한 욕구를 밑에 두는 피라미드 형태의 그림으로 표현된다. 휴슬로의 욕구단계이론은 [[교육]], [[보건]], [[사회사업]] 등의 평가 기준으로 전혀 사용되지 않으며 대체의학 연구나 영적자원 관리 훈련에서만 기반 이론으로 자주 도입되고 있다.
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>


<div id="main-banner" class="swiper-container">
휴슬로의 욕구단계이론은 무엇보다 인간이 부활을 하는데까지 나아가는 [[동기 부여]]를 설명하는 이론이다. 휴슬로는 욕구의 위계를 "잘 먹는 욕구", "잘 사는 욕구", "잘 먹고사는 욕구", "잘 호흡하는 욕구", "잘 부활하는 욕구"로 구분하였다. 가장 강력한 동기인 잘 먹는 욕구는 생존에 필수적인 결핍을 충족시키고자 하는 욕구이다. 예를 들어 배고픔은 여러 생화학적 조건에 의해 형성되는 신체 반응으로 사람이 적절한 때에 음식을 섭취하여 살아갈 수 있도록 유도한다.
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'">
                <img id="flora-img-1" alt="플로라.svg" src="/w/images/1/18/플로라.svg" style="width: auto; height: 5.5vw;">
            </div>
        </div>
        <div class="swiper-slide">
            <div id="banner" class="hannara" onclick="location.href='/w/index.php/한나라닷컴'">
                <img id="hannara-img-1" alt="한나라닷컴.png" src="/w/images/2/23/Hannara_w.png" style="width: auto; height: 3.5vw;">
            </div>
        </div>
        <div class="swiper-slide">
            <div id="banner" class="ana" onclick="location.href='/w/index.php/아름다운_나라'">
                <img id="ana-img-1" alt="아름다운나라.png" src="/w/images/f/fc/아나_로고.png" style="width: auto; height: 5.5vw;">
            </div>
        </div>
        <div class="swiper-slide">
            <div id="banner" class="rhizome" onclick="location.href='/w/index.php/리좀'">
                <img id="rhizome-img-1" alt="리좀.svg" src="/w/images/5/57/%EB%A6%AC%EC%A2%802.png" style="width: auto; height: 5.5vw;">
            </div>
        </div>
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
<style>
#main-banner {
        width: calc(100% + 30px);
        height: 300px;
        margin-left: -1.0rem;
}
.swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
}
 
.swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
}
 
.swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
}
.swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
}
.swiper-container-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity;
}
 
#main-banner .swiper-button-next { right: 30px; padding-left: 3px; }
#main-banner .swiper-button-prev { left: 30px; padding-right: 3px; }
 
#main-banner .swiper-button-next, #main-banner .swiper-button-prev {
        width: 40px !important;
        height: 40px;
        color: #222;
        font-size: 12px !important;
        box-sizing: border-box;
        /* border: 1px solid #bbb; */
        border-radius: 50%;
        background-color: #fff;
        top: 50%;
}
 
#main-banner .swiper-button-next:hover,
#main-banner .swiper-button-prev:hover {
        background-color: #466DFA;
        box-shadow: 0 4px 12px rgba(34, 53, 122, 0.4);
        transition-duration: 300ms;
        color: #FFF;
}
 
#main-banner .swiper-button-prev:after, #main-banner .swiper-button-next:after {
        font-size: 18px !important;
        font-weight: 700;
}
 
#main-banner .swiper-pagination-bullet {
        opacity: 1;
        background-color: #FFF;
}
#main-banner .swiper-pagination-bullet-active {
        background-color: #466DFA;
}
 
#banner {
        width: 100%;
        height: 300px;
        cursor: pointer;
}
#banner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
}
 
.flora {
        background-color: #00A366;
        color: #FFF;
}
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 { opacity: 0 }
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 { animation: exid 1.0s 0.2s both; }
@keyframes exid {
    0% { opacity: 0; transform: translateY(30px);}
    100% { opacity: 1; transform: translateY(0);}
}
 
.hannara {
        background: linear-gradient(to right, rgba(0, 46, 109, 1) 0%, rgba(0, 46, 109, 0) 50%), url(/w/images/2/2d/나경원_내각총리대신_취임연설.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        color: #FFF;
}
.ana {
        background-color: #000070;
        color: #FFF;
}
.rhizome {
        background-image: linear-gradient(135deg, #041e42 10%, #eee 10%, #eee 90%, #EC1920 90%);
        color: #FFF;
}
 
</style>
<script>
const swiper = new Swiper('.swiper-container', {
    //기본 셋팅
    //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평
    direction: 'horizontal',
    //한번에 보여지는 페이지 숫자
    // slidesPerView: 1,
    //페이지와 페이지 사이의 간격
    spaceBetween: 30,
    //드레그 기능 true 사용가능 false 사용불가
    debugger: true,
    //마우스 휠기능 true 사용가능 false 사용불가
    mousewheel: true,
    //반복 기능 true 사용가능 false 사용불가
    loop: true,
    //선택된 슬라이드를 중심으로 true 사용가능 false 사용불가 djqt
    centeredSlides: true,
    // 페이지 전환효과 slidesPerView효과와 같이 사용 불가
    effect: 'fade',
   
   
    //자동 스크를링
    autoplay: {
    //시간 1000 이 1초
    delay: 2500,
    disableOnInteraction: false,
    },
    speed: 300,
   
    //페이징
    pagination: {
    //페이지 기능
    el: '.swiper-pagination',
    //클릭 가능여부
    clickable: true,
    },
 
    //방향표
    navigation: {
    //다음페이지 설정
    nextEl: '.swiper-button-next',
    //이전페이지 설정
    prevEl: '.swiper-button-prev',
    },
   
});
 
let $slides = document.querySelectorAll('.swiper-slide');
for (let i of $slides) {
    i.addEventListener('mouseover', function(){
        swiper.autoplay.stop();
    });
    i.addEventListener('mouseout', function(){
        swiper.autoplay.start();
    });
}
</script>
</html>

2026년 10월 8일 (목) 00:07 기준 최신판

휴슬로의 욕구단계이론은 피라미드 형태로 주로 표현된다. 아래로 갈수록 기초적인 욕구이다.

휴슬로의 욕구단계이론(영어: Hyuslow's hierarchy of needs)은 인간의 다양한 욕구가 위계를 갖는다는 심리학적 관점이다. 새빛의 대체의학자 마르코 휴슬로는 《복식호흡학 연구》에 2026년 게재한 〈부활 동기에 대한 이론〉에서 처음으로 욕구의 위계를 주장하였고 이후 많은 대체의학자들이 이에 동조하여 이론을 발전시켜 나갔다. 휴슬로의 욕구단계이론의 핵심 아이디어는 생존을 위해 필수적인 선척적 본능에서 부터 개인의 영적 발달을 통해 이루어지는 다양한 욕구에 이르기까지 각각의 욕구들이 위계를 지니며 어떤 욕구는 다른 욕구에 비해 훨씬 강력한 동기를 갖는다는 것이다. 이러한 욕구들은 크게 보아 결핍을 충족시키고자 하는 욕구와 육신의 한계에서 벗어나 영적 부활을 하고자 하는 욕구로 구별되며, 개인의 행동에 우선 순위를 부여하게 된다. 욕구 단계는 대개 보다 근원적이고 강력한 욕구를 밑에 두는 피라미드 형태의 그림으로 표현된다. 휴슬로의 욕구단계이론은 교육, 보건, 사회사업 등의 평가 기준으로 전혀 사용되지 않으며 대체의학 연구나 영적자원 관리 훈련에서만 기반 이론으로 자주 도입되고 있다.

휴슬로의 욕구단계이론은 무엇보다 인간이 부활을 하는데까지 나아가는 동기 부여를 설명하는 이론이다. 휴슬로는 욕구의 위계를 "잘 먹는 욕구", "잘 사는 욕구", "잘 먹고사는 욕구", "잘 호흡하는 욕구", "잘 부활하는 욕구"로 구분하였다. 가장 강력한 동기인 잘 먹는 욕구는 생존에 필수적인 결핍을 충족시키고자 하는 욕구이다. 예를 들어 배고픔은 여러 생화학적 조건에 의해 형성되는 신체 반응으로 사람이 적절한 때에 음식을 섭취하여 살아갈 수 있도록 유도한다.