블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은kkk

공지사항

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
24. 포트폴리오 이론에 따른 부동산 투자의 포트폴리오
     분석에 관한 설명으로 옳은 것은?
① 인플레이션, 경기변동 등의 체계적 위험은 분산투자를
   통해 제거가 가능하다.
② 투자자산 간의 상관계수가 1보다 작을 경우, 포트폴리
    오 구성을 통한 위험절감 효과가 나타나지 않는다.
③ 2개의 투자자산의 수익률이 서로 다른 방향으로 움직일
    경우, 상관계수는 양(+)의 값을 가지므로 위험분산 효과
    가 작아진다.
④ 효율적 프론티어(efficient frontier)와 투자자의 무차별
    곡선이 접하는 지점에서 최적 포트폴리오가 결정된다.
⑤ 포트폴리오에 편입되는 투자자산 수를 늘림으로써 체계
    적 위험을 줄여나갈 수 있으며, 그 결과로 총 위험은
    줄어들게 된다.
더보기

정답 : 4

23. 부동산 투자분석기법에 관한 설명으로 틀린 것은?
① 할인현금수지(discounted cash flow)법은 부동산 투자기
    간 동안의 현금흐름을 반영하지 못한다는 단점이 있다.
② 회계적 이익률법은 화폐의 시간가치를 고려하지 않는다.
③ 순현재가치(NPV)가 0인 단일 투자안의 경우, 수익성지수
    (PI)는 1이 된다.
④ 투자안의 경제성분석에서 민감도분석을 통해 투입요소
    의 변화가 그 투자안의 순현재가치에 미치는 영향을 분
    석할 수 있다.
⑤ 투자금액이 동일하고 순현재가치가 모두 0보다 큰 2개
    의 투자안을 비교ㆍ선택할 경우, 부의 극대화 원칙에
    따르면 순현재가치가 큰 투자안을 채택한다.
더보기

정답 : 1

22. 다음의 자료를 통해 산정한 값으로 틀린 것은? (단, 주어진 조건에 한함)
총투자액 : 10억원
지분투자액 : 6억원
세전현금수지 : 6,000만원/년
부채서비스액 : 4,000만원/년
(유효) 총소득승수 : 5
① (유효)총소득 2억원/년
② 순소득승수: 10
③ 세전현금수지승수: 10
④ (종합)자본환원율 : 8%
⑤ 부채감당률: 2.5
더보기

정답 : 4

21. 부동산 투자의 기대수익률과 위험에 관한 설명으로 옳은 것은? (단, 위험회피형 투자자라고 가정함)
① 부동산 투자안이 채택되기 위해서는 요구수익률이 기대 수익률보다 커야 한다.
② 평균-분산 지배원리에 따르면 A투자안과 B투자안의 기대수익률이 같은 경우, A투자안보다 B투자안의 기대수익률의 표준편차가 더 크다면 A투자안이 선호된다.
③ 투자자가 위험을 회피할수록 위험(표준편차, X축)과 기대수익률 (Y축) 의 관계를 나타낸 투자자의 무차별곡선의 기울기는 완만해진다.
④ 투자 위험 (표준편차) 과 기대수익률은 부(-) 의 상관관계를 가진다.
⑤ 무위험 (수익)률의 상승은 투자자의 요구수익률을 하락 시키는 요인이다
더보기

정답 : 2

 

이번에 포스팅하는 내용은 지난번에 했던 동적테이블 만들기의 응용버전입니다.

동적테이블이란 자고로 데이터가 변해야 의미가 있는 것이기 때문에,

분리된 파일로 데이터가 저장되어 있어야 손쉽게 데이터 변경이 가능합니다.

 

휴! 30분이면 될 거라 생각했던 내용인데 실제로 테스트하는 과정에서 삽질에 삽질을 거쳐 겨우 포스팅하게 되었네요.

(1시간 30분 이상 걸린거 같습니다.)

 

JSON data로 저장된 것을 load 해서 뿌려야 한다고 생각했는데, 막히더라구요.

그래서 전 좀 더 쉽게!!! 

js파일의 변수 형태로 저장해서 뿌리는 방향으로 우회하였습니다.

결과는 동일!!! 한 것으로 보이네요. 

 


[잠시 삽질의 흔적]

const xhr = new XMLHttpRequest();
xhr.onload = function() {
    console.log(this.responseText);
}
xhr.open('get','test.json');
xhr.send();


var myArray = JSON.parse(data);

buildTable(myArray) 
function buildTable(data) { 
    var table = document.getElementById('table1') 
    for (var i=0; i < data.length; i++) { 
        var row = `<tr> 
                    <td>${data[i].이름}</td> 
                    <td>${data[i].나이}</td> 
                    <td>${data[i].성별}</td> 
                  </tr>` 
        table.innerHTML += row 
    } 
} 

... 그냥 흔적입니다. 설명은 생략할게요. 


그럼 이번에 변경한 외부 data load 관련 추가된 내용 포스팅 할게요.

 

<출력된 결과물입니다>

 

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    

    </head>

    <body>
    동적 테이블 Test입니다.
    <table class="table test">
        <tr>
            <th>이름</th>
            <th>나이</th>
            <th>성별</th>
        </tr>

        <tbody id="table1">

        </tbody>
    </table>



<!-- 외부 data 로드 -->
<script type="text/javascript" src="test.js"></script>

