출처: www.english.com

He has coffee in the morning, tea in the afternoon and wine in the evening.
I work during the morning/afternoon/evening/day/night.
Let's meet at 6 pm.
The clock strikes twelve at midday/noon/midnight.
the condemned man was shot at sunrise/dawn.
The street lights come on at sunset/dusk.
We can see the stars at night.

source:  www.englishclub.com   

There is a cup on the table.
The Helicopter hovered above the house.
The Police placed a sheet over the body.
He Stood in front of the door and rang the bell.
Ram sat beside Tara in the cinema.
A small stream runs below that bridge.
He put the key under the doormat.
He put his hands behind his back.

It's under the desk.
It's next to the bed.
It's on the right of the picture.
It's on the left of the coatrack.
It's on the right next to the picture.

 

// canvas template

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");


// draw line
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.moveTo(100, 150);
context.lineTo(450, 50);
context.lineWidth = 15;
context.strokeStyle = "#ff0000"; // line color
context.stroke();


// draw arc

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 75;
var startingAngle = 1.1 * Math.PI;
var endingAngle = 1.9 * Math.PI;
var counterclockwise = false;

context.arc(centerX, centerY, radius, startingAngle, endingAngle, counterclockwise);
context.lineWidth = 15;
context.strokeStyle = "black"; // line color
context.stroke();


// draw curve

 var canvas = document.getElementById("myCanvas");
 var context = canvas.getContext("2d");
 var controlX = 288;
 var controlY = 0;
 var endX = 388;
 var endY = 150;

 context.moveTo(188, 150);
 context.quadraticCurveTo(controlX, controlY, endX, endY);
 context.lineWidth = 10;
 context.strokeStyle = "black"; // line color
 context.stroke();



// draw bezier
var canvas = document.getElementById("myCanvas");
 var context = canvas.getContext("2d");
 var controlX1 = 140;
 var controlY1 = 10;
 var controlX2 = 388;
 var controlY2 = 10;
 var endX = 388;
 var endY = 170;

context.moveTo(188, 130);
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
context.lineWidth = 10;
context.strokeStyle = "black"; // line color
context.stroke();


// draw path
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.beginPath();
context.moveTo(100, 20);
context.lineTo(200, 160); // line 1
context.quadraticCurveTo(230, 200, 250, 120); // quadratic curve
context.bezierCurveTo(290, -40, 300, 200, 400, 150); // bezier curve
context.lineTo(500, 90); // line 2
context.lineWidth = 5;
context.strokeStyle = "#0000ff";
context.stroke();


// draw rectangle

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var topLeftCornerX = 188;
var topLeftCornerY = 50;
var width = 200;
var height = 100;

context.beginPath();
context.rect(topLeftCornerX, topLeftCornerY, width, height);
context.fillStyle = "#8ED6FF";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();


// draw pattern

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var imageObj = new Image();
imageObj.onload = function(){
    var pattern = context.createPattern(imageObj, "repeat");

    context.rect(10, 10, canvas.width - 20, canvas.height - 20);     
    context.fillStyle = pattern;
    context.fill();
};
imageObj.src = "wood-pattern.png";



// draw image
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var destX = 69;
var destY = 50;
var imageObj = new Image();

imageObj.onload = function(){
    context.drawImage(imageObj, destX, destY);
};
imageObj.src = "darth-vader.jpg";



// draw text
 var canvas = document.getElementById("myCanvas");
 var context = canvas.getContext("2d");
 var x = 150;
 var y = 100;

 context.font = "40pt Calibri";
 context.fillStyle = "#0000ff"; // text color
 context.fillText("Hello World!", x, y);

// draw shadow

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.rect(188, 40, 200, 100);
context.fillStyle = "#8ED6FF";
context.shadowColor = "#bbbbbb";
context.shadowBlur = 20;
context.shadowOffsetX = 15;
context.shadowOffsetY = 15;
context.fill();


// clear canvas

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.rect(188, 40, 200, 100);
context.fillStyle = "#8ED6FF";
context.shadowColor = "#bbbbbb";
context.shadowBlur = 20;
context.shadowOffsetX = 15;
context.shadowOffsetY = 15;
context.fill();



// animation

window.requestAnimFrame = (function(callback){
    return window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function(callback){
        window.setTimeout(callback, 1000 / 60);
    };
})();
 
function animate(){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
 
    // update
 
    // clear
    context.clearRect(0, 0, canvas.width, canvas.height);
 
    // draw
 
    // request new frame
    requestAnimFrame(function(){
        animate();
    });
}
 
window.onload = function(){
    // initialize stage
 
    animate();
};


// linear motion
window.requestAnimFrame = (function(callback){
    return window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function(callback){
        window.setTimeout(callback, 1000 / 60);
    };
})();
 
