'분류 전체보기'에 해당되는 글 187건

로컬에서 개발용으로 사용하려는 우분투 서버를 설치하면 보통 DHCP IP를 자동할당 받는다.

하지만 이렇게 자동으로 할당 받으면 개발PC 쪽에서 서버에 접속할때 자주 IP를 확인하고 다시 설정해 줘야 하는 불편함이 있다.

IP를 고정으로 설치하면 이런 불편함을 없앨 수 있다.

다음은 고정 IP설정 방법이다.

설명하는 방법은 모두 root권한으로 실시해야 한다.

1. 설정 파일은 /etc/netplan/ 50-cloud-init.yaml 이다. 이 파일을 에디터로 연다.

#nano /etc/netplan/50-cloud-init.yaml

# This file is generated from information provided by
# the datasource.  Changes to it will not persist across an instance.
# To disable cloud-init's network configuration capabilities, write a file
# /etc/cloud/cloud.cfg.d/99-disable-network-config.cfg with the following:
# network: {config: disabled}
network:
    ethernets:
        enp2s0:
            dhcp4: true
    version: 2

3. 파일을 다음과 같이 수정한다.

# This file is generated from information provided by
# the datasource.  Changes to it will not persist across an instance.
# To disable cloud-init's network configuration capabilities, write a file
# /etc/cloud/cloud.cfg.d/99-disable-network-config.cfg with the following:
# network: {config: disabled}
network:
    ethernets:
        enp2s0:
            dhcp4: no
            addresses: [1xx.xxx.xxx.xxx/24]
            gateway4: 2xx.xxx.xx.xxx
            nameservers:
              addresses: [168.126.63.1,168.126.63.2]
    version: 2

4. 수정파일 저장 후 다음 명령을 수행한다.

#netplan apply

5. IP가 할당 되었는지 다음 명령으로 확인한다.

$ifconfig

* 작업전 각 통신사의 공유기를 접속하여 DHCP의 범위를 조정하여 고정IP로 사용할 IP를 확보해야 한다.

<picture>태그는 HTML5에서 새롭게 등장한 태그로서 화면 사이즈에 따라 각기 다른 이미지를 출력 할때 사용한다.

아래 코드에서 media 속성에 화면의 크기를 설정해 준다.

미디어 쿼리를 사용할 떄와 같이 min-width, max-width를 이용하여 화면 크기의 범위를 셋팅 해주면 된다.

다음 예제는

- 화면크기가 1024px이상에서는 img_01.jpg를 출력

- 768px에서 1024px까지는 img_02를 출력

- 769px이하에서는 img_03을 출력한다.

<picture>
  <source media="(min-width: 1024px)" srcset="img_01.jpg">
  <source media="(min-width: 768px)" srcset="img_02.jpg">
  <img src="img_03.jpg">
</picture>

그다지 많이 사용하지 않는 태그이기는 하지만 PC화면과 스마트폰 화면, 태블릿 화면 등에서 다른 이미지를 보여줘야 할 경우에는 유용하게 사용할 수 있다.

우분투 서버에 SSH server가 설치되어 있다면 PuTTY로 원격에서 접속이 가능하다.

먼저 다음 링크에서 PuTTY를 다운로드하고 설치한다.

https://www.putty.org/

설치를 끝내고 실행하면 다음과 같은 화면이 나온다.

여기서 Session을 선택하고 Host Name for IP address난에 server의 IP를 입력하고 하단의 Open버튼을 입력하면 아래 그림과 같이 접속 화면이 나타난다. 이제 부터는 server에서 직접 사용할 때 처럼 로그인 후 사용하면 된다.

만일 자주 사용하는 서버라면 IP 입력 후 Saved Sessions에 적당한 이름을 입력하고 Save 버튼을 클릭하면 Default Settings아래 새로 저장한 서버 이름이 등록된다.

다음에 접속할 때는 서버이름을 선택하고 Load버튼을 클릭하면 저장된 기록이 로딩 되고, 바로 Open을 클릭하면 전과 같은 환경에서 사용할 수 있다.

ubuntu 설치 후 WiFi를 설정하는 방법을 정리한다.

1. 먼저 다음 명령으로 무선랜 Interface 이름을 확인한다. wlxxxx라고 되어 있는 부분이 이름인데 길이는 기기에 따라 다를 수 있다.

