728x90

	영어	한글	단축키
실행	Run	실행	shift + F10
실행	Debug	디버그	shift + F9
편집	Delete line at caret	한줄 삭제	ctrl + y
		한줄 이동	alt + shift + 방향키
	Duplicate current line or selected block	한줄 복사	ctrl + d
		작성 취소	ctrl + z
		작성 취소 재실행	ctrl + shift + z
	Generate code..	생성자&getter&setter	alt + insert
	Toggle case for word at caret or selected block	대소문자 변환	ctrl + shift + u
찾기	Find	페이지 내에서 찾기	ctrl + f
	Find in path	전체에서 찾기	ctrl + shift + f
	Find next	페이지 내 같은 문자 찾기	F3
	To quickly open any file.	파일이름으로 열기	ctrl + shift + n
	View recent files	최근 열었던 페이지	ctrl + e
	Edit source	매서드 소스 보기	F4
	Call hierarchy	사용되는 곳 찾기	ctrl + alt + h
주석		여러줄 주석	ctrl + shift +c
		한줄 주석	ctrl + c
		java doc	alt + enter
기타		public static void main	psvm
		System.out.println	sout
		전체 임포트	setting > editor > general > auto import - add~~, option ~~ 체크

플러그인 추천 : 백기선님 설명보기>>

셋팅 > 플러그인스 에서 설치

key Promoter X : 단축키 알려주는 프로그램

- 몇 번 클릭해야 보여줄거냐.

- 단축키 없는 경우 숏컷 만들라고 제안 할 것인지.

Presentation Assistant : 영상 촬영시 유용 사용단축키 보여줌.

톰캣 환경 설정

Add Configuration > Templates > Tomcat Server - Local [configure] 버튼 위치 등록

단축키 사이트

>>https://resources.jetbrains.com/storage/products/intellij-idea/docs/IntelliJIDEA_ReferenceCard.pdf

>> https://shortcutworld.com/IntelliJ-IDEA/win/IntelliJ_Shortcuts

https://www.catalysts.cc/wissenswertes/intellij-idea-and-eclipse-shortcuts/

https://confluence.jetbrains.com/pages/viewpage.action?pageId=51939004

전체 임포트 :: https://www.mkyong.com/intellij/eclipse-ctrl-shift-o-in-intellij-idea/ : setting > editor > general > auto import > add unambiguous imports~~ 체크, Optimizs import on the ~~ 체크

https://confluence.jetbrains.com/pages/viewpage.action?pageId=51939004

저작자표시 변경금지

'For Real > Others' 카테고리의 다른 글

IntelliJ Java version 맞추기 (0)	2019.02.25
Docker Desktop requires Windows 10 Pro or Enterprise version 14393 to run. (0)	2019.02.24
[생활코딩 by 이고잉] CSS기본부터 활용까지(작성중) (0)	2019.02.10
CES 국제 전자제품 전시회 (0)	2019.01.12
APSTNDP(All People Seem To Need Data Processing)- OSI 7계층 (0)	2018.07.19

728x90

HTML CSS가 만나는 법.

HTML 문법 style 속성

<style>

h2{color:blue}

<style>

선택자

선택자와 선언

li{

color:red;

text-decoration:underline

}

li : selector :선택자

{} : declaration : 선언

; : Decoration seperatior : 구분자.

ID 선택자

#select{

font-size:100px

}

부모 자식 선택자

<ul>

<li>selector</li>

<li>declaration</li>

</ul>

<li>JavaScript</li>

</ul>

ul li{

color:red

}

바로 밑에 자식만 "> "

#lecture> li{

background-color:powderblue;

}

동시 선택 , "ol,ul"

선택자 팁

http://flukeout.github.io/

체트 씨트 : 컨닝페이퍼 같은거.

가상 클래스 선택자 : pseudo class selector

:link – 방문한 적이 없는 링크
:visited – 방문한 적이 있는 링크
:hover – 마우스를 롤오버 했을 때
:active – 마우스를 클릭했을 때

a:active{

color:green

}

a:hover{

color: yellow

}

-> 클릭해도 hover가 뒤에 있어서 클릭이 적요이안됨

visited 는 보안때문에 일부만사용가능

:fucus{

}

가장뒤에 쓰는게 좋음

적용순서

상속 : inheritance

<li>JavaScript</li>

</ul>

html{color:red;}

#lecture{color:black}

부모의 색상을 자식이 물려받는게 효율적: 적은 코드로 많은 사용.

상속되고 상속되지 않는 속성들이 있다.

주석

/*

*/

캐스케이딩 cascading : CSS 웹브라우저 < 사용자 < 저자 볼수있는 디자인 권리를 준다. >>> 우선순위 참고