<script>
buildTable(myArray) 
function buildTable(data) { 
    var table = document.getElementById('table1') 
    for (var i=0; i < data.length; i++) { 
        var row = `<tr> 
                    <td>${data[i].이름}</td> 
                    <td>${data[i].나이}</td> 
                    <td>${data[i].성별}</td> 
                  </tr>` 
        table.innerHTML += row 
    } 
} 
</script>

</body>
</html>

변경 포인트를 찾으셨나요?

<!-- 외부 data 로드--> 

<script type="text/javascript" src="test.js"></script>

끝!!!

test.js 파일 내용이에요

var myArray = [
    {
        "이름" : "홍", "나이" : "20", "성별" : "남"
    }, 
    {
        "이름" : "이", "나이" : "25", "성별" : "여"
    }, 
    {
        "이름" : "박", "나이" : "30", "성별" : "여"
    },
 ] 

 

 

코드 블록 설명
1. HTML 기본 문서 생성
2. Table 생성 (id를 지정해줍니다.)
3. 외부 data 로드
4. Javascript (Data 저장, Data 크기에 따른 Table 만들기)

 

 

그럼 오늗도 즐거운 프로그래밍 생활 되세요.

웹사이트를 만들게 되면 기본적으로 보이는 구조는 유사하게 구성이됩니다.

이번 포스팅엔 Header 부분이라고 칭할 수 있는 웹사이트의 상단에 위치한 Menu항목을 나타내고 정렬하는 방법에

대해 설명하겠습니다.

HTML & CSS & JAVASCRIPT를 공부하면서, 저는 정렬하는 부분이 가장 헷갈리고 약간의 짜증이 수반되는 영역이더라구요.

그래서 언제든 참조할 수 있도록 한번 정리를 해두고 두고두고 필요할때 볼 생각이에요.

 

 

결과물

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> 메뉴 정렬 test </title>
    </head>
<style>
body{
    margin:0;
    padding:0;
    background:#ccc;
}

.nav ul {
    list-style: none;
    background:#663366;
    text-align: center;
    padding:0;
    margin:0;
}

.nav li {
    display: inline-block;
}

.nav a {
    text-decoration: none;
    color:#fff;
    width:100px;
    display: block;
    padding: 15px;
    font-size: 17px;
    font-family: sans-serif;
}

.nav a:hover {
    background: #000;
    transition: 0.4s;
}


</style>


<body>
    <div class="nav">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Tutorial</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Newsletter</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
</body>
</html>

div class="nav"로 묶고

style에서 "nav.ul, nav.li, nav.a, nav.a:hover" 에 대한 내용을 정리했습니다.

 

 

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

[Google Icon Font 삽입하기]  (0) 2020.08.01

'Chart.js'는 자바스크립트로 다양한 차트를 표현할 때 사용하면 좋은 라이브러리 입니다.

저는 아래와 같은 Radar Chart와 Polar Chart가 맘에 들어서 활용해보고 싶어졌어요.

... 실제 코드는 다음 포스팅에 남기도록 할게요.

어느새 출근 시간이 다가와서, 오늘의 포스팅은 여기서 마무리를 하고 다음 포스팅에 상세한 내용을 기재하도록 하겠습니다.

 

 

 


Chart.js is available under the MIT license.

자바스크립트로 글이 써지는 듯한 효과를 나타내고 싶을 때 쓰면 좋은 라이브러리가 있습니다.

바로 'Typed.js' 인데요.

 

사용방법은 어렵지 않습니다.

 

https://mattboldt.com/demos/typed-js/

 

JavaScript Animated Typing with Typed.js | by Matt Boldt

Another demo made with love by Matt Boldt. Installation # With NPM npm install typed.js # With Yarn yarn add typed.js # With Bower bower install typed.js Setup var typed = new Typed('.element', { strings: ["First sentence.", "Second sentence."], typeSpeed:

mattboldt.com

CDN
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>

예제 소스

<html>

<body>
    <div class="element"></div>
</body>

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
<script>
var options = {
  strings: ['<i>First</i> sentence.', '&amp; a second sentence.'],
  typeSpeed: 40
};

var typed = new Typed('.element', options);

</script>

</html>

이렇게 하면, strings에 있는 글자가 하나씩 타이핑 되는 효과를 볼 수 있습니다.

Upgrade된 예제 코드는 아래와 같아요

(커서 효과가 추가 되었습니다.)

<div> --> <span> 으로 변경된 것도 참조하세요.

커서 효과를 주려고 하니까 div는 제대로 되지 않고 span으로 해야 되더라구요^^;

<html>
<head>
    <meta charset="utf-8">
</head>

<body>
    <span class="element"></span>
</body>

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
<script>
var options = {
  strings: ['First sentence.', '&amp; a second sentence.', '테스트결과 만족 스러워요'],
  typeSpeed: 40,
  backSpeed: 100,
  fadeOut: false,
  smartBackspace: true,
  cursorChar: '_',
  loop: true
};

var typed = new Typed('.element', options);

</script>

</html>

 

마지막으로, 개발자의 요청사항을 만족시켜 줍시다.

'Typed.js' 사용 시 개발자에게 감사의 마음을 담아 사용함을 알려 주면 된다고 합니다.


Thanks for checking this out. If you have any questions, I'll be on Twitter.

If you're using this, let me know! I'd love to see it.

It would also be great if you mentioned me or my website somewhere. www.mattboldt.com