$ iw dev
phy#0
	Interface wlxxxx
       	      ifindex 3
              wdev 0x1
              addr c4:85:08:xx:xx:xx
              type managed
              txpower 0.00 dBm

2. 무선랜 Interface를 활성화 한다.

   1) 무선랜 상태 확인

$ sudo ip link show wlxxxx
3: wlxxxx: <BROADCAST,MULTICAST> mtu 1500 qdisk noop state DOWN mode DEFAULT group default qlen 1000
    link/enter c4:85:xx:xx:xx:xx brd ff:ff:ff:ff:ff:ff

   2) 무선랜 활성화

$ sudo ip link set wlxxxx up 

   3) 다시 한 번 상태 확인

$ sudo ip link show wlxxxx
3: wlxxxx: <NO-CARRIER,BROADCAST,MULTICAST,UP> mtu 1500 qdisk mq state DOWN mode DEFAULT group default qlen 1000
    link/enter c4:85:xx:xx:xx:xx brd ff:ff:ff:ff:ff:ff

3. 연결 상태 확인

$ iw wlxxxx link
Not connected.

4. WiFi 검색

$ sudo iw wlxxxx scan

결과가 너무 많이 나올 경우 |less 로 한줄씩 확인하는 방법도 있지만 SSID를 알고 있는 경우라면 검색하지 말고 바로 등록해서 사용한다.

5. WiFi 연결

[ 공개된 경우 ]

$ sudo iw dev wlxxxx connect [공개SSID]

[ 비공개의 경우 ]

$ sudo wpa_passphrase olleh_WiFi_F6B5_5GHz > wpa_supplicant.conf

리눅스를 사용하다보면 매번 sudo명령을 사용하고 비밀 번호를 입력하는 것이 번거로운 경우가 있다.

이때 root 권한을 획득하고 사용하면 편리하다.

권한 획득을 위해서는 su 명령어를 사용한다.

$su
Password:
#

권한을 획득하면 prompt가 $(Dollar)에서 #(Pound)로 전환된다.

다시 본인 계정으로 돌아가려면 exit 명령어를 사용한다.

#exit
exit
$

[ su명령에 오류가 있을 경우]

su 명령어가 실행되지 않고 다음과 같은 오류가 발생하는 경우가 있다.

$su
Password:
su: Authentication failure

이 메시지가 나오는 경우는 root의 비밀번호가 지정되지 않아서이다. 주로 linux를 설치하고 처음 su명령어를 사용할때 발생한다.

이럴때는 root의 비밀번호를 다음과 같이 설정해 주면 된다.

$sudo passwd root
Enter new UNIX password:
Retype new UNIX password:
passwd: password updated successfully

<dl> tag는 <ol>, <ul>과 유사한 리스트를 정의하는 태그이다.

차이는 <ol>, <ul>의 경우 일반적으로 사용하는 순번 혹은 비 순번 리스트에 적용하는 반면, <dl>의 경우 사전처럼 특정 용어나 단어를 설명하는 리스트에 적용한다.

사용법은 다음과 같다.

<dl>
  <dt>description list</dt>
  <dd>특정 용어나 단어를 설명하는 리스트</dd>
</dl>

<dt>는 definition term(정의 용어) 즉, 용어 혹은 단어를 기입한다.

<dd>는 definition description(정의 설명) 즉, 해당 용어 혹은 단어에 대한 설명을 기입한다.

위의 출력 예를 보면 <dd>의 들여쓰기를 제외하면 특별한 특징을 발견하기 어렵다.

다만 시멘틱 태그를 적극적으로 사용하는 것이 SEO에 유리하기 때문에 용어를 정의 할때도 다른 리스트와 구분될 수 있도록 태그를 선별하는 것이 바람직 할 것이다.

각종 파일을 변환할 수 있는 사이트이다.

오디오, 동영상, 이미지, 문서, eBook, 압축파일 등을 변환할 수 있다.

https://www.online-convert.com/

아주 유용한 CDN(Contents Delivery Network) 검색 사이트를 소개한다.
원하는 framework의 이름을 입력하고 검색하면 CDN full URL을 검색할 수 있다.
다음 사진은 검색 전후의 사진이다. jquery로 검색하면 관련 URL이 846개 검색되는 것을 확인한 수 잇다.