CSS : Cascading Style Sheet 캐스케이팅(연속적인) 스타일 시트

1990년 HTML,

하나의 테그에 여러 CSS 중첩되었을때.

<li>JavaScript</li>

</ul>

<style>

li{color:red: !important;}

#idsel{color:blue}

.classel{color:green;}

</style>

ID 선택자 > Class선택자 > 태그선택자 : Cascading 규칙

구체적인것 > 포괄절 :: 적용 우선순위

!important;

무조건 최우선 적용

서체 다루기

크기: font-size

unit 단위 : px vs em vs rem

px 절대적

em, rem 브라우저 설정에 따라 상대적

결론적으로 rem 을 쓰도록. 폰트 크기를 조정할 수 있는 사용자의 권리

16px >> 검사로 보면 계속 16px

16rem; >> 검사로 보면 브라우저가 중간이 면 16px 크게 보면 24px로 나옴

브라우저 폰트 사이즈 미디엄.... very Large. : px 를 쓰면 글자가 바뀌지 않음, rem을 쓰면 폰트크기가 바뀜

color

color name, hex(16진수), rgb(빨강, 초록, 파랑 조합)

text-align

center, left, justify

justify : 양쪾이 균등하게 분배

      p{
        text-align: justify;
        border:1px solid gray;
      }

의미 없는 텟스트 lorem ipsum 로렘이썸

font-family, font-weight, line-height

     #type1{
        font-size:5rem;
        font-family: arial, verdana,"Helvetica Neue", serif;
  line-height:2;  /*두배 px 사용가나 부자연*/ 
  font:bold 5rem/2
      }
#type2{
font:bold 5rem/2 arial, verdana,"Helvetica Neue", serif;
}

font-family > 우선 순위에 따른 font 지정

장식 없는것 : sans-serif

장식 있는것 serif

고정폭 : monospace

합쳐서 써도됨.

웹폰트

사용자가 폰트가 없으면 웹폰트 다운받아서 쓰게함... 영어는 가벼우나 한국어 용량이 큰편

Standard

Specify inCSS

#font1{

font-family: 'Open Sans Con~~';

}

font face generator 검색

ttf, otf, eot... 파일로 다운가능

web-font.html 이름 지정해서 해당 폰트 만들어 사용 가능

@font-face {

font-family:'abc':

}

body{

font-family:'abc'

}

레이아웃 기본

인라인 vs 블럭 레벨 inline vs block level

<h1>Hello wold</h1>

안녕하세요 <a href=""> 생활코딩</a> 입니다.

<style>

h1, a {boder:1px solid red;}

h1{display: inline;}

a{display:block;}

</style>

인라인 엘리먼트 : a

블럭레벨 엘리먼트 (줄 전체-줄바꿈- 공간을씀) :h 태그

박스 모델 - 주사용 css 중 70%정도

높이감, 여백, 크기 조절

<p>

p테그

</p>

<p>

파라그래프

</p>

안녕하세요<a href="">생활코딩입니다. </a>입니다.

p, a{

/*border-width:10px;

border-style:solid;

border-color:red; : 테두리

*/

boder:10px solid red;

padding:20px; /* 해당 크기 만큼 화면이 벌어짐 : 접시 음식*/

margin:40px;/* 테두리와 다른 요소간 간격 : 접시 접시*/

width:50px;

hight:50px;

}

** 인라인 엘리먼트에 적용하면 width, hight 값이 무시된다.

box-sizing

padding, margin 이 예상과 다를때. 예측하기 쉽게 하기.

width 둘다 같을 때 다르게 보임 --> boder, margin 값이 빠진 영역 의 길이가 같음

>> box-sizing 등장.

box-sizing:border-box ; 경계의 크기가 동일해짐.

*{ } 모든 선택자

    <style>
        *{
            box-sizing:border-box;
        }
        div{
            margin:10px;
            width:150px;
        }
        #small{
            border:10px solid black;
        }
        #large{
            border:30px solid black;
        }
    </style>
</head>
<body>
       <div id="small">Hello</div>
       <div id="large">Hello</div>
</body>
</html>

마진 겹침

1. <h1><h1> 연속해서 있을 때 아래, 위의 마진이 겹침

2. 부모, 자식 태그에서 부모가 border가 없을 때 마진값은 큰쪽 의 마진값을 기준으로 차이가남... 마진이 겹침

3. <div><div> 연속해서 있을 때 마진 겹침...첫번째 div border 값이 없으면 위쪽 혹은 아래 마진값중 큰값이 거리값이 된다.

