번에는 도커를 설치했으니 도커를 이용한 컨테이너를 실행해 보겠습니다.

 

컨테이너를 간단히 설명하자면 도커에서 이미지를 이용하여 컨테이너를 찍어냅니다.

 

이미지는 컨테이너를 만들기 위한 틀이라고 생각해도 됩니다. 이 틀을 이용해서 우리가 사용할 컨테이너를 찍어내서 사용한다고 생각하면 됩니다.

 

일단 한번 실행 예제를 들어보면 터미널창을 관리자권한으로 열어줍니다.

 

예제)

 

docker run ubuntu:16.04            이렇게 입력을 해줍니다.

 

그럼 run 명령에 의해 사용학자 하는 ubuntu16.04 버전의 이미지가 있는지 확인을 하는데 없다면 이미지를 다운로드하고 컨테이너가 실행됩니다.

 

컨테이너가 정상적으로 실행이 됐지만 무엇을 하라고 명령을 전달하지 않았기 때문에 컨테이너가 생성되자마자 종료됩니다.

 

컨테이너는 프로세스이기 때문에 실행중인 프로세스가 없으면 컨테이너가 종료됩니다.

 

그럼 이번에는 /bin/bash 명령어를 이용해서 컨테이너를 실행해 보겠습니다.

 

docker run --rm -it ubuntu:16.04 /bin/bash        컨테이너 내부에 들어가기 위해 bash쉘을 실행하고 키보드 입력을 위한 -it옵션과

 

프로세스가 종료되면 자동으로 컨테이너가 삭제되도록 --rm 옵션도 추가했습니다.

 

이번에는 바로 전에 이미지를 다운받았기 때문에 이미지 다운하는 화면없이 명령이 바로 실행됩니다.

 

cat /etc/issue        

 

ls

 

위 두 명령을 실행해보면 ubuntu 리눅스 인걸 확인 할 수 있습니다.

 

exit        종료 명령을 내리면 컨테이너도 같이 종료됩니다.

 

이상 도커 실습 1 이었습니다.

'Ubuntu' 카테고리의 다른 글

우분투 초간단 원격접속방법  (0) 2017.08.04
초간단 도커(docker) 설치편  (0) 2017.07.24

안녕하세요. 백자깝니다.

 

오늘은 우분투16.04 환경에서 도커를 설치하는 방법에 대해서 알아보도록 하겠습니다. 어렵지 않아요!

 

(터미널환경은 관리자권한인 상태에서 진행하였습니다.)

 

우분투에 도커(doker)를 설치하는 방법은 간단합니다. 우선 터미널을 관리자권한으로 열어 줍니다.

 

다음 curl을 사용할 수 있는 환경을 만들어 줍니다.  ( 이미 되어 있다면 '도커 설치 명령!' 부분부터 보시면 됩니다. )

 

# apt install curl   이렇게 명령어를 입력해 줍니다. ( #은 입력하지 않아도 되요 )

 

이제 부터 도커 설치를 위한 명령을 실행해 보겠습니다.

 

도커 설치 명령!

 

 # curl -s https://get.docker.com/ | sudo sh  이렇게 입력하고 조금만 기다리시면 자동으로 설치가 완료됩니다.

 

그럼 설치가 잘되었는지 확인 해볼까요?

 

도커 설치 확인!

 

# sudo docker version

 

이렇게 입력해보시면 설치된 도커의 버전을 확인해 볼 수 있습니다.

 

이상 초간단 도커 설치였습니다.

'Ubuntu' 카테고리의 다른 글

우분투 초간단 원격접속방법  (0) 2017.08.04
도커(docker) 실습 1  (0) 2017.07.24

이번에는 코딩문제를 풀어보는 어플리케이션을 소개해드릴까 합니다.

 

어플리케이션에는 문제를 풀수도있고 스스로 직접 코딩을 해서 게임을 만들어보거나 다른사람들이 만들어 공개해 놓은것을 직접 사용해 볼 수도 있습니다.

 

저는 아직 끝까지 풀지는 못했지만 시간이 될 때 마다 풀어보는데 뒤로 갈수록 점점 어렵네요. 그럼 어플리케이션을 한번 볼까요?

 

 

 

 

그럼 다음에는 문제와 함께 돌아오겠습니다.

'Coding > hacked' 카테고리의 다른 글