function animate(lastTime, myRectangle){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
 
    // update
    var date = new Date();
    var time = date.getTime();
    var timeDiff = time - lastTime;
    var linearSpeed = 100; // pixels / second
    var linearDistEachFrame = linearSpeed * timeDiff / 1000;
    var currentX = myRectangle.x;
 
    if (currentX < canvas.width - myRectangle.width - myRectangle.borderWidth / 2) {
        var newX = currentX + linearDistEachFrame;
        myRectangle.x = newX;
    }
    lastTime = time;
 
    // clear
    context.clearRect(0, 0, canvas.width, canvas.height);
 
    // draw
    context.beginPath();
    context.rect(myRectangle.x, myRectangle.y, myRectangle.width, myRectangle.height);
 
    context.fillStyle = "#8ED6FF";
    context.fill();
    context.lineWidth = myRectangle.borderWidth;
    context.strokeStyle = "black";
    context.stroke();
 
    // request new frame
    requestAnimFrame(function(){
        animate(lastTime, myRectangle);
    });
}
 
window.onload = function(){
    var myRectangle = {
        x: 0,
        y: 50,
        width: 100,
        height: 50,
        borderWidth: 5
    };
 
    var date = new Date();
    var time = date.getTime();
    animate(time, myRectangle);
};


// animation start & stop

window.requestAnimFrame = (function(callback){
    return window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function(callback){
        window.setTimeout(callback, 1000 / 60);
    };
})();
 
function drawRect(myRectangle){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
    context.beginPath();
    context.rect(myRectangle.x, myRectangle.y, myRectangle.width, myRectangle.height);
 
    context.fillStyle = "#8ED6FF";
    context.fill();
    context.lineWidth = myRectangle.borderWidth;
    context.strokeStyle = "black";
    context.stroke();
}
 
function animate(lastTime, myRectangle, animProp){
    if (animProp.animate) {
        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");
 
        // update
        var date = new Date();
        var time = date.getTime();
        var timeDiff = time - lastTime;
        var linearSpeed = 100;
        // pixels / second
        var linearDistEachFrame = linearSpeed * timeDiff / 1000;
        var currentX = myRectangle.x;
 
        if (currentX < canvas.width - myRectangle.width - myRectangle.borderWidth / 2) {
            var newX = currentX + linearDistEachFrame;
            myRectangle.x = newX;
        }
        lastTime = time;
 
        // clear
        context.clearRect(0, 0, canvas.width, canvas.height);
 
        // draw
        drawRect(myRectangle);
 
        // request new frame
        requestAnimFrame(function(){
            animate(lastTime, myRectangle, animProp);
        });
    }
}
 
window.onload = function(){
    var myRectangle = {
        x: 0,
        y: 50,
        width: 100,
        height: 50,
        borderWidth: 5
    };
 
    /*
     * make the animation properties an object
     * so that it can be modified by reference
     * from an event
     */
    var animProp = {
        animate: false
    };
 
    // add click listener to canvas
    document.getElementById("myCanvas").addEventListener("click", function(){
        if (animProp.animate) {
            animProp.animate = false;
        }
        else {
            animProp.animate = true;
            var date = new Date();
            var time = date.getTime();
            animate(time, myRectangle, animProp);
        }
    });
 
    drawRect(myRectangle);
};


// mouse position
function writeMessage(canvas, message){
    var context = canvas.getContext('2d');
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.font = '18pt Calibri';
    context.fillStyle = 'black';
    context.fillText(message, 10, 25);
}
 
function getMousePos(canvas, evt){
    // get canvas position
    var obj = canvas;
    var top = 0;
    var left = 0;
    while (obj && obj.tagName != 'BODY') {
        top += obj.offsetTop;
        left += obj.offsetLeft;
        obj = obj.offsetParent;
    }
 
    // return relative mouse position
    var mouseX = evt.clientX - left + window.pageXOffset;
    var mouseY = evt.clientY - top + window.pageYOffset;
    return {
        x: mouseX,
        y: mouseY
    };
}
 
window.onload = function(){
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
 
    canvas.addEventListener('mousemove', function(evt){
        var mousePos = getMousePos(canvas, evt);
        var message = "Mouse position: " + mousePos.x + "," + mousePos.y;
        writeMessage(canvas, message);
    }, false);
};

 

말할 때 기억해야 할 10가지

1. 3의를 가지고 말할 것
- 성의, 열의, 호의

2. 항상 부드러운 미소를 띠고 상냥하게 말할 것

3. 때, 장소, 상황에 맞게 말할 것.
  (Time, Place, Occasion)

4. 아이 컨택(eye-contact)을 하며 말할 것(사람에 따라 달리 해야함)

5. 칭찬할 것 (진부한 칭찬이 아닌...그 사람을 유심히 관찰을 통해 나오는 칭찬)

6. 1분 말하고, 2분 듣고, 3번 맞장구 칠것!
1) 타이밍에 맞춰서 상대방이 말하는 것이 흥이 나도록 할 것!
2) 짧게 감정을 실어서 말할것 (감정이 없는 호응은 상대로 하여금 말할 흥을 잃게 만듦)
3) 맞장구를 멈출 때를 아는 것이 중요 (상대가 한창 열올리고 말하고 있을 때는 잠시 멈출 것)
4) 맞장구를 약간 교묘하게 (긍정의 말에만 맞장구를 친다. 부정의 말에 맞장구를 치면 상대 예전의 기분을 떠올리게 한다)

