728x90

1.8사용시.. 자동으로 오류 찾아 주는 부분 등... 추가 셋팅이 필요


1. setting >  java compiler 1.8로 두군대 변경

2.  Project Structure (ctrl +alt + shift + s )  모듈  랭귀지 레벨 1.8로 변경

728x90

Docker Desktop requires Windows 10 Pro or Enterprise version 14393 to run.   이유로 설치 불가. 


원인 : Window 10 Home 에디션이 Hyper-V (윈도우 서버 가상화를 하지 않기 때문)


window 10 Home 사용자는 windows설정에서  가상화 enable 상태로 놓고

Docker Toolbox 다운, 설치 후  퀵스타트 터미널에서  docker run hello-world  실행 후 

kitematic 실행해서 왼쪽 DOCKER CLI 실행하면 사용가능하네요. (많이 헤맸어요;ㅜㅜ) 


https://gwonsungjun.github.io/how%20to%20install/2018/01/28/DockerInstall/


https://blog.hanumoka.net/2018/04/28/docker-20180428-windows10pro-install-docker/

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

meta 태그  (0) 2019.03.11
IntelliJ Java version 맞추기  (0) 2019.02.25
IntelliJ IDEA 단축키()  (0) 2019.02.11
[생활코딩 by 이고잉] CSS기본부터 활용까지(작성중)  (0) 2019.02.10
CES 국제 전자제품 전시회  (0) 2019.01.12
728x90
https://m.blog.naver.com/wot00/220719059223


http://www.plutosolution.com/business/iot_solution.php

728x90

1. 분노를 선한 목적에 사용하라.

분노를 연료로 삼아서 앞으로 나아가고 또 더 나은 인간이되지. 

분노가 일어나는 것을 느낄 때마다 잠깐 멈춰 서서 누구 때문에 혹은 무엇때문에 그런감정이 일어났는지, 또 너는 왜 그렇게 화를 내는 식으로 대응했는지 글로 적어라. 분노의 뿌리가 무엇인지 알기위함이란다. 분노의 뿌리가 무엇인지 알 때 비로소 그 문제의 해결챌을 찾을 수 있는 법이니까. 

분노일지는 갈등을 유발한 것이 무엇인지, 그리고 어떻게 하면 이 문제를 해결할 수 있을 지 이해하기 위한 노력의 한 방법. 

주의를 산만하게 하는 것들을 모두 치워버린 조용한 방에 혼자 가만히 앉아서 예를 들면 꽃이나 꽃 사진과 같이 사랑스러운 어떤 것을 바라보라. 대략 일이 분 동안 그 대상에 온전하게 집중하고 그다음에는 눈을 감고 그 대상의 이미지를 마음속에서 얼마나 오래 유지할 수 있는지를 살피라. 그 과정은 내 마음을 어지럽게 만드는 것들을 마음속에서 몰아내고 내가 내 마음에 대한 통제력을 점점 더 강하게 발휘한다.  

분노를 지혜롭게 사용하면 개인적인 차원에서나 인류적인 차원에서 모두 삶이 한층 더 나아진다. 

사랑과 친절은 분노보다 힘이 세다는 것을 알았다. 

2. 소리높여 말하기를 두려워하지 말라.

3. 오롯이 자신에게 집중하는 시간을 가져라. 

3. 자신의 가치를 온당하게 평가하라. 

4. 자신의 가치를 온당하게 평가하라. 

5. 거짓말은 자신을 속이는 것이다. 

6. 낭비는 폭력이다. 

7. 아이들을 비폭력의 방식으로 키워라. 

8. 겸손이 가장 큰 힘이다. 

9. 사랑으로 세상을 움직여라. 

10. 오늘이 어제보다 낫도록 하라. 

이제까지 본 사람들 가운데에서 가장 가난한 사람들과 가장 약한 사람들의 얼굴을 떠올린 다음에 자기가 하고자 하는 행동이나 선택이 그 사람에게 도움이 될 것인지 아닌지만 생각하면된다.

728x90

이력서 : 나의 첫 이미지

간결 , 명료, 이력서 1~2page, 자소서 1~2page

인사담당자 확인하는 것

직무수행자질 : 과거한일, 융화, 비전

이력서..

회사를 타깃으로 하는 정교한 광고

>> 지원회사 인재상 확인

부정작인 내용 언급말것

같은 규격 같은 방식의 이력서 피할것