2.hacked : High School Hack (1)  (0) 2017.08.02
1.hacked : The Hackpad (4)  (0) 2017.08.01
1.hacked : The Hackpad (3)  (0) 2017.08.01
1.hacked : The Hackpad (2)  (0) 2017.08.01
1.hacked : The Hackpad (1)  (0) 2017.08.01

안녕하세요

 

이번에 살펴 볼 내용은 자바스크립트에서 전역객체로 쓰이는 Window객체에 대해서 살펴볼건데요.

 

Window객체는 과연 누구일까요??

 

자바스크립트에서 Window객체는 window를 통해 얻을 수 있는데요. 이 window객체에 모든 객체가 소속되어 있습니다.

 

예를 들어

 

var a = 1;  //a 라는 변수가 1이란 값을 가집니다.

alert(a); // a변수는 1의 값을 가지니 경고창에 1이 뜹니다.

alert(window.a); // 여기도 경고창에 1이 나옵니다. 왜 일까요?? 위에서 말했듯이 모든 객체는 window객체에 소속되어 있습니다.

 

그래서 사실 alert(a); 라고 쓰인것에서 a앞에 window가 생략되어 쓰인것일 뿐 window객체에 소속되어 있는 겁니다.

'Language > Javascript' 카테고리의 다른 글

3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19
1.Javascript변수  (0) 2017.08.15
오브젝트모델(Object Model)  (0) 2017.07.20
Javascript 위치시키기  (0) 2017.07.19

안녕하세요

 

이번에는 오브젝트 모델에 대해서 간략히 알려드리겠습니다.

 

일단 "브라우저의 구성요소들은 하나하나가 객체화되어 있다" 입니다.

 

JavaScript Core : javascript언어 자체에 정의되어 있는 객체들입니다.

 

BOM : Browser Object Model. 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화시킨 것입니다.

    전역객체 window의 프로퍼티에 속한 객체들이 이에 속합니다.

 

DOM : Document Object Model. 웹페이지의 내용을 제어한다. window의 속성인 document 프로퍼티에 할당된 Document 객체가 이러한 작업을 담당합니다.

   document 객체의 프로퍼티는 문서 내의 주요 엘리먼트에 접근 할 수 있는 객체를 제공합니다.

 

 

이상 오브젝트 모델에 대한 간략한 설명이었습니다.

 

출처 : 생활코딩

'Language > Javascript' 카테고리의 다른 글

3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19
1.Javascript변수  (0) 2017.08.15
Window 객체  (0) 2017.07.20
Javascript 위치시키기  (0) 2017.07.19

자바스크립트에서 스크립트의 위치를 다양하게 배치 시킬 수 있는데요


오늘은 스크립트들이 놓이는 위치들에 대해서 한번 알아보도록 하겠습니다!


스크립트가 놓이는 위치가 3군데 정도 있는데요


첫번째, inline 방식입니다.


inline 말 그대로 코드의 안에 배치시키는 방식인데요 코드로 먼저 볼게요.


1
2
3
4
5
6
<!DOCTYPE html>
<html>
<body>
<input type="button" onclick="alert('Hello world')" value="Hello world" />
</body>
</html>


javascript가 <input> 태그안에 들어있는게 보이시죠? 이렇게 사용하는 방시이 inline 방식인데요 일일이 이렇게 코드를 치려면 힘들겠죠?


두번째, script 태그를 이용하는 방식입니다.


<script>  이곳에 코드가 들어가지요 </script>  이번에도 코드로 먼저 볼까요?


1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<body>
<input type="button" id="hw" value="Hello world" />
<script type="text/javascript">
var hw = document.getElementById('hw');
hw.addEventListener('click', function(){
alert('Hello world');
})
</script>
</body>
</html>


<script>


이곳에 코드들이 위치한게 보이죠? script태그안에 이렇게 javascript 코드들을 배치시켜서 사용하시면 됩니다.


</script>


세번째, 외부 파일로 분리!


js라는 확장자로 파일을 별도로 분리할 수 있는데요 장점은 재활용성을 높일 수도 있고, 캐쉬를 통해서 속도가 향상 될 수 있어요


1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<input type="button" id="hw" value="Hello world" />
<script type="text/javascript" src="script2.js"></script>
</body>
</html>


script2.js