7. 아는 체하며 말하지 말 것

8. 상대의 입장을 존중할 것

9. 침착하게 말할 것

10. 올바른 존대어나 품위 있는 말 사용






공자의 성공 화법 3원칙
 
1. 상대방이 충분히 발언하도록 할 것

2. 말은 필요한 때에 필요한 말을 필요한 만큼만 할 것
- 또한 그 말을 정확하게 표현하고 전달하는 것도 중요하다. (특히 내게 부족한 부분)




 

신부의 말 => 티토 대통령(유고슬라비아) : 공산주의
신부의 말 => 훌톤쉬(대주교)


언어의 원칙 
- 단 한마디라도 신경써서
- 명령형은 의뢰형으로
- 부정형을 긍정형으로
- 경어 (우리나라에서 특히 중요함)
- 쿠션대화법 (쿠션과 방석과 같이 푸근하고 편안한 말들...)
ex)
실례합니다만 => 거부감이 반감됨...
죄송합니다만...
번거로우시겠지만...
바쁘시더라도...
공교롭게도...


말하기의 기본자세
대화(상대방에게 관심을 갖거나, 상대방에게 관심을 받고 싶거나, 관계를 돈독히 하기 위함)

- 눈:듣는 사람을 정면으로 본다. 상대의 눈을 부드럽게 주시한다. 
       (사람에 따라 눈을 정면으로 보는 것을 불편해 할 수 있다. 특히 어른일 경우)

- 몸: 표정 - 밝은 표정
        자세 - 등을 펴고 똑바른 자세
        동작 - 정닥한 제스처 사용

- 입 : 어조 - 정확한 발음. 자연스럽게, 상냥하게.
   말씨: 알기쉽게, 친절하게, 경어사용 (역지사지, 상대방의 수준에 맞게 전문용어를 사용하지 않기)
   목소리: 밝은 표정, 적당한 크기와 속도 

- 마음: 성의의 선의를 가지고 



호감을 느끼지 못하는 말하기 
- 변화가 없고, 신선미가 결여된 화제 
- 소문이나 험담
- 자기 이야기만 하는 일방적인 이야기
- 끊임없는 이야기 
- 전문용어, 외래어 남발

- 너무 높거나 낮은 음성
- 좋지 못한 말버릇
- 과장된 몸짓
- 자기 자랑만 늘어놓기 


호감주는 화법
- 간접화법 (팔당댐 문구...쓰레기를 버리면 벌급이 부과됩니다 vs 여기는 상수원 보호구역입니다.)
- 플러스(+) 화법 (관심을 가지고 있다는 표현, 느끼게 해주는 화법)
- yes, but 화법 (반대하더라도, 일단 긍정을 하고...다른 의견을 제시한다.)
- I Message (너 때문이라고 책임지우는 표현을 하지 말자. 나 때문에...또는 너가 그래서 내가 이렇게 느낀다...고 표현)
- 칭찬화법 (노골적이지 않고, 잘 드러내지 않은...진실된 칭찬)



Larry King 의 성공적 말하기의 비결
 
1. 솔직성
- 솔직하게 나의 경험 공유하기 

2. 올바른 태도 (말을 하려는 의지) => 왕도가 없다. 오로지 연습뿐... => 전화를 많이 할것! (여러 지인들에게)
- 언제 어디서나 말을 계속해서 할 것!
- 말하는 능력을 향상 시키기 위해서 열심히 노력할 것
 (사람과 대화가 두렵다면, 사물, 동물에 대해 연습해라. 그러면 사람엑도 좀더 자연스럽게 될 것이다.) => 일기 반드시 쓸것
- 자꾸 다음으면, 어느덧 조각상이 되있을 것이다. 


3. 상대방에 대한 진지한 관심
- 상대방이 말하는 바에 대해 관심이 없거나, 존중하지 않으면 => 성공할 수 없다. 
- 사람은 다 무식하다. 다만 무식한 분야가 다를 뿐이다. => 윌로저스 
- 사람은 어느 것이든 신나게 이야기할 수 있는 부분이 한가지 있다. => 전문성을 존중해준다. => 내 이야기를 경청해줌.


4. 상대방에 대한 개방된 태도
- 상대방이 맘을 열고 솔직해지기를 바란다. 상대방을 알고 싶고, 상대방도 나를 알고 싶어한다. 
- 그래서 나에 대해 솔직하게 표현한다. 그럼 상대방이 경청해준다. 


5. 자신에 대한 개방된 태도 
- 나의 단점을 상대방에게 미리 표현하기 => 나의 단점을 숨기려고 한다. => 대화가 불편해 진다. 
- 상대방과 대화를 하기위해 편안해지기 위함. 


6. 상대를 편안하게 해주기
- 남들과 이야기 할때, 그 사람에 대해 이야기 하라. 그려면 편안해 한다.