경력이력서 : 교육사항... 나이 가많을 경우 앞으로 첨부 

사진 : 첫인상

다른 사람이 날 이해하기 쉽게 

경력 사항 1. 요약, 구체적으로 하고 싶은 일을 상세하게 품질/인원/관리

성취업적(업무성과) 1. 다른 지원자와 차별화, 전문성 표현, 업적을 통해 직무수행 능력 표현, 지원분야에서 요구하는 역량 도출. 

내가 직면한 상황, 내가 취한 행동 행동, 이루어낸 결과

교육 어떻게 나와 잘맞는 건지. 

마지막 학력 및 전공기재, 대학원의 경우 대학교 기재, 전직장 퇴사사유는 묻지 않는한 적지 않는다. 

면접에서는 약어를 쓰지 말것 


자소서 어디에 쓰이는 것인가?

이력서로 흥미를 끈뒤 날리는 결정타

자기소개서는 구직 활동시 자신을 홍보 하는 수단.

자기소개서는 면접에서 질문지. 


역량강조, 인성적 특성


지원동기 는 절때 생략하지 말것. 

피할 단어 귀사 . 회사이름 정확히 넣을 것. 


회사조사 .. 직접 경험 사례제시 , 뻔한이야기 하지 않는다. 

"나는 한다. "

단점을 말할 경우 해결방안도 함께 제시, 단점의 장점화. 


728x90

☞   by Dr.Engineer  2019.02.13 제작


Live boldly. lark.

대담하게 살아요. 클라크.

Push yourself. Don’t settle. 

끝까지 밀어붙여요. 안주하지 말아요. 

Wear those stripy legs with pride. 

줄무늬 스타킹을 당당하게 신어요.

Knowing you still have possibilities is a luxury, 

아직 기회가 있다는 건 감사한 일이에요.

and knowing that I might have given them to you has eased something, for me.

그리고 그 기회를 줄 수 있어서 내 마음도 좀 편해졌어요. 

So, this is it.

여기까지예요. 

You are scored on my heart, Clark.

당신은 내마음에 새겨져 있어요, 클라크.

You were, from the first day you walked in. With your sweet smile and your ridiculous clothes.

달콤한 미소와 우스꽝스러운 옷을 입고 첫날 나에게 걸어 들어올 때부터요.

And your bad jokes.

그리고 썰렁한 농담도요. 

and your complete inability to ever hide a single thing that you felt.

속마음을 그대로 드러내는 얼굴까지

Don't think of me too often.

내 생각은 너무 자주 하지 말아요. 

I do not want you getting sad.

당신이 슬퍼지는 건 싫으니까. 

Just live well. Just live.

그냥 잘 살아요. 그냥 살아요. 

I'll be walking beside you every step of the way.

당신이 가는 걸음마다 함께 할테니

Love, Will.

사랑을 담아서, 윌.



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

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






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://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

728x90

HTML CSS가 만나는 법.

HTML 문법 style 속성 

<h1 style="red"></h1>

<style> html문법 .  안쪽은 css 문법

<style>

h2{color:blue}

<style>

선택자

선택자와 선언

li{
color:red;
text-decoration:underline
}

li : selector :선택자
{} : declaration : 선언
; : Decoration seperatior  : 구분자. 

ID 선택자

<li id="select">css<li>

#select{

font-size:100px

}

부모 자식 선택자

<ul id="lecture">

<li>HTML</li>

<li>CSS</li>

<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

<ul id="lecture">

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

</ul>

html{color:red;}

#lecture{color:black}

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

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

주석

/*

*/

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

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

1990년 HTML, 

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

<ul id="lecture">

<li>HTML</li>

<li id="idsel" class="classel">CSS</li>

<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  

<link href="https:주소" 

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 ; 경계의 크기가 동일해짐. 
*{   }   모든 선택자

position - absolute, fixed

left:0;
top0;  :: absolute 지정하면 ... 더이상 부모의 소속이 아님. 부모로 설정되는것이 다 설정이 않됨
position이 있는 상위 부모가 나타나면 기준으로 해서 위치값을 정함. 
position: fixed;  위치가 바껴도 고정됨

레이아웃 활용 flex

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

Layout의 흑역사. ... 

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

position... reletive... absolute

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

<container>

<item></item>

<item></item>

</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은 작아지지 않음*/

}



Holy Grail Layout 성배 레이아웃

Header
Nav      Main        AD
Footer






+ Recent posts