<!DOCTYPE html>
<html>
  <head>
      <style>
          h1{
              border:1px solid red;
              margin:100px;
          }
      </style>
  </head>
  <body>
  <h1>Hello world</h1>
  <h1>Hello world</h1> <h1>Hello world</h1>

  </body>
</html>

<!doctype html>
<html>
<head>
    <style>
        #parent{
/*            border:1px solid tomato;*/
            margin-top:100px;
        }
        #child{
            background-color: powderblue;
            margin-top:50px;
        }
    </style>
</head>
<body>
    <div id="parent">
        <div id="child">
            Hello world
        </div>
    </div>
</body>
</html>

<!doctype html>
<html>
<head>
    <style>
        #empty{
            margin-top:50px;
            margin-bottom: 100px;
/*            border:1px solid tomato;*/
        }
        #normal{
            background-color: powderblue;
            margin-top:100px;
        }
    </style>
</head>
<body>
    <div id="empty"></div>
    <div id="normal">normal</div>
</body>
</html>

position - absolute, fixed

left:0;

top0; :: absolute 지정하면 ... 더이상 부모의 소속이 아님. 부모로 설정되는것이 다 설정이 않됨

position이 있는 상위 부모가 나타나면 기준으로 해서 위치값을 정함.

position: fixed; 위치가 바껴도 고정됨

레이아웃 활용 flex

flex : 레이아웃을 잡을 때 사용하는 기능

Layout의 흑역사. ...

table :표여야 하는데...의미 없는 레이아웃에서도 사용하기도...

position... reletive... absolute

float ... 이미지를 옆에 이미지 글씨 흘러가도록..

</container>

container

item

display

flex-direction

flex-wrap

felx-flow

justify-content

align-items

align-content

order

flex-grow

flex-shrink

flex-basis

flex

align-self

flux

1. 부모에 display:flex;

2. 부모에

flex-direction:row-reverse; : 오른쪽 정렬 , default : row

flex-direction:column-reverse; 수직역순 정렬, - 높이 공백 포함 거꾸로 정렬

flex-direction::column : 수직 순서 정렬

3. item에

flex-grow:1; *** 칸이 n이 1씩 나눠가져서 여백이 없어짐.

.item:nth-child(2){ /*2번째 칸*/

flex-grow:3; /*item에 flex-grow가 0이면 혼자 나머지 공간꽉채움*/

flex-bassis:300px; 여백이 존재.. 화면작아짐.

}

.item:nth-child(3){ /*2번째 칸*/

flex-grow:3; /*item에 flex-grow가 0이면 혼자 나머지 공간꽉채움*/

flex-bassis:300px; /*여백이 존재.. 화면작아짐.*/

flex-shrink:2; /*basis 값을 가지고 있을 때 줄어들 떄 비율 , 0은 작아지지 않음*/

}