1
2
3
4
var hw = document.getElementById('hw');
hw.addEventListener('click', function(){
alert('Hello world');
})


<script src="script2.js">  이 부분입니다!  src 를 통해서 외부스크립트 파일에 연결 가능하게 해줍니다.


이렇게 javascript가 위치할 수 있는 부분을 알아봤는데요, 마지막으로 보너스 팁을 드릴까합니다.





마지막 뽀너스 : 헤드태그에 위치한 script파일


script를 head 태그에 위치시킬 수 도 있습니다. 그런데 head태그에 달았을 경우에는 생각해 줘야할 부분이 있어요. 


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<script src="script2.js"></script>
</head>
<body>
<input type="button" id="hw" value="Hello world" />
</body>
</html>


쪼금 달라진 script2.js

1
2
3
4
5
6
window.onload = function(){
var hw = document.getElementById('hw');
hw.addEventListener('click', function(){
alert('Hello world');
})
}


head 태그에 달았을 경우에는 script에 작성되어 있는 변수들을 찾지 못해 오류가 발생합니다.


코드를 위에서부터 읽기때문에 아직 body태그에 있는 hw라는 변수를 알지 못해서 오류가 발생하게 되는데요 이러한 오류를 막기위해서 


window.onload = function() { 스크립트 코드 } 이렇게 만들어 주는데요 


window.onload = function() 얘가 해주는 역할이 뭐냐면 현재 웹페이지가 다 읽혀서 완성이 되었을 때 window객체의 onload라는 메소드를 호출 되도록


약속되어 있습니다.  그런데 body와 head에 두었을 때를 조금 비교해 보자면 head태그에 두었을 경우가 웹페이지가 더 느립니다. 


head 태그에 두었을 경우 웹페이지가 모두 로드된다음 실행되기 때문에 더 느려요.


그리고 이 코드들의 출처를 알려 드릴게요. 


생활코딩 : https://opentutorials.org/course/1375/6620  여기입니다.


제가 개인적으로 공부하는데 도움을 많이 받는 곳이에요. 필요하신분들은 한번 들어가시는 것도 좋을거에요.


이상 백자까였습니다.

'Language > Javascript' 카테고리의 다른 글

3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19
1.Javascript변수  (0) 2017.08.15
Window 객체  (0) 2017.07.20
오브젝트모델(Object Model)  (0) 2017.07.20

이번에는 카카오코드페스티벌에 [모의테스트] 를 풀어봤는데요. 아직 미숙하다보니 저는 푸는데 시간이 조금 걸리더군요.

 

그럼 [모의테스트]가 어떻게 생겼는지 보러 가볼까요?

 

 

모의테스트에 들어오니 이런 화면이 나타나는군요. 좌측상단에는 문제와 조건을 보여주고 좌측하단에는 입력예시가 나타나네요.

 

그리고 오른쪽위는 코드를 작성하는 부분이고 오른쪽아래는 이제 코드의 실행 결과를 보여줍니다. 

 

그럼 한번 일단 코드 실행을 해볼까요???

 

 

결과를 보면은 빨간글씨들이 알려주는데요

 

Actual : 은 제가 return ans; 를 통해 반환해준 결과 값을 나타내주는 부분이구요

 

Which is : 부분은 나와야 하는 결과 값을 알려줍니다.   한마디로 틀렸다는 소리네요ㅎㅎ

 

그럼 이제 문제를 한번 풀어 보겠습니다.

 

조건!

1. 직사각형의 각 변은 X축 or Y축에 평.행

2. 10억 이하의 자.연.수


이 2개 조건을 염두해두고 코드를 만들기 시작해봅시다!


 

 

여러 시도 끝에 드디어 성공!!!

 

오랜만에 수학과 관련된 문제를 푸는게 맘처럼 쉽지 않았는데요 그래도 무사히(?) 풀었습니다.

 

이제 예선까지 2주 정도 남았는데 예선 문제가 풀 수 있는 난이도이길 기대해야겠습니다.

나쁘지 않은

-------------------------

 

 

울어도 돼요?

 

울어도 돼요.

우는 건, 나쁘지 않아요.

 

- 김은빛 -

발걸음

-------------


 

터벅 터벅,

그의 발걸음은 어제와 달리 오늘은 무거워보입니다.


네 맞습니다.

오늘은 일요일입니다.


- 임유시인 -

+ Recent posts