<!doctype>
<html>
<head>
    <style>
        .container{
            background-color: powderblue;
            height:200px;
            display:flex;
            flex-direction:row;
        }
        .item{
            background-color: tomato;
            color:white;
            border:1px solid white;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
    </div>
</body>
</html>

<!doctype>

<html>
<head>
    <style>
        .container{
            background-color: powderblue;
            height:200px;
            display:flex;
            flex-direction:row;
        }
        .item{
            background-color: tomato;
            color:white;
            border:1px solid white;         
        }
        .item:nth-child(1){
            flex-basis: 150px;
            flex-shrink: 1;
        }
        .item:nth-child(2){
            flex-basis: 150px;
            flex-shrink: 2;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
    </div>
</body>
</html>

Holy Grail Layout 성배 레이아웃

Header

Nav Main AD

Footer

<!doctype>
<html>
<head>
<meta charset="utf-8">
<style>
.container{
display: flex;
flex-direction: column;
}
header{
border-bottom:1px solid gray;
padding-left:20px;
}
footer{
border-top:1px solid gray;
padding:20px;
text-align: center;
}
.content{
display:flex;
}
.content nav{
border-right:1px solid gray;
}
.content aside{
border-left:1px solid gray;
}
nav, aside{
flex-basis: 150px;
flex-shrink: 0;
}
main{
padding:10px;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>생활코딩</h1>
</header>
<section class="content">
<nav>
<ul>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ul>
</nav>
<main>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis veniam totam labore ipsum, nesciunt temporibus repudiandae facilis earum, sunt autem illum quam dolore, quae optio nemo vero quidem animi tempore aliquam voluptas assumenda ipsa voluptates. Illum facere dolor eos, corporis nobis, accusamus velit, similique cum iste unde vero harum voluptatem molestias excepturi. Laborum beatae, aliquid aliquam excepturi pariatur soluta asperiores laudantium iste, architecto ducimus fugiat sed, saepe quaerat recusandae exercitationem sapiente, impedit nostrum error. Doloremque impedit, eos in quos assumenda illo eum dicta. Voluptatum quaerat excepturi consectetur, doloremque esse deleniti commodi natus, maxime sit? Officia rerum quibusdam porro dolorum numquam harum soluta ex quo! Vero, nam? Necessitatibus rem hic perferendis maiores obcaecati voluptate sunt autem id doloribus, similique repudiandae nesciunt vel facere ex accusantium ipsum provident iste itaque? Perferendis culpa nostrum repellendus dolores repudiandae assumenda, tempora laudantium in quibusdam placeat facilis ex voluptatem provident velit iusto fuga eum nobis deserunt enim minus. Explicabo vel labore, eum doloremque, impedit recusandae aut illum corporis quis atque sit vero quasi tempore placeat ipsam similique quo delectus provident animi distinctio debitis eligendi voluptatum! Dolorem perspiciatis similique non fugit eaque? Commodi suscipit earum aliquam rem, neque ad. Obcaecati nisi beatae officia inventore laborum nostrum natus perspiciatis iste, aperiam vero quisquam saepe labore facilis veritatis illo excepturi vitae autem quis! Voluptatibus atque doloribus perferendis, eligendi ex aliquid debitis laudantium omnis accusamus similique cum mollitia quos adipisci reprehenderit assumenda sequi, dolore tenetur ipsam, odio, vero reiciendis iure. Dolore itaque nesciunt ipsam, id maxime saepe officiis dolorum molestias earum temporibus? Possimus ipsum accusamus quasi minima, quod magnam iusto non cupiditate facilis pariatur aliquam omnis, blanditiis assumenda magni ad voluptas dicta est optio reprehenderit rem ratione earum ipsa, dolor vero! Totam, adipisci eos nihil repellendus. Maiores, blanditiis. Officiis aspernatur iure culpa illo sint ex id perferendis, explicabo architecto ipsa voluptatibus nesciunt pariatur commodi cum quam. Obcaecati ut quidem quam error nemo. Pariatur aliquid autem inventore laboriosam, velit totam, temporibus ad magnam minus, quis nesciunt aperiam veritatis. Vitae porro provident magni eos sit sed dignissimos iure natus odio nostrum molestiae atque mollitia saepe adipisci ut velit quo hic fuga ex, voluptates vel eum ipsum amet, sunt corporis. Maxime odit alias, ratione tenetur, asperiores consequuntur deserunt modi velit ab maiores pariatur voluptates beatae aut nesciunt perspiciatis sed veritatis doloremque quibusdam amet vero. Qui, labore. Atque ratione quae ducimus reprehenderit perferendis nisi earum, debitis commodi maxime sequi facere optio doloribus, repudiandae ex quidem amet iusto inventore quaerat at praesentium sint. Omnis mollitia esse illum suscipit, quis dolorem maxime sunt eaque, autem nisi corrupti perferendis provident tempore quas, unde! Doloribus, at, accusamus, maiores enim amet quod provident temporibus atque, ipsam fugiat incidunt. Quasi iusto ea quibusdam eveniet porro officiis dicta fugiat fugit laudantium ipsum esse quisquam quo laboriosam odit voluptates alias veritatis expedita quidem consectetur eos, impedit, incidunt dolorum? Laborum, facere nulla ullam, aliquid rerum nihil non adipisci, architecto obcaecati iure quam, fuga minus alias eligendi provident ex odio sit. Ducimus, facilis veritatis numquam, maxime quos natus animi, a magnam itaque veniam pariatur sed alias eos quas? Voluptatum fugit doloribus fugiat iste adipisci quidem odit consectetur, sapiente culpa magnam laborum, laboriosam exercitationem cupiditate dignissimos, nisi doloremque hic itaque aspernatur. Ab labore dolorum cumque rem vitae repellat quo quae porro cupiditate minus. Perspiciatis cumque sequi provident fugit. Nulla reiciendis voluptates molestiae corporis voluptate, quidem consequuntur, dolor vero necessitatibus deleniti tempora ab facilis similique, ea error deserunt fuga quia atque omnis nam earum non, illo. Minima quos optio nostrum eos aperiam? Quam, obcaecati velit deserunt tempore, iure vitae repudiandae quos illum quasi esse quas quaerat at consectetur necessitatibus. Cum, quod, dolore voluptatibus quibusdam accusamus aliquam consequatur dolorum illo! Sequi commodi adipisci explicabo soluta necessitatibus magni expedita cumque, officiis voluptas, vel amet recusandae sunt, quidem eum aliquid deleniti unde, impedit non magnam consectetur est minima facere architecto. Molestias cum vero nostrum saepe, dignissimos eius beatae natus fugiat deserunt esse, nesciunt eos ducimus id amet magnam possimus? Optio adipisci quisquam earum totam nemo sunt provident iure ab consectetur et deleniti molestiae blanditiis laudantium, autem consequatur rerum labore ipsa ipsam deserunt nisi, expedita doloremque quibusdam! Illo nemo laborum a sequi in, ad ipsum blanditiis alias! Eaque eos eligendi hic dolorum sint, tempore voluptatum ut numquam. Corporis similique itaque accusantium, esse porro ea dolor, quae consequuntur ullam necessitatibus magni rem optio officiis totam in dicta quas, odio quam blanditiis dolores pariatur? Dolorem, fuga? Harum ratione nemo perspiciatis culpa eum repudiandae esse, atque impedit nihil debitis, assumenda est. Sapiente rerum alias ipsa tempore obcaecati deserunt maiores distinctio officiis itaque fugit optio, eveniet facere amet ipsum, harum laboriosam eius, enim magni blanditiis temporibus nobis consequuntur ut. Quia magnam vero atque modi aspernatur in perferendis voluptas reprehenderit, rerum dolore unde iusto ab non eius molestiae quasi tenetur beatae ipsam quidem, quos at architecto voluptate alias eos. Deserunt velit beatae, ullam, accusantium sit asperiores! A vero perferendis, harum praesentium dolorem deserunt. Numquam voluptas necessitatibus, aliquam ullam saepe harum amet consequatur minima neque officia maxime quo beatae ab aliquid ex placeat rerum unde, reiciendis aspernatur similique, doloremque ad laboriosam modi. Minus quam aperiam, sed aliquid. Fugiat amet harum consequuntur reprehenderit id eum ratione quos temporibus, quae. Ab ut omnis tempora voluptates, sed ea animi voluptatem pariatur quod mollitia corrupti voluptas repellendus consequatur quae adipisci, enim vitae harum nulla natus iusto hic totam officia architecto quam. Debitis dignissimos praesentium, hic. Ad assumenda, aliquid consequuntur dolore eum repudiandae ab explicabo ipsa sed blanditiis. Quidem unde necessitatibus facilis, quis commodi. Dignissimos perferendis, nihil labore corrupti autem cumque ipsum vel voluptatum? Nostrum labore, omnis provident ullam repellendus culpa amet rem consequatur animi, necessitatibus porro. In consequatur optio recusandae, quisquam accusantium at deserunt voluptatem fugit quibusdam neque libero assumenda consectetur numquam ratione quaerat. Quos omnis neque atque, id perferendis possimus, alias, dignissimos doloribus ducimus similique ratione vitae eos laudantium, tempore cupiditate quod consectetur! Voluptas enim laboriosam nesciunt rem. Recusandae beatae numquam asperiores adipisci neque, vel pariatur suscipit provident, a est magni. Laborum dolore incidunt saepe ipsam? Eveniet doloremque animi maxime aliquid rem fugit dolor dignissimos! Quo, ut quod ab.
</main>
<aside>
AD
</aside>
</section>
<footer>
<a href="https://opentutorials.org/course/1">홈페이지</a>
</footer>
</div>
</body>

</html>

저작자표시 변경금지

'For Real > Others' 카테고리의 다른 글

Docker Desktop requires Windows 10 Pro or Enterprise version 14393 to run. (0)	2019.02.24
IntelliJ IDEA 단축키() (0)	2019.02.11
CES 국제 전자제품 전시회 (0)	2019.01.12
APSTNDP(All People Seem To Need Data Processing)- OSI 7계층 (0)	2018.07.19
호스팅 케이알 네임서버 설정(깃허브 페이지) (0)	2018.07.08

728x90

☞ "영어로 감정을 느끼게 만들고 싶어서" 오스카(2018)버전으로 동영상 제작했습니다.

가사는 영상하고 별개로 음원버전입니다. by Dr.Engineer 2019.02.06 제작

I'm not a stranger to the dark.

난 어둠이 낯설지 않아요.

Hide away, they say

'숨어 버려' 그들은 말해요.

'Cause we don't want your broken parts

'우리는 고장 난 부분은 원치 않거든.'

I've learned to be ashamed of all my scars

난 내 모든 상처를 부끄러워하라고 배웠어요.

Run away, they say

'도망가버려' 그들은 말해요.

No one will love you as you are

'아무도 너를 있는 그대로 좋아해 주지 않을 거야.'

**후렴1**

But I won't let them break me down to dust

하지만 사람들이 날 무너뜨리지 않게 할 거예요.

I know that there's a place for us

우리를 위한 곳이 있다는 걸 알고 있어요.

for we are glorious.

우리가 빛나고 아름답기 때문에요.

**후렴2**

When the sharpest words wanna cut me down

날카로운 말이 나를 해치려 할 때도

I'm gonna send a flood, gonna drown them out

홍수를 보내서 다 삼켜 버리게 할 거예요.

I am brave, I am bruised

난 용감해요, 난 상처 입었어요.

I am who I'm meant to be, this is me.

내가 원한 저예요, 이게 저예요.

Look out 'cause here I come.

내가 왔으니 조심해요.

And I'm marching on to the beat I drum.

나만의 박자로 계속 걸어가고 있어요.

I'm not scared to be seen.

남들에게 보이는 게 두렵지 않아요.

I make no apologies. this is me.

난 사과하지 않아요. 이게 나예요!

Another round of bullets hits my skin.

또 다른 총탄이 내 피부에 박혀요.

Well, fire away, 'cause today, I won't let the shame sink in

그러면 물어봐요. 왜냐하면, 오늘은 수치심에 빠지지 않을 거니까요.

We are bursting through the barricades

우린 그 장벽을 터트릴 거에요.

And reaching for the sun (we are warriors)

태양까지 갈 거예요 / 우린 용사들입니다.

Yeah, that's what we'll become

그게 우리가 될 모습입니다.

**후렴1** 반복

**후렴2** 반복

And I know that I deserve your love

내가 당신의 사랑을 받을 자격이 있다는 걸 알아요..

There's nothing I'm not worthy of

어떤 것도 부끄럽게 하지 않아요.

**후렴2** 반복

☞ 월화 : 따라읽기, 수목 : 한글 해석 보고 영어로 써보기, 금토 : 그냥 다 외어서 써보기 ^^ by Dr.Engineer

짝짝짝!!! 축하합니다.

Hide away 숨어버려

cut somebody down = to kill somebody

drown 물에 빠져 죽다. 익사시키다.

mean 의도하다.

look out 조심해요.

march 행진하다. 걸어가다.

marching on to 로 계속 행진하다.

rounds of bullets 총알 탄환 여러개

fire away 물어보세요.

burst 터지다 터뜨리다.

'Made by Miseong' 카테고리의 다른 글

내가 원하는 것 (0)	2020.07.30
[힐링영어암기 3] 영화 미 비포 유(2016)::"Live boldly. Push yourself. Don’t settle." (1)	2019.02.13
[힐링영어암기 1] 영화 헬프(2011)::"Am I gonna believe all bad things that fools say about me today?" (0)	2019.01.25
2018.12.27 구상하기 (0)	2018.12.27

728x90

하마터면 열심히 살 뻔 했다 by 하완

나 역시 노력에 비해 큰 성과를 얻을 수도, 노력하지 않았는데 좋은 일이 생 수도 있다는 이야기니까.

원래 인생은 공평하지 않아 노력으로 다 된다는 말도 거짓말이지 알겠어? 네 노력이 부족한 탓이 아니라는 이야기야.

열심히 노력하면 달라질 거란 희망, 그 믿음 하나로 버텨온 세월이 었다. 노력은 종교였다.

계단의 시작과 끝은 다 보려고 하지 마라. 그냥 발을 내딛어라. - 마틴루터 킹

쉴 새 없이 날아드는 펀치를 가만히 서서 맞고만 있지 말고 가볍게 피해보자. 하고 싶은 게 있다면 겁내지 말고 한 걸음 내디뎌 보자. 넘어져도 아무일 없었다는 듯이 일어나보자. 괜찮아, 자연스러웠어. 그렇게...

겁에 질려 개미가 된 것을 뿐.

그래 난 아팠던 거다.

하루의 3 분의 2를 자기 마음대로 쓰지 못하는 사람은 노예다. - 니체

안전하다고 유혹하는 '남'들의 목소리를 뒤로하고 '나'만의 목소리에 귀 기울인 선택은 어쩌면 '고톡한 실패가'의 길이다. 하지만 그 길을 가면 적어도 남들이 하라는 대로 사는 '남'의 인생을 살게 되진 않는다.

자신의 치우침을 안다는 건 균형을 잡는 첫 걸음이다.

나는 내 보통의 자존감에 만족한다. 고로 여전히 자존감을 높이려 노력할 생각은 없다.

세상은 우리가 불행하다고 속인다. 불행하지 않으려면 더 많은 것을 가져야 한다고 속상이면서

똑같은 길을 가도 누군가는 편안하게 가고 누군가는 끌려간다. 즉, 같은 인생도 대하는 태도에 따라 다르게 느껴질 거라는 가르침이다. '업혀간다.' '끌려간다'

저작자표시 변경금지

'For me > 책' 카테고리의 다른 글

#7[실무에서 바로 통하는 자바 by 다케다 하루키] 읽는중... (0)	2019.03.04
#6[분노수업 by 아룬간디]1온수의 실천이 몇 톤의 가르침보다 더 값어치 있다. (0)	2019.02.18
#4[멈추면, 비로소 보이는 것들by혜민스님]201901 내가 별로 특별한 것 없듯이 다른 사람들도 특별하지 않다는 것을요. 그러니 살면서 너무 쫄 필요 없다고요. (0)	2019.01.29
#3[나는 120살 까지 살기로 했다. by 이승헌]201901 나는 건강, 행복, 평화를 자급자족하고 있다. (0)	2019.01.25
#2[드림온by김미경] 201901 나의 값어치는 세상이 아니라 내가 정한다. (0)	2019.01.16

728x90

제작 기간 : 2019.02.01~02(2일)

(1차로 만들었는데.. 대사가 생각보다 좋지않아서 .. 안외어 지네요. 유튜브에 올리지 않았습니다. )

☞ 본문 입니다. ^^ by Dr.Engineer

The truth is, I never travel back at all, not even for the day.

사실, 난 하루도 시간여행을 하지 않는다.

I just try to live everyday as if I’ve deliberately come back to this one day of my extraordinary, ordinary life.

(시간여행으로) 일부로 돌아 온 날인 것처럼 하루하루를 즐기려고 노력한다. 특별하고 평범한 나의 삶의 그 하루.

To enjoy it. As if it was the full final day.

그 하루를 즐기기. 오늘이 시간여행의 마지막 날인 것처럼.

We're all travelling through time together, everyday of our lives.

삶에서 매일같이 우리 모두 함께 시간여행을 한다.

All we can do is do our best to relish this remarkable ride.

우리가 할 수 있는 건 최선을 다해 이 놀라운 여행을 즐기는 것이다.

☞ 클릭하면 원문이 보입니다. ^^ by Dr.Engineer

☞ 월화 : 따라읽기, 수목 : 한글 해석 보고 영어로 써보기, 금토 : 그냥 다 외어서 써보기 ^^ by Dr.Engineer

짝짝짝!!! 축하합니다.

a vs the / a 불특정 : a car, the 특정(그, 저) : the car

/예외 1. 피아노의 "특정한" 성질 : play the piano.

2. 고유명사 : The white house, the sun, the moon

3. 나라이름 중 여러게 섬,주 모인 경우 : the U.S.

4. 여러 산들이 모여서 "특정" 산맥 이룰때 the Alps

5. 강, 바다이름 : the han River

https://youtu.be/ToSftf8pjvE

저작자표시 변경금지

'Made by Miseong > 그 외' 카테고리의 다른 글

베토벤 , 심포니 9 합창부분_ 발음 & 번역 (0)	2020.01.12
[검색한번에 OBS studio 사용하기]무료 데스크탑 동영상 제작 프로그램_설치시 에러 정리 (0)	2019.11.26
[1분 자바] 자바기초 2주차(클래스, 인스턴스, 네이밍 법칙, 상속) (0)	2019.01.31
[1분 자바] 자바기초 1주차(자바, 구조, 실행, main, 변수) (0)	2019.01.31
[임산부요가영상] 영어로 설명하는 허리통증 완화를 위한 임산부요가 동영상 (Pregnancy yoga Flow for back pain) 2017.12제 (0)	2017.10.11

728x90

저작자표시 변경금지

'Made by Miseong > 그 외' 카테고리의 다른 글

베토벤 , 심포니 9 합창부분_ 발음 & 번역 (0)	2020.01.12
[검색한번에 OBS studio 사용하기]무료 데스크탑 동영상 제작 프로그램_설치시 에러 정리 (0)	2019.11.26
[힐링영어암기_ youtube 미등록] 영화 어바웃타임(2013)::All we can do is do our best to relish this remarkable ride. (0)	2019.02.01
[1분 자바] 자바기초 1주차(자바, 구조, 실행, main, 변수) (0)	2019.01.31
[임산부요가영상] 영어로 설명하는 허리통증 완화를 위한 임산부요가 동영상 (Pregnancy yoga Flow for back pain) 2017.12제 (0)	2017.10.11

728x90

저작자표시 변경금지

'Made by Miseong > 그 외' 카테고리의 다른 글

베토벤 , 심포니 9 합창부분_ 발음 & 번역 (0)	2020.01.12
[검색한번에 OBS studio 사용하기]무료 데스크탑 동영상 제작 프로그램_설치시 에러 정리 (0)	2019.11.26
[힐링영어암기_ youtube 미등록] 영화 어바웃타임(2013)::All we can do is do our best to relish this remarkable ride. (0)	2019.02.01
[1분 자바] 자바기초 2주차(클래스, 인스턴스, 네이밍 법칙, 상속) (0)	2019.01.31
[임산부요가영상] 영어로 설명하는 허리통증 완화를 위한 임산부요가 동영상 (Pregnancy yoga Flow for back pain) 2017.12제 (0)	2017.10.11

728x90

방통대 메일 개정 획득 후 할수 있는일

무료 office

https://products.office.com/ko-KR/student/office-in-education?ms.officeurl=getoffice365

IntelliJ IDE

학생라이센스 사용가능

https://www.jetbrains.com/shop/eform/students

방통대 학생증 취득 후 혜택

국제 학생증무료.

https://www.knou.ac.kr/knou/univlfhd/EHPCrtfIsue.jsp

국립현대미술관 무료

대학생 무료

그외.. 오리엔테이션.

학과 홈페이지.. 수시로 확인할 것.

한학기 6개 18학점까지.

1학점... 원격 대학교육의 이해... 그외 , 다른 학년 과목으로 바꿔 들어도 됨.

출석시험 대체 시험: . 중간평가 : 과제물 3월말~4월 중순 온라인 업로드,

졸업소요학점, 논문

졸업소요 학점 : 140학점... 3학년 편입생 24학점 전공 69 필수.

논문대체 자격증은 입학 이후 취득만 인정.

계절강의는 처음 듣는 강의는안되고 이전에 들었던 과목만 들을 수 있음.

http://www.kosaf.go.kr 국가 장학금 신청.

http://www.hanwoorii.com/xe/home 한우리 스터디... ...5년치 문제 준다고 했는데.. 방통대 사이트에 이미 다 있음. 단톡방을 찾아 보는것 추천

저작자표시 변경금지

'For me' 카테고리의 다른 글

감사일기 2020-05 (0)	2020.05.07
[데일리 리포트] 데일리 리포트 형식 (0)	2019.02.26
[서울시립미술관,201901] 한묵: 또 하나의 시(詩)질서를 위하여, 이스트빌리지 (0)	2019.01.25
3번째 도전. (0)	2019.01.10
[책그림] 질문을 뛰어넘는 대답=요구정보+나와 상대의 목적을 이루는데 도움이 될 만한 정보 (0)	2019.01.02

전체 글

플러그인 추천 : 백기선님 설명보기>>

셋팅 > 플러그인스 에서 설치

key Promoter X : 단축키 알려주는 프로그램

톰캣 환경 설정

단축키 사이트

>>https://resources.jetbrains.com/storage/products/intellij-idea/docs/IntelliJIDEA_ReferenceCard.pdf

'For Real > Others' 카테고리의 다른 글

HTML CSS가 만나는 법.

선택자

선택자와 선언

ID 선택자

부모 자식 선택자

바로 밑에 자식만 "> "

동시 선택 , "ol,ul"

선택자 팁

가상 클래스 선택자 : pseudo class selector

적용순서

상속 : inheritance

주석

캐스케이딩 cascading : CSS 웹브라우저 < 사용자 < 저자 볼수있는 디자인 권리를 준다. >>> 우선순위 참고

서체 다루기

크기: font-size

color

text-align

font-family, font-weight, line-height

웹폰트

레이아웃 기본

인라인 vs 블럭 레벨 inline vs block level

박스 모델 - 주사용 css 중 70%정도

box-sizing

마진 겹침

position - absolute, fixed

레이아웃 활용 flex

flex : 레이아웃을 잡을 때 사용하는 기능

flux

}

Holy Grail Layout 성배 레이아웃

'For Real > Others' 카테고리의 다른 글

'Made by Miseong' 카테고리의 다른 글

'For me > 책' 카테고리의 다른 글

'Made by Miseong > 그 외' 카테고리의 다른 글

'Made by Miseong > 그 외' 카테고리의 다른 글

'Made by Miseong > 그 외' 카테고리의 다른 글

방통대 메일 개정 획득 후 할수 있는일

무료 office

IntelliJ IDE

방통대 학생증 취득 후 혜택

국제 학생증무료.

국립현대미술관 무료

그외.. 오리엔테이션.

http://www.kosaf.go.kr 국가 장학금 신청.

'For me' 카테고리의 다른 글

티스토리툴바