swchung09 님의 블로그

Nginx

swchung09 — Mon, 1 Dec 2025 09:31:18 +0900

Nginx는 Apache서버의 단점을 개선하기 위해 나온 엔진이며, 엔진엑스라고 읽는다.

이 Nginx는 간편한 설정, 다양한 프로토콜 지원, Let's Entrypt를 사용하는 certbot이랑 연동이 쉽지만, 동적 설정 불가, DB연동 불가등 치명적인 단점도 있다. (따라서 동적으로 사용하고 싶으면, 다른 툴과 연동시켜야 한다)

우분투 환경에서는 아래 명령어로 설치하고, 잘 설치되었는지 확인할 수 있다.

sudo apt install nginx // Nginx 설치
sudo systemctl status nginx // Nginx 설치 확인
// 또는
nginx -v

Nginx에서 사용하지 못하는 동적 기능을 사용하려면 Apache서버를 같이 쓰는 것이 좋다.

ssh

swchung09 — Mon, 17 Nov 2025 13:34:50 +0900

ssh는 secure shell의 줄임말로 telnet에서 발전된 원격 접속 프로토콜이다. ssh는 2가지 인증 방식이 있다.

RSA key(or ECC) 인증 : 공개키와 비밀키로 나누어서 각각 암호화와 복호화에 사용한다.

비밀번호 인증 : 단순히 비밀번호로 인증하는 방법이다.

STP, HSRP, Ether Channel

swchung09 — Sun, 2 Nov 2025 22:27:00 +0900

회선 다중화(기기간을 연결할때, 2개 이상의 회선을 사용하는 기술)에서는 루프(패킷이 무한히 순환하게 되는 문제)가 발생할 수 있다. STP는 스위치 사이에서 최적의 경로를 알고리즘으로 선택하고, 루프를 트리 구조로 변경하여 루프가 생기지 않게 된다. 이로써 루프가 발생하는 토폴로지에서는, 루프의 원인이 될 수 있는 회선 하나를 물리적으로 끈다.

STP에는 크게 6가지 종류가 있다.

CST : 기본적으로 사용되며 표준이다

PVST : cisco 장비에서만 사용할 수 있으며, VLAN별로 최적화를 한다.

PVST+ : cisco 장비에서만 사용할 수 있으며, CST와 호환되고, PVST를 개선했다.

RSTP : STP를 기반으로 빠르며, 표준이다.

PVRST : cisco 장비에서만 사용할 수 있으며, RSTP보다 빠르다

MSTP : VLAN을 그룹으로 묶어서 동작하며, 표준이다.

STP는 루트를 기반으로 통신한다. 이때 BID를 정하여 통신하게 되며, BID는 우선순위(4096의 배수, 32768이 기본) + MAC 주소로 계산한다. 이때 BID값이 가장 낮은 스윔치가 루트가 된다.

HSRP는 내트워크에서 여러 게이트웨이를 설정하고, 장비에 문제가 생길경우 대기하고 있던 장비를 사용하여 통신이 지속적으로 가능하게 한다.

HSRP는 cisco 전용 프로토콜이나, VRRP는 표준 프로토콜이라 다른 기기에서도 사용할 수 있다.

HSRP에는 6가지 상태가 있다.

Initial : 초기화 단계

Learn : 가상 IP 학습 및 Hello 패킷 수신

Listen : Hello 패킷 교환 완료

Speak : 가상 라우터 정의, 우선적으로 사용할 라우터 선정

Standby : 대기하고 있는 상태

Active : 문제가 생길때까지 사용하는 게이트웨이

HSRP는 이렇게 설정할 수 있다.

Router(config)#interface [설정할 인터페이스]
Router(config-if)#standby [그룹 번호] ip [가상 IP 주소]
Router(config-if)#standby [그룹 번호] priority [우선 순위]
Router(config-if)#standby [그룹 번호] preempt

Ether Channel은 여러 개의 물리적인 회선을 하나의 논리적인 회선으로 묶는 기술이다. 이 기술을 사용하면, 대역폭을 증가시키고, 여러 회선을 손쉽게 관리할 수 있게 된다.

예를 들면 이렇게 설정할 수 있다.

Switch(config)#interface range f0/1 - 2
Switch(config-if-range)#channel-group 1 mode active
Switch(config)#interface port-channel 1
Switch(config-if)#switchport mode trunk

정신차려 이 각박한 터널 속에서!!

swchung09 — Sun, 2 Nov 2025 21:37:32 +0900

이 문제는 gre터널링을 설정하면 되는 문제이다.

Router0과 Router1 사이에는 gre over ipsec(암호화가 추가된 gre)로

Router1과 Router9 사이에는 gre로 설정하면 된다.

Router0 gre 설정

Router(config)#interface tunnel 0
Router(config-if)#ip address 100.100.100.1 255.255.255.0
Router(config-if)#tunnel source s0/1/0
Router(config-if)#tunnel destination 11.11.11.1

Router1 gre 설정

Router(config)#interface tunnel 0
Router(config-if)#ip address 100.100.100.2 255.255.255.0
Router(config-if)#tunnel source s0/1/0
Router(config-if)#tunnel destination 10.10.10.1

Router(config)#interface tunnel 1
Router(config-if)#ip address 101.101.101.1 255.2555.255.0
Router(config-if)#tunnel source s0/1/0
Router(config-if)#tuunel destination 18.18.18.2

Router9 gre 설정

Router(config)#interface tunnel 1
Router(config-if)#ip address 101.101.101.2 255.255.255.0
Router(config-if)#tunnel source s0/1/1
Router(config-if)#tunnel destination 11.11.11.1

IPsec을 설정하려면 crypto 명령어를 사용하면 된다.

Router0 crypto 설정

Router(config)#crypto isakmp policy 10
Router(config-isakmp)#encryption aes
Router(config-isakmp)#hash md5
Router(config-isakmp)#authentication pre-share
Router(config-isakmp)#lifetime 86400

Router1 crypto 설정

Router(config)#crypto isakmp policy 10
Router(config-isakmp)#encryption aes
Router(config-isakmp)#hash md5
Router(config-isakmp)#authentication pre-share
Router(config-isakmp)#lifetime 86400

다음으로는 transform-set을 설정해야 한다.

Router0 ipsec transform-set 설정

Router(config)#crypto ipsec transform-set transform esp-aes esp-md5-hmac

Router1 ipsec transform-set 설정

Router(config)#crypto ipsec transform-set transform esp-aes esp-md5-hmac

다음으로 crypto map을 설정해야 한다.

Router0 crypto map 설정

Router(config)#access-list 100 permit gre host 11.11.11.1 host 10.10.10.1
Router(config)#crypto map mymap 10 ipsec-isakmp
Router(config-crypto-map)#set peer 11.11.11.1
Router(config-crypto-map)#set transform-set transform
Router(config-crypto-map)#match address 100
Router(config)#interface s0/1/0
Router(config-if)#crypto map mymap

Router1 crypto map 설정

Router(config)#crypto map mymap 10 ipsec-isakmp
Router(config-crypto-map)#set peer 10.10.10.1
Router(config-crypto-map)#set transform-set transform
Router(config-crypto-map)#match address 100
Router(config)#interface s0/1/0
Router(config-if)#crypto map mymap

이후에 ACL관련해서 계속 했지만... %는 전혀 오르지 않았다.

OMG..

swchung09 — Sun, 2 Nov 2025 20:45:33 +0900

이 문제에서는 라우터와 클라우드의 일부 설정이 잘못되었다.

라우터에서는 왼쪽부터 ROUTER0, ROUTER2, ROUTER1로 이름을 변경한다.

그 다음 lmi-type을 cisco로 설정하면 된다.

Router0

router(config)hostname ROUTER0
ROUTER0(config)#interface s0/3/0
ROUTER0(config-if)#frame-relay lmi-type cisco // 6번 조건

Router2

Router(config)#hostname ROUTER2
ROUTER2(config)#interface s0/3/0
ROUTER2(config-if)#frame-relay lmi-type cisco

Router1

Router(config)#hostname ROUTER1
ROUTER1(config)#interface s0/3/0
ROUTER1(config-if)#frame-relay lmi-type cisco

그 다음 Cloud0에서 다음과 같이 설정한다.

Serial0~2에서 LMI를 cisco로 변경한다.

Frame Relay에서

Serial0의 102를 Serial1의 201로

Serial0의 103을 Serial2의 301로

Serial1의 203을 Serial2의 302로 연결한다.

여기까지 했을때, 50%에서 멈췄다. 그래서 찾아본 결과, broadcast옵션을 붙여서 mapping을 해야한다는 것을 알게되었다.

Router0

ROUTER0(config)#interface s0/3/0.1 multipoint
ROUTER0(config-subif)#frame-relay map ip 20.24.12.2 102 broadcast
ROUTER0(config-subif)#frame-relay map ip 20.24.12.3 103 broadcast

Router2

ROUTER2(config)#int s0/3/0.2 multipoint
ROUTER2(config-subif)#frame-relay map ip 20.24.12.1 201 broadcast
ROUTER2(config-subif)#frame-relay map ip 20.24.12.3 203 broadcast

Router1

ROUTER1(config)#interface s0/3/0.3 multipoint
ROUTER1(config-subif)#frame-relay map ip 20.24.12.1 301 broadcast
ROUTER1(config-subif)#frame-relay map ip 20.24.12.2 302 broadcast

여기까지 했을때 70%인데, 모든 통신이 된다. (뭐가 문제인지 모르겠음)

느그 ACL 뭐하시노?

swchung09 — Sun, 2 Nov 2025 12:46:18 +0900

다른 설정에는 문제가 없으므로 udp설정으로 dns프로토콜이 서버에 도착할 수 있게 설정하면 된다.

access-list 100 permit udp any host 10.10.10.1 eq 53
access-list 100 permit udp host 10.10.10.1 eq 53 any

DNS 프로토콜은 UDP 53번 포트를 쓰고, 서버(10.10.10.1)에 도착할 수 있게 하고, 응답도 같은 방법으로 받을 수 있게 설정하면 된다.

access-list_100_permit_udp_any_host_10.10.10.1_eq_53

access-list_100_permit_udp_host_10.10.10.1_eq_53_any

NAT, FrameRelay, Tunneling

swchung09 — Sun, 2 Nov 2025 12:12:20 +0900

NAT은 Network Address Translation으로, 사설 ip를 공인 ip로 변경하는 서비스이다. 이 서비스는 가정용 공유기에 대부분 탑재 되어있으며, NAT이 있으면 여러가지 장점이 있다.

- NAT은 한 ip를 여러 기기가 사용할 수 있어, 경제적이다

- 근래에 ipv4주소가 부족해지면서, NAT이 공인 ip주소의 수를 줄여주는 역할을 할 수 있다

- NAT은 하나의 장치로 데이터가 나가기 때문에 방화벽을 구축하기 쉽다

NAT은 IP masquerading 방식으로 동작한다. 이 동작 방식은 하나의 공인 ip뒤에 여러 사설 ip를 할당하는 기법이다.

NAT에는 여러 종류가 있다.

- Static NAT(정적 NAT) : 공인 ip와 사설 ip를 1:1 방식으로 변환한다.

- Dynamic NAT(동적 NAT) : 공인 ip와 사설 ip를 n:n으로 변환한다.

- Network Address Port Translation(NAPT) : Dynamic NAT에 포트까지 변환하는 방식이다.

- Source NAT(SNAT) : Static NAT와 유사하지만, 출발지 ip만 공개한다.

- Destination NAT(DNAT) : Static NAT와 유사하지만, 도착지 ip만 공개한다.

이 외에도 다양한 NAT가 있다.

Static NAT는 다음과 같이 설정할 수 있다.

router(config)#ip nat inside source list [ACL 번호] interface [공인 ip가 할당된 인터페이스]
router(config)#interface [사설 ip를 할당한 인터페이스]
router(config-if)#ip nat inside // 내부
router(config)#interface [공인 ip가 할당된 인터페이스]
router(config-if)#ip nat outside // 외부

Dynamic NAT는 다음과 같이 설정할 수 있다. (전체적으로 Static NAT와 유사하지만, IP가 여러개여도 된다)

router(config)#ip nat pool [풀 이름] [처음 공인 ip주소 ~ 마지막 공인 ip주소] netmask [서브넷마스크] // 풀(ip 범위) 설정
router(config)#ip nat inside source list [ACL 번호] pool [풀 이름]
router(config)#interface [사설 ip를 할당한 인터페이스]
router(config-if)#ip nat inside // 내부
router(config)#interface [공인 ip가 할당된 인터페이스]
router(config-if)#ip nat outside // 외부

PAT는 Port Address Translation으로, Dynamic NAT의 한 종류이다. 이렇게 변환된 ip 주소는 호스트를 구분할 수 없어서, 포트번호로 구분한다. PAT에서 사용하는 포트는 주로 well-known(http, ssh 등의 서비스가 대부분 서버로 사용하는 포트)을 제외하고 49152(or 1024) ~ 65535 중에서 사용한다.

PAT은 다음과 같이 설정할 수 있다. (Dynamic NAT에 포트까지 변환시켜서, 하나의 공인 ip로 여러 호스트가 통신할 수 있다)

router(config)#ip nat inside source list [ACL 번호] interface [공인 ip가 할당된 인터페이스]
router(config)#interface [사설 ip를 할당한 인터페이스]
router(config-if)#ip nat inside // 내부
router(config)#interface [공인 ip가 할당된 인터페이스]
router(config-if)#ip nat outside // 외부

FrameRelay는 WAN사이에서 패킷을 가상 회선을 통해 주고받는다. 실제론 물리적인 회선을 여러 기기가 공유하지만, 논리적으로는 각각의 기기가 전용으로 설정된 것처럼 사용할 수 있게 해준다.

FrameRelay에는 크게 2가지가 있다.

PVC(~~플라스틱?~~) : 고정된 경로로만 이동하는 가상회선이다. 항상 연결되어 있으므로, 데이터 전송시 대기 시간이 없고 빠르게 전송할 수 있다.

SVC : 동적으로 이동하는 가상회선이다. 필요할때만 연결하고 전송이 완료되면 회선을 끊는다.

Tunneling은 가상 사설 네트워크을 사용하여 데이터를 전송하는 기술이다.

VPN : 가상 사설 네트워크로 데이터를 암호화하여 전송한다.
GRE : 암호화 없이 패킷을 다른 프로토콜로 변환하여 전송한다.

VPN을 사용할때는 다양한 방법을 사용할 수 있다. IKEv2, L2TP등은 암호화 없이 데이터를 전송하여, 보안에 취약하다. IPsec은 패킷을 인증하고 암호화하여, 위 방법의 취약한 부분을 개선한다.

사랑의 팟츄핑

swchung09 — Sun, 2 Nov 2025 11:35:23 +0900

router 0

ip nat inside source static 192.168.0.10 10.0.0.5

위 구문으로 설정할 경우, nat와 범위가 겹치게 된다. 따라서 아래와 같이 설정해야한다.

no ip nat inside source static 192.168.0.10 10.0.0.5 // 기존 내용 삭제
ip nat inside source static 192.168.0.10 10.0.0.1

access-list 101 deny ip host 192.168.0.10 any

위 구문으로 설정할 경우, 192.168.0.10(서버 주소)에서 오는 트래픽을 모두 차단된다. 따라서 아래와 같이 설정해야한다.

no access-list 101 deny ip host 192.168.0.10 any // 기존 내용 삭제
access-list 101 permit ip host 192.168.0.10 any

router 4

ip nat inside source static 192.168.1.10 40.0.0.5

위 구문으로 설정할 경우, router 0과 마찬가지로 nat와 범위가 겹치게 된다. 따라서 아래와 같이 설정해야한다.

no ip nat inside source static 192.168.1.10 40.0.0.5 // 기존 내용 삭제
ip nat inside source static 192.168.1.10 40.0.0.1

ip nat pool DEFAULT_POL 40.0.0.2 40.0.0.10 netmask 255.255.255.0

위 구문으로 설정할 경우, DEFAULT_POL에서 POOL이 빠졌으므로, 이후 명령어에서 DEFAULT_POOL에서 사용할 수 없다. 따라서 아래와 같이 설정해야한다.

no ip nat pool DEFAULT_POL 40.0.0.2 40.0.0.10 netmask 255.255.255.0 // 기존 내용 삭제
ip nat pool DEFAULT_POOL 40.0.0.2 40.0.0.10 netmask 255.255.255.0

access-list deny ip host 192.168.1.10 any

위 구문으로 설정할 경우, 192.168.1.10(서버)에서 오는 트래픽이 모두 차단된다. 따라서 아래와 같이 설정해야한다.

no access-list deny ip host 192.168.1.10 any
access-list permit ip host 192.168.1.10 any

CHOO_4992

Linux 기본 명령어 & vi

swchung09 — Wed, 29 Oct 2025 17:05:46 +0900

Linux는 오픈소스 OS로, UNIX운영체제를 모티브로 개발된 운영체제이다. 해당 OS는 오픈소스이므로, 파생된 OS들도 많다.

대표적으로는 3가지 정도가 있다.

- Ubuntu : Linux중에서도 가장 잘 알려진 OS

- Fedora : 개발자 친화적인 OS

- Arch Linux : 다양한 커스터마이징 기능이 있는 OS

Linux에서는 기본적으로 자주 사용되는 명령어들이 있다.

ls : (현재, 또는 매개변수로 주어진) 디렉토리의 파일과 하위 디렉토리를 표시한다

cat : 특정 파일을 텍스트로 읽는다

cd : 특정 디렉토리로 이동한다

pwd : 현재 작업 디렉토리를 표시한다

clear : 화면을 지운다

rm : 파일을 지운다 (-r 옵션을 추가하면 디렉토리도 삭제)

touch : 파일을 생성한다

mkdir : 디렉토리를 생성한다

mv : 파일을 (다른) 디렉토리로 옮긴다 (이를 응용하면 파일 이름 변경도 가능)

VI는 대부분의 Linux에 포함되어 있는 기본 텍스트 에디터이다.

명령행 모드 <----> 명령 모드 <----> 입력 모드

위 3모드 사이에서 이동하여 텍스트를 편집할 수 있다.

명령행 모드 : 콜론으로 진입할 수 있으며, 저장, 종료등의 작업을 수행한다

명령 모드 : 명령행 모드에서는 비어있는 상태에서 Enter를 하고, 입력 모드에서는 Esc로 진입할 수 있다. 커서를 이동하거나 내용을 삭제하는 등의 역할을 할 수 있다.

입력 모드 : i, a, o로 진입할 수 있으며, 텍스트를 입력하는 상태이다.

Server, PPP, WLAN

swchung09 — Mon, 6 Oct 2025 10:38:53 +0900

서버는 클라이언트(사용자)에게 정보나 서비스를 제공하는 컴퓨터다.
패킷트레이서의 서버는 아래와 같은 기능을 제공한다.

HTTP : 웹 데이터를 전송하는데 사용된다
DHCP(v6) : IP를 동적으로 자동 할당하는데 사용된다
(T)FTP : 파일을 전송하는데 사용된다

DNS : 도메인을 IP등으로 변환하는데 사용된다
AAA : 보안 정보를 인증하는데 사용된다

SYSLOG : 로그를 기록하는데 사용된다
NTP : 시간 정보를 제공하는데 사용된다
EMAIL : 이메일 서비스를 제공하는데 사용된다
IoT : IoT 기기를 제어하는데 사용되며, HTTP를 기반으로 이루어진다
VM Management : VM을 관리하는데 사용된다

HTTP는 Hyper Text Transfer Protocol의 약자로, 웹 데이터를 서로 주고받는데 사용된다.

HTTP에서는 메소드로 어떤 동작을 수행할지도 함께 결정하여 보낸다.
GET : 데이터를 조회한다
POST : 데이터를 전송한다
PUT : 데이터 전체를 수정한다
PATCH : 데이터 일부를 수정한다
DELETE : 데이터를 삭제한다
HEAD : HTTP의 헤더 부분만 전송한다(자주 쓰이진 않음)

OPTIONS : 가능한 메소드 종류를 조회한다

DNS(Domain Name System)은 도메인을 받으면 ip주소등으로 변환해주는 시스템이다.

https://swchung09.tistory.com/57

DNS

DNS(Domain Name System)은 도메인을 받으면 ip주소등으로 변환해주는 시스템이다. 일반적인 가정용 공유기에서는 ISP(Internet Service Provider : 통신3사)의 DNS을 사용하여 도메인에 접속하게 된다.도메인은

blog.aiswstudio.com

DHCP는 주로 사설 IP를 자동으로 할당해주는 역할을 하는 서버 역할을 한다.

https://swchung09.tistory.com/49

DHCP

DHCP는 주로 사설 IP를 자동으로 할당해주는 역할을 하는 서버 역할을 한다.대부분의 공유기는 DHCP서버를 포함하고 있으며, 주로 할당하는 IP는 192.168.0.0대역이다.DHCP는 4단계로 구성되어 있다.1.

blog.aiswstudio.com

AAA는 네트워크 상에서 보안, 인증을 제어하는 기능을 제공한다.

AAA에는 두 가지 방식이 있으나, 거의 비슷하다.

RADIUS : UDP를 사용하여 인증한다

aaa new-model
aaa authentication login default group radius local
radius server [이름]
address ipv4 [서버 ip주소] (auth-port [radius 포트])
key [키]

//콘솔 로그인에 적용할 경우
line console 0
login authentication default

TACACS : TCP를 사용하여 인증한다

aaa new-model
aaa authentication login default group tacacs+ local
tacacs-server [서버 ip주소]
tacacs-server key [키]

//콘솔 로그인에 적용할 경우
line console 0
login authentication default

SYSLOG는 네트워크 장비에서 업데이트 되거나, AAA등으로 발생한 로그들을 서버에 기록하는데 사용된다. 아래와 같이 사용할 수 있다.

loggin on
loggin host [서버 ip주소]
no loggin console
service timestamps log datetime msec

NTP는 네트워크 상에서 시간을 동기화하는데 사용된다. 아래와 같이 사용할 수 있다.

ntp server [서버 ip주소]

PPP는 단순히 두 컴퓨터가 한번에 연결되었을때, IP 주소를 할당하지 않고도 통신할 수 있게하는 프로토콜이다.

PPP에는 두 가지 방식이 있다.

PAP : 2-way-handshake를 사용하며, 데이터를 평문으로 전송한다

//사용자 등록
username [사용자 이름] password [사용자 암호]

//pap 설정
interface [포트]
encapsulation ppp
ppp authentication pap
ppp pap sent-username [사용자 이름] password [암호]

CHAP : 3-way-handshake를 사용하며, 데이터를 암호화하여 전송한다

//사용자 등록 및 호스트 이름 설정
hostname [호스트 이름]
username [사용자 이름] password [사용자 암호]

//chap 설정
interface [포트]
encapsulation pap
ppp authentication chap

WLAN은 간단하게 얘기하면, Wi-Fi다. (~~진짜 이거 말곤 설명할만한 기술이 없음...~~)

WLAN은 무선 근거리 네트워크를 제공하는데 사용되며, Bluetooth랑 다르게 LAN으로 분류된다. (즉 Bluetooth는 PAN)

VLAN, Inter-VLAN, VTP, Port-Security

swchung09 — Sun, 28 Sep 2025 20:14:08 +0900

VLAN은 논리적으로 영역을 구분해서 각각의 장치가 같은 VLAN에서만 통신하게 구성하는 기능이다. VLAN을 사용하면 아래와 같은 장점이 있다.

- 같은 장비지만, 논리적으로 분리하여 사용할 수 있음

- 네트워크 관리가 용이해짐

- 보안이 강화됨

- 트래픽이 분리되어 효율성이 증가함

VLAN은 VLAN Database에서 VLAN 정보를 관리한다. 아래 명령어로 VLAN Database를 확인할 수 있다.

Switch#show vlan brief

VLAN은 포트 모드를 설정하여 알맞게 설정할 수 있다.

- Access Mode : 하나의 VLAN만 속하며, PC 등을 연결할때 사용한다

- Trunk Mode : 여려 VLAN이 속하며, 스위치끼리 연결할때 사용한다

Trunk Mode에서는 여러 VLAN을 사용할 수 있다. 따라서 Trunking Protocol을 사용하여 여러 VLAN 트래픽을 서로 다른 장치에서도 사용하게 할 수 있다.

- 802.1Q : IEEE 표준 프로토콜, 최대 VLAN 갯수는 4096개

- ISL : Cisco 전용 프로토콜, 최대 VLAN 갯수는 1000개

- DTP : Cisco 전용 프로토콜, 보안상 안 좋음

Inter-VLAN은 라우터를 기준으로 VLAN 트래픽을 모아서, 서로 다른 VLAN 장치가 라우터를 거쳐 통신하게 하는 기능이다.

주로 interface g0/0뒤에 .숫자로 구분하며, 이로써 하나의 선에서 여러 Inter-VLAN을 설정할 수 있다.

VTP는 스위치들 사이에서 VLAN 정보를 공유하는 프로토콜이다. VTP에는 3가지 모드가 있다.

- Server (기본 모드) : VLAN 정보를 생성하고 전송한다

- Client : VLAN 정보를 수신한다

- Transparent : VLAN 정보를 다른 스위치로 전송한다

VTP는 여러가지 정보를 사용하여 VLAN 정보를 공유할때 해당 정보가 일치해야만 공유되게 할 수 있다.

1. VTP Domain : 서버와 클라이언트 도메인 정보가 같아야만 VLAN 정보를 공유

2. VTP Password : 서버와 클라이언트 비밀번호가 같아야만 VLAN 정보를 공유

Port-Security는 스위치가 포트에서 연결 가능한 장치를 제한하여 보안을 강화하는 기능이다.

Port-Security에서는 MAC주소를 3가지 방식으로 학습할 수 있다.

- Static : 수동으로 MAC 주소를 지정하며, NVRAM(write로 저장하는 위치)에 저장 가능

- Sticky : 자동으로 MAC 주소를 학습하며, NVRAM에 저장 가능

- Dynamic : 자동으로 MAC 주소를 학습하나, NVRAM에는 저장 불가

Port-Security에서는 MAC주소가 다를 경우(위반할 경우) 보안 정책을 설정하여 어떻게 대응할지 정할 수 있다.

- Shutdown (기본 설정) : 포트를 Error-disabled 상태로 차단

- Restrict : 위반한 MAC 주소의 트래픽만 차단하고, 로그에 기록함

- Protect : Restrict와 동일하나, 로그에 기록하지 않음

UTM Ubuntu desktop 공유 폴더 설정

swchung09 — Fri, 12 Sep 2025 22:16:34 +0900

이 블로그에서는 UTM 프로그램으로 ubuntu dektop을 설치했을때 어떻게 공유 폴더를 설정하는지 적어놓았다.

터미널을 실행한 다음 아래 명령어를 입력한다.

sudo mkdir /home/user/바탕화면/공유폴더
sudo mount -t virtiofs share /home/user/바탕화면/공유폴더

이제 공유 폴더가 바탕화면에 공유폴더라는 이름으로 생겼을 것이다.

Ubuntu 언어 설정

swchung09 — Fri, 12 Sep 2025 21:25:21 +0900

이 블로그에서는 Ubuntu에서 한국어를 설정하는 법을 적었다.

(UTM에서 공유 폴더를 사용하는 경우, 버그가 생겨서 파일 탐색기에 표시가 되지 않는다. 따라서 UTM에서 공유 폴더를 사용할 예정이라면, 아래 과정을 하지 않는 것을 권장한다.)

오른쪽 위 메뉴에서 설정 버튼을 누른다.

메뉴를 아래까지 내리다보면 System 메뉴가 있다. 거기서 Region & Language 메뉴를 누른다.

Manage Installed Languages를 누른다.

이런 창이 뜰 경우 Install을 누른다.

Install / Remove Languages...버튼을 누른다.

한국어를 찾아서 선택하고 Apply 버튼을 누른다.

(조금 시간이 걸린다.)

한국어 메뉴를 맨 위까지 드래그한다.

Regional Formats 메뉴에 들어간 다음 English를 한국어로 바꾸고, Apply System-Wide 버튼을 누른다.

이후 재부팅하면 정상적으로 한국어가 적용되었다.

UTM Ubuntu VM 만들기 (2)

swchung09 — Fri, 12 Sep 2025 20:48:32 +0900

이 블로그는 Ubuntu VM을 만드는 과정이다. 이전 과정에서 계정 설정 전까지 했으므로, 못했다면 이전 블로그를 참고하고 진행하는 것이 좋다.

https://swchung09.tistory.com/72

UTM Ubuntu VM 만들기 (1)

UTM은 맥에서 QEMU 가상화 엔진을 사용하여, 준수한 속도의 가상 환경을 제공한다. 그러나 UTM에서는 QEMU 말고도 여러가지 엔진을 사용할 수 있고, 그중에 Apple 가상화라는 옵션이 있다. 이 걸 사용

blog.aiswstudio.com

계정 정보는 자신이 원하는 대로 설정했다. 필자는 user에 1234로 설정해서 비밀번호에 약한 비밀번호라고 나오지만, 다음 과정으로 진행하는데는 문제가 없다.

다음으로 시간대를 선택할 수 있다. 이 부분 역시 건들일 필요가 없으므로 Next 버튼을 눌렀다.

아까전 UTM처럼 요약 부분이 나온다. 올바른지 확인하고, Install 버튼을 누른다.

이렇게 설치가 진행되고 있다. 완료될때까지 기다린다.

(~~분명 업데이트를 안 한다고 했던 것 같지만~~)

이 화면이 뜨면 업데이트 버튼을 눌러 업데이트를 진행하는 것이 좋다. (이미 다운로드 받음)

Ubuntu 설치가 완료되면 로그인 창이 뜨며, 이 창이 뜨면 모든 과정을 잘 따라 온 것이다.

6. Rosetta2 설정하기

이렇게 홈 화면에 들어오면 아래 문서에 있는 방법대로 진행하면 된다.

https://docs.getutm.app/advanced/rosetta/

Rosetta

Documentation for UTM virtual machines

docs.getutm.app

Terminal을 실행한다.

아래 명령어를 입력한다.

sudo mkdir /media/rosetta
sudo mount -t virtiofs rosetta /media/rosetta

/etc/fstab을 텍스트 에디터로 접근하고, 아래 줄을 추가한다.

rosetta	/media/rosetta	virtiofs	ro,nofail	0	0

아래 명령어를 입력한다.

sudo /usr/sbin/update-binfmts --install rosetta /media/rosetta/rosetta \
     --magic "\x7fELF\x02\x01\x01\x00\x00\x00\x00\x00\x00\x00\x00\x00\x02\x00\x3e\x00" \
     --mask "\xff\xff\xff\xff\xff\xfe\xfe\x00\xff\xff\xff\xff\xff\xff\xff\xff\xfe\xff\xff\xff" \
     --credentials yes --preserve yes --fix-binary yes

그러나 어떤 이유인지는 모르겠지만 update-binfmts가 없다고 나온다. 이 경우 아래 명령어를 먼저 입력하고, 다시 위의 명령어를 입력하면 해결된다.

sudo apt install binfmt-support

혹시나 위 과정을 전부 수행했지만, ELF 파일이 실행되지 않는 경우, 아래 과정을 순차적으로 따라해야한다.

1. amd64를 지원하도록 apt등을 수정

/etc/apt/sources.list에서 다음과 같은 구문을 추가한다.

# ARM64 저장소 (ports)
deb [arch=arm64] http://ports.ubuntu.com/ubuntu-ports plucky main restricted universe multiverse
deb [arch=arm64] http://ports.ubuntu.com/ubuntu-ports plucky-updates main restricted universe multiverse
deb [arch=arm64] http://ports.ubuntu.com/ubuntu-ports plucky-security main restricted universe multiverse

# AMD64 저장소 (archive)
deb [arch=amd64] http://archive.ubuntu.com/ubuntu plucky main restricted universe multiverse
deb [arch=amd64] http://archive.ubuntu.com/ubuntu plucky-updates main restricted universe multiverse
deb [arch=amd64] http://archive.ubuntu.com/ubuntu plucky-security main restricted universe multiverse

2. apt update

아래 명령어로 기존의 페키지를 업데이트 한다.

sudo apt update

3. apt install libc6:amd64

아래 명령어로 rosetta의 핵심 라이브러리를 amd64버전으로 설치한다.

sudo apt install libc6:amd64

아마 여기까지 하면 대부분 잘 실행될 거다. 하지만 난 그 대부분에 속하지 않았다.

실행시키면 아래와 같은 메시지가 뜬다.

user@user:~/Desktop$ ./prob
rosetta error: unhandled auxillary vector type 29
 Trace/breakpoint trap (core dumped)

찾아보니 최신 Ubuntu에서는 auxillary vector에 수정 사항이 생겨서 rosetta가 정상적으로 처리하지 못하는 것 같았다.

따라서 다운그레이드를 해서 어떤 버전을 써야하는지 찾아보고 있다.

(곧 업데이트 예정)

여기까지 오면 Rosetta 설정을 완료했다. 이제 arm64 기반의 가상 환경에서 x86_64 ELF 파일을 실행할 수 있게 되었다.

(뭐 하나 까먹은 것 같은데.... 아 맞아 언어 설정이랑 공유 폴더 설정)

https://swchung09.tistory.com/74

Ubuntu 언어 설정

이 블로그에서는 Ubuntu에서 한국어를 설정하는 법을 적었다.

blog.aiswstudio.com

https://swchung09.tistory.com/75

UTM Ubuntu desktop 공유 폴더 설정

이 블로그에서는 UTM 프로그램으로 ubuntu dektop을 설치했을때 어떻게 공유 폴더를 설정하는지 적어놓았다. 터미널을 실행한 다음 아래 명령어를 입력한다.sudo mkdir /home/user/바탕화면/공유폴더sudo mo

blog.aiswstudio.com

UTM Ubuntu VM 만들기 (1)

swchung09 — Fri, 12 Sep 2025 20:46:46 +0900

UTM은 맥에서 QEMU 가상화 엔진을 사용하여, 준수한 속도의 가상 환경을 제공한다. 그러나 UTM에서는 QEMU 말고도 여러가지 엔진을 사용할 수 있고, 그중에 Apple 가상화라는 옵션이 있다. 이 걸 사용하면 실험적이지만, 굉장히 빠른 속도의 가상 환경을 사용할 수 있다. (단 호스트와 아키텍처가 일치하지 않는 경우, Apple 가상화를 사용할 수 없다.)

그리고 Apple에서는 Linux VM을 한정으로, Rosetta2를 사용하여 Intel Linux 프로그램(즉, x86_64로 빌드된 파일)을 실행하게 도와준다.

이번 블로그에서는 UTM에서 Ubuntu desktop과 Rosetta2를 사용하여, Intel Linux 프로그램을 실행하는 과정을 전부 기록하였다.
(Macbook M4, Ubuntu desktop 25.04, 25년 9월 12일 기준으로 작성하였다)

1. UTM 설치
UTM은 크게 2가지 경로로 설치할 수 있다. 그러나 공식 사이트는 무료지만, 앱스토어는 유료(?)이다. 따라서 공식 사이트에서 설치하는 것을 권장한다.

https://mac.getutm.app/

UTM

Securely run operating systems on your Mac

mac.getutm.app

2. UTM 실행

이렇게 생긴 로고를 누르면 UTM을 실행할 수 있다.

3. Ubuntu Desktop 다운로드

Ubuntu Desktop은 Canonical이 제공하는 무료 OS다. 아래 링크에서 자신의 컴퓨터와 일치하는 버전을 다운로드 받는다.

https://ubuntu.com/download/desktop

Download Ubuntu Desktop | Ubuntu

Ubuntu is an open source software operating system that runs from the desktop, to the cloud, to all your internet connected things.

ubuntu.com

4. UTM 가상 머신 생성

이전에 실행한 UTM 앱에서, 왼쪽 위에 있는 + 버튼을 누른다.

이번 블로그에서는 Apple 가상화를 사용할 거기 때문에 가상화를 선택한다.

Ubuntu는 Linux 기반의 운영체제 이기 때문에 Linux를 선택한다.

여기서 Apple 가상화와 Rosetta를 활성화 하고, 아까전 다운로드 받았던 iso 이미지를 찾아보기 버튼을 눌러서 불러온다.

하드웨어는 본인 컴퓨터에 맞는 설정을 하면 된다.

(필자는 14코어 CPU, 24gb RAM 맥북이라 다음과 같은 설정으로 진행하였다. 너무 많은 자원을 할당하면, 오히려 호스트 시스템과 가상 머신이 둘 다 느려지고, 너무 적게 자원을 할당하면, 가상 머신이 느려진다.)

저장소에서는 가상 머신이 사용할 수 있는 가상 디스크의 크기를 정할 수 있다. 이 부분은 딱히 건들이지 않았다.

이 가상 머신과 파일 데이터를 공유할 필요가 있는 경우, 공유 디렉터리를 설정하는 것이 좋다. 필자는 Share folder라는 이름의 공유 디렉터리를 만들었다.

이제 설정한 대로 요약된 정보가 나온다. 빠진 설정이 있는지 확인하자.

5. 가상 환경 실행(Ubuntu 이미지 설치) (1)

이제 가상 환경을 실행할 차례이다. 재생 버튼 같이 생긴 걸 클릭해서 실행할 수 있다.

여기서 첫번째 문제가 생겼다. 화면이 비정상적인 비율로 나온 것이다.

이런식으로 나오면, 전원 버튼을 누른 후, UTM 홈으로 가서 오른쪽 위에 있는 삼선 버튼(메뉴 버튼)을 누른다.

그 다음 해상도를 자신의 컴퓨터에 맞는 비율로 설정한다.

(여기서 동적 해상도를 안 끄면 아까와 같은 비극을 겪을 수 있다. ~~나도 알고 싶지 않았다...~~)

우여곡절 끝에 부팅에 성공하면 이런 화면이 나올 것이다.(안 나오면, iso 이미지가 잘 들어갔는지 확인)

Enter를 누른다.

이런 화면이 나오면, 부팅 중이니, 잠시 기다리고, 다음 화면이 나올 때까지 기다린다.

여기서 두 번째 문제가 발생했다. ubuntu에서 언어 선택을 할 때, 한국어가 깨져서 선택을 할 수 없다. 이럴 경우 그냥 영어로 진행한 후, 나중에 설정하는 것이 좋다.

이 부분은 별다르게 설정할 부분이 없어서 바로 Next버튼을 눌렀다.

이 부분은 추후 언어를 변경할 거라서, 바로 Next 버튼을 눌렀다.

이 부분은 손 대지 않는 것이 좋다.(가상 네트워크 어뎁터 사용이 기본이기 때문)
바로 Next를 눌렀다.

이 부분은 업데이트 해도 되고, 안 해도 된다.

필자는 최대한 빠르게 설정하기 위해 Skip을 눌렀다.

이 부분은 Ubuntu ISO로 부팅했을때, 메인 디스크에 Ubuntu를 설치할지, 아니면 ISO에서 부팅할지 설정할 수 있다. 일단은 기본 설정 대로 Ubuntu를 디스크에 설치하겠다.

이 부분은 Automated with autoinstall file을 선택하면 고급 설정을 지원하지만, 지금은 굳이 필요 없음으로 바로 Next를 눌렀다.

Ubuntu 앱을 얼마나 설치할지 선택할 수 있는 부분이다. 필자는 앱이 필요하면 직접 설치하고 싶어서, 바로 Next를 눌렀다.

이 부분에서는 하드웨어 드라이버와 미디어 포멧을 자동 설치할 수 있다. UTM을 사용하고 있기 때문에 1번째 설정은 큰 의미가 없고, 동영상이나 음악을 실행할 경우 2번째 설정을 체크하는 것이 좋다. (~~뭐 어차피 VLC가 다 해주겠지만~~)

디스크 전체에 설치할지 수동으로 특정 파티션에만 설치할지 선택할 수 있다. 어차피 가상 환경이고, 이전에 OS를 설치하여 사용한 적이 없기 때문에 바로 Next를 눌렀다.

이 부분에서는 암호화를 선택할 수 있다. 지금 당장은 암호화가 필요 없음으로 바로 Next를 눌렀다.

여기까지 정리했을때, 글이 너무 길어진 것 같았다. 따라서 이어지는 과정은 다음 블로그에서 정리했다.

https://swchung09.tistory.com/73

UTM Ubuntu VM 만들기 (2)

이 블로그는 Ubuntu VM을 만드는 과정이다. 이전 과정에서 계정 설정 전까지 했으므로, 못했다면 이전 블로그를 참고하고 진행하는 것이 좋다.https://swchung09.tistory.com/72 UTM Ubuntu VM 만들기 (1)UTM은 맥

blog.aiswstudio.com

네트워크 기초 정리

swchung09 — Mon, 1 Sep 2025 23:19:07 +0900

네트워크는 다양한 노드(외부와 통신이 가능한 모든 기기, 컴퓨터, 핸드폰, 공유기 등)들이 링크(노드를 잇는 선, 물리적일 수도 있고 가상일 수도 있음)로 연결되어 데이터를 주고 받는 구조이다.

네트워크는 규모에 따라 4가지로 나눌 수 있다.

PAN(Personal Area Network) : 개인이 소유한 기기에서 통신이 이루어지는 매우 작은 규모의 네트워크 (예: Wi-Fi, Bluetooth, USB 등)

LAN(Local Area Network) : 한 건물에서 통신이 이루어지는 작은 규모의 네트워크 (예: 오피스 LAN, 아파트 LAN 등)

MAN(Metropolitan Area Network) : 한 도시나 지역에서 통신이 이루어지는 큰 규모의 네트워크 (예: 강서구 네트워크, 서울시 네트워크)

WAN(Wide Area Network) : 여러 ISP(Internet Service Provider, 인터넷 서비스 제공자, SKT, KT, LGU+등)들이 연결되어 이루어지는 매우 큰 규모의 네트워크 (예: SKT 네트워크, KT 네트워크 등)

네트워크는 여러 모델로 설명된다. 그 중 2가지를 설명하겠다.

OSI 7계층 : 네트워크에 빠짐없이 등장하는 모델이지만, 실제 과정과는 일부 차이가 있다.

7번째 계층) 응용 계층 : HTTP, FTP등을 사용하여 통신하는 계층
6번째 계층) 표현 계층 : 이미지, 동영상등을 전송하는 계층
5번째 계층) 세션 계층 : 연결을 유지하는 데이터를 전송하는 계층
4번째 계층) 전송 계층 : 프로토콜과 포트번호를 포함하여 통신하는 계층
3번째 계층) 네트워크 계층 : IP 주소 기반으로 통신하는 계층
2번째 계층) 데이터링크 계층 : MAC 주소 기반으로 통신하는 계층

1번째 계층) 물리 계층 : 2진 데이터를 전송하는 물리적인 계층

TCP/IP : OSI 계층 일부를 생략하여 표시하며, 실제 과정을 설명할 수 있다.
5번째 계층) 응용 계층 : HTTP, FTP등을 사용하여 통신하는 계층
4번째 계층) 전송 계층 : 프로토콜과 포트번호를 포함하여 통신하는 계층
3번째 계층) 네트워크 계층 : IP 주소 기반으로 통신하는 계층
2번째 계층) 데이터링크 계층 : MAC 주소 기반으로 통신하는 계층

1번째 계층) 물리 계층 : 2진 데이터를 전송하는 물리적인 계층

IP주소는 8bit단위로 옥텟으로 불리며, 2가지 버전이 있다.

IPv4 : 32비트로 이루어져 있으며, 192.168.0.1과 같은 주소를 한다.

IPv6 : IPv4의 주소 부족 문제를 해결하기 위해 나왔으며, 128비트로 이루어져 있고, [2001:4860:4860:0000:0000:0000:0000]과 같은 주소를 한다.

IP주소는 네트워크 ID와 호스트 ID로 나뉜다.

네트워크 ID는 서로 다른 네트워크를 구분하는데 사용되고, 호스트 ID는 같은 네트워크에서 서로 다른 장치를 구분하는데 사용된다.

서브넷 마스크는 255.255.255.0과 같은 형식으로 나타내며, 어디까지 네트워크 ID인지를 알려주는 역할을 한다.

prefix는 서브넷 마스크를 10진수로 축약한 형태이다. 255.255.255.0일 경우 /24로 축약한다.

참고) 와일드카드 마스크는 서브넷 마스크를 반전시킨 형태이다. 서브넷 마스크가 255.255.255.0일 경우, 0.0.0.255로 나타내며, AND연산으로 네트워크 주소를 쉽게 구할 수 있다.

서브넷팅

기존에 있던 네트워크를 특정 크기로 분할하여 여러 네트워크로 만드는 과정을 서브넷팅이라고 한다.

서브넷팅에는 2가지 방식이 있다.

FLSM(Fixed Length Subnet Mask) : 고정된 크기로 분할하는 방식이다.

VLSM(Variable Length Subnet Mask) : 동적인 크기로 분할하는 방식이다.

라우팅

라우팅은 크게 2가지 방식으로 나누어진다.

정적 라우팅(Static routing) : 정해진 노드로 데이터를 전송하는 방식이다. 기본 라우팅(Default routing)도 여기에 속한다.

동적 라우팅(Dynamic routing) : 동적으로 최적의 노드를 찾아 데이터를 전송하는 방식이다. RIP, OSPF, EIGRP등이 있다.

RIP 라우팅

router rip
no auto-summary
version 2
network [네트워크 주소]

OSPF 라우팅

router ospf [프로세스 id]
network [네트워크 주소] [와일드카드 마스크 : 서브넷 마스크를 비트 반전 시키면 된다. 예) 255.255.255.0 -> 0.0.0.255] area [구역 번호]

EIGRP 라우팅

router eigrp [as-number]
no auto-summary
network [네트워크 주소] [와일드카드 마스크]

라우팅 재분배
라우팅 재분배는 RIP, OSPF, EIGRP, Static 등의 서로 다른 라우팅 사이에서 통신이 가능하게 해주는 방법이다. 재분배는 redistribute 명령어로 할 수 있다. (참고로 동적 라우팅 끼리는 각각의 라우팅을 전부 재분배해야하지만, 동적 라우팅에서 정적 라우팅으로 재분배 할 경우 동적 라우팅에만 재분배 설정을 하면 된다)

RIP 재분배

redistribute [라우팅 프로토콜] [metric [홉 수]]

OSPF 재분배

redistribute [라우팅 프로토콜] [프로세스 id] metric [metric값] subnets

redistribute [라우팅 프로토콜] metric [대역폭, 지연, 신뢰도, 부하, MTU]

NAT, PAT

swchung09 — Wed, 27 Aug 2025 22:07:16 +0900

- NAT은 한 ip를 여러 기기가 사용할 수 있어, 경제적이다

- 근래에 ipv4주소가 부족해지면서, NAT이 공인 ip주소의 수를 줄여주는 역할을 할 수 있다

- NAT은 하나의 장치로 데이터가 나가기 때문에 방화벽을 구축하기 쉽다

NAT은 IP masquerading 방식으로 동작한다. 이 동작 방식은 하나의 공인 ip뒤에 여러 사설 ip를 할당하는 기법이다.

NAT에는 여러 종류가 있다.

- Static NAT(정적 NAT) : 공인 ip와 사설 ip를 1:1 방식으로 변환한다.

- Dynamic NAT(동적 NAT) : 공인 ip와 사설 ip를 1:n등으로 변환한다.

- Network Address Port Translation(NAPT) : Dynamic NAT에 포트까지 변환하는 방식이다.

- Source NAT(SNAT) : Static NAT와 유사하지만, 출발지 ip만 공개한다.

- Destination NAT(DNAT) : Static NAT와 유사하지만, 도착지 ip만 공개한다.

이 외에도 다양한 NAT가 있다.

이 이미지는 패킷트레이서에서 PAT를 실습하기 위해 만든 토폴로지다. 이 토폴로지에서는 공유기가 PAT역할을 하여, PC에서 온 데이터를 마치 공유기가 보내는 것처럼 해준다. (내부 IP를 외부 IP로 데이터를 전송한다는 점에서 프록시와 유사한 성격을 갖는다.)

아래는 PAT가 진행되는 예시이다.

1. PC0이 기본 게이트웨이(공유기의 ip주소)로 서버로 향하는 데이터를 전송한다

2. 공유기에서 PC0이 보낸 데이터를 수신한다

3. 공유기는 PAT 변환 표에 PC0의 주소등을 기록하고, 포트 번호(공인 ip주소로 나갈때 쓰임)를 기록한다

4. 공유기는 이후 인터넷을 거쳐서 서버에 도착한다

(이때 서버는 공유기의 IP주소를 알 수 있지만, PC0의 IP주소는 알 수 없다)

5. 서버는 요청을 처리한 다음 공유기로 데이터를 전송한다. 이 때 서버는 공유기에서 요청할때 쓴 포트로 데이터를 전송한다

6. 공유기가 데이터를 받으면, PAT 변환 표에서 어디로 전송할지 찾고, 데이터를 PC0으로 전송해준다

Express && MySQL 예제

swchung09 — Sat, 2 Aug 2025 21:01:41 +0900

이번에는 Express와 MySQL을 연동하여 구축해본 테스트 서버를 설명하고, 만들면서 발생한 문제를 해결하는 과정을 적었다.

우선 node로 직접 실행할 app.js를 생성한다.

const express = require('express'); // Express 프레임워크 불러오기
const session = require('express-session'); // Express 프레임워크에서 사용할 세션 불러오기
const db = require('./db'); // db.js에서 db 불러오기(추후 설명)
const loginRouter = require('./routes/login') // login.js에서 로그인 라우터 불러오기(추후 설명)
const registerRouter = require('./routes/register') // register.js에서 회원가입 라우터 불러오기(추후 설명)
const app = express(); // app 객체 생성
const port = 3000; // 앱에서 사용할 포트

app.set('view engine', 'pug'); // pug 템플릿 엔진 사용
app.set('views', './views');

app.use(session({ // 세션 사용
    secret: 'secret-key', // 세션에서 사용할 비밀번호
    resave: false, // 요청마다 세션을 다시 쓰지 않음
    saveUninitialized: true // 세션이 비어있어도 사용
});

app.use('/login', loginRouter); // 로그인 라우터 사용
app.use('/register', registerRouter); // 회원가입 라우터 사용

app.get('/', (req, res) => { // 메인 페이지
    res.render('index', {username: req.session.username});
});

app.listen(port, (err) => { // 서버 실행
    if (err) {
        console.log(`에러: ${err}`);
    }else {
        console.log(`서버가 http://localhost:${port} 에서 실행 중입니다.`);
    }
}

다음으로 db.js로 MySQL DB를 불러온다.

const mysql = require('mysql2'); // MySQL 불러오기
const dotenv = require('dotenv'); // .env에서 환경 변수 불러오는 용도

dotenv.config(); // .env에서 환경 변수를 불러오기

const db = mysql.createConnection({ // DB 불러오기
    host: process.env.DB_HOST, // DB 주소(대부분의 경우 127.0.0.1(localhost))
    user: process.env.DB_USER, // DB 사용자 이름(대부분의 경우 root나 user)
    password: process.env.DB_PASSWORD, // DB 비밀번호
    database: process.env.DB_NAME // DB 이름
});

db.connect((err) => { // DB 연결
   if (err) {
       console.error(`DB 연결 에러: ${err}`);
   }else {
       console.log('DB에 연결되었습니다.');
   }
});

module.exports = db; // 중요!

여기서 난 module.exports를 설정하지 않아서, 다른 곳에서 require로 불러오지 못하는 버그가 있었다. 꼭 적어주도록 하자.

이제 db.js로 DB를 불러올 수 있게 되었다. 다음으로는 /routes에 login.js로 로그인 기능을 구현해보자.

const express = require('express'); // Express 프레임워크 불러오기
const db = require('../db'); // 상위 폴더에 있는 db.js 불러오기

const router = express.Router(); // 라우터 객체 생성

router.use(express.json()); // 모든 요청을 json 객체로 파싱
router.use(express.urlencoded({extended: false}); // application/x-www-form-urlencoded를 파싱하는 설정

router.get('/', (req, res) => { // /login get 처리
    const message = req.session.message; // 1회용 메시지 베너
    req.session.message = null;
    res.render('login', {message: message});
});

router.post('/', (req, res) => { // /login post(폼 제출) 처리
    const {username, password} = req.body; // 중요!
    // DB에서 값 찾아보기
    db.query('SELECT * FROM info WHERE username = ? AND password = ?', [username, password], (err, results, fields) => {
        if (results.length > 0) {
            req.session.isLoggedIn = true;
            req.session.username = results[0].username;
            req.session.message = '로그인 성공'; // 로그인 성공 배너 메시지
            res.redirect('/'); // /로 이동
        }else {
            req.session.message = '로그인 실패'; // 로그인 실패 배너 메시지
            res.redirect('/login'); // /login으로 이동
        }
    });
});

module.exports = router; // app.js에서 불러오기 위한 설정

여기서 난 const {username, password} = req.body;로 하지 않고 []로 받아서 에러가 발생하였다. 이는 req.body가 배열이 아니라 키와 값이 매칭되는 객체 형태이기 때문에 {}로 파싱해야한다.

이제 회원 가입을 위해 /routes에 register.js를 만들어보자.

const express = require('express'); // Express 프레임워크 불러오기
const db = require('db'); // DB 불러오기

const router = express.Router(); // 라우터 객체 생성

router.use(express.json()); // 모든 요청을 json으로 파싱
router.use(express.urlencoded({extended: false})); // application/x-www-form-urlencoded를 파싱하는 설정

router.get('/', (req, res) => { // /register get 처리
    const message = req.session.message; // 1회용 베너 메시지
    req.session.message = null;
    res.render('register', {message: message});
});

rotuer.post('/', (req, res) => { // /register post(폼 제출) 처리
    const {username, password} = req.body; // username과 password 파싱
    // 이미 DB에 있는 아이디인지 확인
    db.query('SELECT COUNT(*) FROM info WHERE username = ?', [username], (err, results, fields) => {
        const count = results[0]['COUNT(*)'];
        if (count === 0){
            // DB에 값 추가
            db.query('INSERT INTO info (username, password) VALUES (?, ?)', [username, password], (err, results) => {
                if (err) {
                    console.error(`회원가입 에러: ${err}`);
                }else {
                    req.session.message = '회원가입 성공'; // 회원 가입 성공 배너 메시지
                }
            });
        }
    });
});

module.exports = router; // app.js에서 불러오기 위한 설정

이후 index.pug, login.pug, register.pug는 다음과 같이 작성하면 된다.

index.pug

doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        title 메인 페이지
    body 
        if username 
            h1 Welcome #{username} !! 
        else 
            h1 Login first 
            a(href="/login") Login

doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        title 로그인
    body 
        if message 
            p #{message}
        h2 로그인
        form(action="/login", method="post")
            label(for="username") 사용자 이름 : 
            input(type="text", id="username", name="username", required)
            br
            label(for="password") 비밀번호 : 
            input(type="text", id="password", name="password", required)
            br
            button(type="submit") 로그인

doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        title 회원가입
    body 
        if message 
            p #{message}
        h2 회원가입
        form(action="/register", method="post")
            label(for="username") 사용자 이름 : 
            input(type="text", id="username", name="username", required)
            br
            label(for="password") 비밀번호 : 
            input(type="text", id="password", name="password", required)
            br
            button(type="submit") 회원가입

이렇게 Express - MySQL을 연동시킨 예제의 코드를 분석하고, 내가 실수한 2군데를 설명해보았다.

DB

swchung09 — Fri, 1 Aug 2025 10:03:33 +0900

DB는 DataBase의 약자로 데이터를 저장하는 역할을 한다. DB는 DataBase Management System(DBMS)로 관리하고, DBMS에는 MySQL, ORACLE, MariaDB등이 있다.

DB는 다음과 같은 특징이 있다.

실시간 접근성 : 언제든지 즉시 데이터를 조회하거나 수정할 수 있음

계속적인 변화 : 지속적으로 데이터가 추가되거나 삭제될 수 있음

동시 공용 : 여러 사용자가 동시에 DB를 이용할 수 있음

내용에 의한 참조 : 내용 기반으로 값을 찾음

관계형 DB는 테이블로 이루어져 있으며 key와 value의 관계를 나타낸다.

열 : 고유한 이름을 가지고 자신만의 타입을 가짐

행 : 데이터의 묶음

값 : 타입과 맞는 열과 행에 대응하는 값

관계 : 데이터를 테이블 간의 관계를 설정하여 데이터를 연결

쿼리 문법은 다양하지만 그중 MySQL은 다음과 같은 문법을 사용한다.

DB 생성

CREATE DATABASE [DB 이름];

TABLE 생성

CREATE TABLE [TABLE 이름](ID INT, Name VARCHAR(30));

값 추가

INSERT INTO [TABLE 이름](ID, Name)
VALUES(1, '예시이름');

열 편집

ALTER TABLE [TABLE 이름] ADD [열 이름] [타입]; # 열 추가
ALTER TABLE [TABLE 이름] DROP [열 이름]; # 열 삭제
ALTER TABLE [TABLE 이름] MODIFY COLUMN [열 이름]; [타입] # 열 타입 변경

DB 삭제

DROP DATABASE [DB 이름];

TABLE 삭제

DROP TABLE [TABLE 이름]; # 테이블 전체 삭제
TRUNCATE TABLE [TABLE 이름]; # 테이블 데이터 삭제

값 업데이트(수정)

UPDATE [TABLE 이름]
SET [열 이름]=[값]...
WHERE ID = [값];

TABLE 출력

SELECT [열 이름] FROM [TABLE 이름];

Express(Middleware, Router)

swchung09 — Fri, 1 Aug 2025 09:37:21 +0900

미들웨어는 클라이언트의 요청에 응답하기 전에 거쳐가는 함수다. 미들웨어는 app.use로 설정할 수 있다.

미들웨어에는 크게 3가지 종류가 있다.

1. 애플리케이션 레벨 미들웨어

전체 애플리케이션에서 동작하게 설정된 미들웨어다.

const express = require('express');
const app = express();
app.use((req, res) => {
});

2. 예외 처리 미들웨어

요청을 처리하는 중 문제가 생기면 호출되는 미들웨어다. 애플리케이션과 다르게 인자가 4개가 필요하다.

const express = require('express');
const app = express();
app.use((err, req, res, next) => {
});

3. 내장 미들웨어

자주 호출되는 미들웨어는 express 네임스페이스로 접근할 수 있다.

const express = require('express');
const app = express();
app.use(express.static('public')); // 요청 시 ./public 내 엔드포인트 이름을 가진 파일 제공
app.use(express.json()); // 요청 내용이 json인 경우 자동으로 파싱
app.use(express.urlencoded({extended:true})); // application/x-www-form-urlencoded 데이터를 자동으로 파싱
app.use(express.raw()); // 요청 내용을 buffer로 처리
app.use(express.text()); // 요청 내용을 plain text로 처리

미들웨어 함수에서 next 함수를 사용할 경우 다음 미들웨어 함수로 넘어간다.

const login = (req, res) => {
    if (req.isLogined()) {
        next();
    }else {
        res.status(401).send('No');
    }
}
app.use(login);
app.get('/', (req, res) => {
    res.send('Welcome');
}

라우터는 라우팅을 모듈화하고 정리하기 위한 미들웨어다.

express.Router()로 라우터 객체를 선언하고 app.use로 사용할 수 있다.

const express = require('express');
const app = express();
const router = express.Router();

router.get('/', (req, res) => {
    res.send('User hi');
}

app.use('/user', router);

Express(Cookie, Session)

swchung09 — Mon, 7 Jul 2025 02:32:06 +0900

Express 프레임워크에서는 cookie와 session기능을 사용할 수 있다. 우선 쿠키와 세션은 비슷한 원리로 작동되지만, 보안성등에서 차이가 있다.

쿠키는 브라우저 내에 저장되는 데이터이다. 이 쿠키는 브라우저가 자유롭게 수정하는 것이 가능하기 때문에 위변조가 매우 쉽다. 쿠키는 주로 로그인 상태 유지 등에 쓰인다. ~~(왜 내 쿠키는 추적용이지...)~~

세션은 쿠키의 이런 단점을 보완하여 서버 내에서 저장하여 위변조가 불가능하게 하는 기술이다. 이 세션은 민감한 정보여도 브라우저에서 접근할 수 없기 때문에(암호화 됨) 안전하다.(다만 키를 너무 쉬운 걸로 설정하면 위험하다.)

Express에서는 cookie는 cookie-parser로, session은 express-session으로 설정할 수 있다.

npm install cookie-parser express-session

예제는 cookie부터 설명하겠다.

Express는 use함수로 여러 기능을 추가할 수 있다. cookie는 다음과 같이 추가 할 수 있다.

const express = require('express');
const cookieParser = require('cookie-parser');
const app = express();
app.use(cookieParser());

cookie에 secret을 설정하고 싶으면 다음과 같이 하면 된다.(서명된 쿠키를 만들려면 필수로 설정해야 한다)

app.use(cookieParser('asdf'));

이후 쿠키를 설정하려면 response.cookie함수로 설정할 수 있다.

app.get('/', (req, res) => {
    res.cookie('cookie', 'yes', {
        signed: true,
        httpOnly: true
    }
    res.send('a');
})

여기서 signed 쿠키랑 httpOnly 옵션을 설정할 수 있다.

signed 쿠키는 이전의 unsigned 쿠키(서명되지 않아서 조작이 가능한 쿠키)의 단점을 보완한 쿠키이다. 이런 방식으로 설정된 쿠키는 세션처럼 서버에서 저장하지 않고도 위변조를 막을 수 있다. 하지만 삭제 방지랑 내용을 확인하는 것은 막을 수 없다.

httpOnly 옵션은 브라우저내 자바스크립트가 접근하지 못하게 한다. 이로써 자바스크립트가 함부로 수정할 수 없으므로 XSS공격에서 어느 정도 보호할 수 있다.

쿠키를 불러올 때는 간단하다.

서명된 쿠키는 다음과 같이 불러올 수 있다.

app.get('/', (req, res) => {
    console.log(req.signedCookies.a);
}

서명되지 않은 쿠키는 다음과 같이 불러올 수 있다.

app.get('/', (req, res) => {
    console.log(req.cookies.a);
}

세션은 초기 설정이 무조건 필요하다.

const express = require('express');
const session = require('express-session');
const app = express();
app.set(session({
    secret: secret,
    resave: false,
    saveUninitialized: false,
    cookie: {
        httpOnly: true,
        secure: false,
        maxAge: 6000000,
    }
}

secret은 세션을 암호화하는 키 역할을 한다. 따라서 세션에서는 매우 중요한 옵션이다.(없으면 작동하지 않는다)

resave는 세션이 변경되지 않았을 때도 강제로 저장할 지를 설정하는 옵션이다. 그래서 false로 하는 것이 성능면에서 더 좋다.

saveUninitalized는 서버에서 세션을 설정하기 선까지는 세션을 사용하지 않는 옵션이다. 위장 마찬가지로 false로 하는 것이 좋다.

이후 cookie부분은 위에서 설명했던 것과 같다. 쿠키의 maxAge는 쿠키의 만료 시간이다. 이는 ms단위임에 유의해야한다.

session은 설정하는 것이 cookie보다 더 간단하다. 무엇보다 쿠키와는 달리 세션은 특별한 작업이 없어도 모든 객체를 저장할 수 있다. 세션은 단순히 변수를 다룬다고 생각하면 쉽다.

세션은 다음과 같이 설정할 수 있다.

app.get('/', (req, res) => {
    req.session.user = 'hello';
    req.session.list = ['asdf','sdfa','dfas'] //이런 것도 가능하다
}

세션은 쿠키처럼 저장하지 않아도 response를 보내는 시점에 자동으로 보내준다.

세션은 다음과 같이 읽을 수 있다.

app.get('/', (req, res) => {
    console.log(req.session.user);
}

Express, pug

swchung09 — Mon, 23 Jun 2025 01:12:55 +0900

Express 프레임워크는 Node.js에서 사용되는 웹 프레임워크이다. (프레임워크는 특정 분야에서 개발하는데 매우 유용한 툴이다)

Express 프레임워크는 npm으로 설치가 가능하다.

밑에서 부터는 Express 프레임워크를 사용해서 /의 get요청을 받고 응답하는 예제이다.

우선 라이브러리를 설치해야한다. 다음 명령어로 설치할 수 있다.

npm install express

그 다음 라이브러리를 불러와야 한다. 둘 중 원하는 걸 사용하면 되나, package.json에 type이 모듈로 정의된 경우 두 번째 건 사용할 수 없다.

import express from 'express'
const express = require('express');

그 다음 express를 사용하기 위한 앱을 하나 불러온다.

const app = express();

그 다음 app에서 get요청을 처리하는 함수를 연결하면 된다.

app.get('/', (req, res) => {
    res.send('hello world!');
}

이 때 /는 http://localhost:80/처럼 엔드포인트를 나타낸다.

그 다음 클라이언트를 받기 위해 listen함수를 사용한다.

app.listen(80);

위 방식대로 간단하게 app을 사용할 수 있다.

이제 pug를 사용할 차례이다.

pug는 Express 프레임워크에서 html을 대체하기 위한 새로운 언어이다. 기본 구조는 다음과 같다.

html
    head
        title hello
    body
        h1 hello world!

이 처럼 pug는 들여쓰기로 태그를 구분하는 것을 알 수 있다.

Express 프레임워크를 사용한 Node.js에서 pug를 불러오기 위해서는 pug라이브러리를 설치해야 한다.

npm install pug

설치 했다면 pug를 사용하기 위한 몇 가지 옵션을 설정하면 된다.

app.set('view engine', 'pug');
app.set('views', './views');

그 다음 아까 전에는 res.send로 답변을 보냈지만 이제는 res.render로 보내면 된다.

app.get('/', (req, res) => {
    res.render('index');
}

이처럼 pug에서는 일반적인 html과 다르기 때문에 몇 가지 속성은 변환해줘야 한다. 예를 들면

<a href="https://example.com" id="testid">

이런 a 태그는

a(href="https://example.com", id="testid")

이런 식으로 변환해야 한다.

그 외에도 여러가지를 사용할 수 있지만, 가장 신기한 부분은 따로 있다. -를 사용하면 일반적인 자바스크립트를 실행시킬 수 있다.

- for (let i = 0; i < 3; i++)
	p= i

(여기서 'p='은 'p i'와 같다)

이 코드에서처럼 - var, - const등을 사용할 수 있다.

한편 조건문 같은 경우, -를 사용하지 않는다.

if args.value
	p true

Node.js

swchung09 — Wed, 18 Jun 2025 00:45:06 +0900

Node.js는 구글의 V8엔진을 사용한 자바스크립트 언어 중 하나이다. 다만 웹 브라우저에서 동작하는 자바스크립트는 html을 다루기 위해 DOM객체를 지원하지만, Node.js는 웹 브라우저가 목적이 아니라서 document같은 객체는 동작하지 않는다.

Node.js를 쓰기 위해서는 여러 과정이 필요하다. 우선 Node.js 홈페이지에 들어가서 Node.js파일을 다운 받는다.

그 다음 터미널에서 원하는 프로젝트에 들어간 후, 다음 명령어를 실행한다.

npm init

그러면 json 파일이 생성되면서, 그 폴더는 Node.js작업 폴더가 된다.

기본적인 문법은 이전에 다룬 웹 js랑 같다.(var, let, for 등등) 따라서 모듈을 위주로 설명하겠다.

그러나 Node.js는 require나 import로 npm 라이브러리를 불러올 수 있다.

inmport fs from 'fs';
const fs = require('fs');

둘 중 하나를 쓰면 fs모듈을 불러올 수 있다.

fs모듈

파일 읽기, 쓰기, 디렉토리 읽기 등 파일과 폴더를 사용하는 라이브러리이다.

파일 읽기

fs.readFile(path, encoding, (err, data) => {
    if (err) throw err;
    console.log(data);
})

파일 쓰기

fs.writeFile(path, data, (err) => {
    if (err) throw err;
})

디렉토리 읽기

fs.readdir(path, (err, files) => {
    if (err) throw err;
    files.forEach(file => {
        console.log(file);
    })
})

디렉토리 만들기

fs.mkdir(path, (err) => {
    if (err) throw err;
}

이 외에도 파일과 폴더에 관해서 여러가지 작업을 할 수 있다.

path모듈

fs는 직접적으로 파일에 접근했다면, path는 경로를 처리하고 가져오는데 초점을 맞춘 모듈이다. 현재 실행 경로, 경로에서 파일 이름 추출, 확장자 추출, 디렉토리 추출등을 할 수 있다.

경로에서 디렉토리 추출 (예 : path가 ./a/f.txt라면 ./a)

path.dirname(path);

경로에서 파일 이름 추출(확장자 포함, 예 : path가 ./a/f.txt라면 f.txt)

path.basename(path);

경로에서 파일 확장자 추출(예 : path가 ./a/f.txt라면 txt)

path.extname(path);

이 외에도 다양한 기능이 있다.

os모듈

운영체제의 정보를 가져오는데 사용하는 모듈이다.

(메소드가 너무 많으므로 하나로 정리하겠다)

os.type() // 운영체제 이름
os.platform() // 운영체제 플랫폼
os.release() // 운영체제 릴리즈
os.uptime() // 운영체제 업타임(켜져 있는 시간)
os.freemem() // 사용가능한 메모리
os.totalmem() // 전체 메모리
os.cpus() // cpu 정보(배열로 리턴)
os.arch() // cpu 아키텍처
os.hostname() // 호스트 이름

그 외에도 crypto모듈과 http모듈이 있으며, 각각 암호화, 웹 통신의 기능이 있다.

API

swchung09 — Mon, 9 Jun 2025 00:14:13 +0900

API는 Application Programming Interface로 프로그램(클라이언트)과 프로그램(서버 등)이 정해진 방법으로 데이터를 주고 받는 것이다. API는 주로 서버에서 받아오는 용도로 사용되지만, 컴퓨터 내부에서도 사용될 수 있다. (예 macOS의 metal API 등)

이 부분을 실습하기 위해 data.go.kr에서 js로 api로 데이터를 가져와 보겠다.

우선 사용할 api와 개인 토큰을 발급받는다.

그 다음 js로 다음과 같은 형태로 전송하면 된다.

var serviceKey, returnType, numOfRows, pageNo, year, itemCode, url;
serviceKey = '';
returnType = 'json';
numOfRows = '100';
pageNo = '1';
year = '2020';
itemCode = 'PM10';
url = 'http://apis.data.go.kr/B552584/UlfptcaAlarmInqireSvc/getUlfptcaAlarmInfo'
    +'?serviceKey='+serviceKey
    +'&returnType='+returnType
    +'&numOfRows='+numOfRows
    +'&pageNo='+pageNo
    +'&year='+year
    +'&itemCode='+itemCode;
fetch(url)
.then(response => response.json())
.then(data => {console.log(data)})

이렇게 하면 콘솔에 response가 출력될 것이다.

JSON, XML

swchung09 — Mon, 9 Jun 2025 00:09:01 +0900

JSON은 JavaScript Object Notation으로 자바스크립트에서 쉽게 데이터를 저장하고 전송하기 위한 형식이다. 반면에 XML은 eXtensible Markup Language로써 HTML(Hyper Text Markup Language)와 유사한 마크업 언어이다.

두 가지 모두 데이터를 저장하는 용도로 주로 사용되지만, json과 xml은 사용되는 분야가 조금 다르다.

json은 웹 앱에서 주로 사용되며, 굳이 자바스크립트가 아닌 다른 언어여도 쉽게 사용할 수 있을 정도로 유명하다.

xml은 프로그램의 설정들을 저장하는 용도로 사용된다. (과거에는 xml이 웹 기본 포맷이였지만, ~~json이 등장하고 한물 갔다...~~)

json은 일반적으로 다음과 같은 형식을 가진다.

{

"key" : [

"item"

]

}

xml은 일반적으로 다음과 같은 형식을 가진다.

<?xml version="1.0" encoding="utf-8"?>

<key>

</key>

참고로 이 둘은 api를 불러오는 용도로도 사용된다. 따라서 다음 블로그로 이 부분을 정리하겠다.

입력 후 평균 계산

swchung09 — Mon, 2 Jun 2025 01:05:21 +0900

이 문제는 prompt로 그만을 입력받기 전까지 입력받은 수를 저장하고, 평균을 구하는 문제이다.

이 문제를 풀기 전, 평균을 어떤 방식으로 구하는지 알면 더 쉽게 풀 수 있다.

평균은 총합에 갯수를 나눈 결과값이다. 따라서 모든 입력값을 더하고, 갯수로 나누면 쉽게 풀 수 있다.

let i = 0, sum = 0, num;
while (true){
    num = prompt();
    if (num == '그만'){
        break;
    }else {
        sum += parseInt(num);
    }
    i++;
}

여기서는 i로 갯수를 저장하고, sum으로 입력값을 더하는 변수를 만들었다.

최종 코드

let i = 0, sum = 0, num;
while (true){
    num = prompt();
    if (num == '그만'){
        break;
    }else {
        sum += parseInt(num);
    }
    i++;
}
alert(sum/i);

펠린드롬

swchung09 — Mon, 2 Jun 2025 01:01:53 +0900

이 문제는 앞에서 읽어도, 뒤에서 읽어도 같은 문자열인 펠린드롬인지를 판별하는 함수를 만드는 문제이다.

이 문제는 for문으로 순서를 바꾼다음, 순서를 바꾸기 전의 문자열과 같은지 비교하면 풀 수 있다.

palindrome 함수

function palindrome(x){
    let temp = '';
    for (let i = 0; i < x.length; i++){
        temp = x[i]+temp;
    }
    if (temp == x){
        console.log('true');
    }else {
        console.log('false');
    }
}

최종 코드~~(이게 맞나...)~~

function palindrome(x){
    let temp = '';
    for (let i = 0; i < x.length; i++){
        temp = x[i]+temp;
    }
    if (temp == x){
        console.log('true');
    }else {
        console.log('false');
    }
}

최대, 최소

swchung09 — Mon, 2 Jun 2025 00:59:14 +0900

이 문제는 최댓값을 구하는 max함수에서는 최댓값을 console에 출력하고, 최솟값을 구하는 min함수에서는 최솟값을 경고창에 출력하는 문제이다.

max함수는 if로 첫 번째 값과 두 번째 값을 비교한 다음, 두 값 중 큰 것과 세 번째 값을 비교하면 풀 수 있다.

max 함수

function max(a, b, c){
    let max;
    if (a < b){
        max = b;
    }else {
        max = a;
    }
    if (max < c){
        max = c;
    }
    console.log(max);
}

min함수도 마찬가지로 if로 첫 번째 값과 두 번째 값을 비교한 다음, 두 값 중 작은 것과 세 번째 값을 비교하면 풀 수 있다.

function min(a, b, c){
    let min;
    if (a > b){
        min = b;
    }else {
        min = a;
    }
    if (min > c){
        min = c;
    }
    alert(min);
}

최종 코드

function max(a, b, c){
    let max;
    if (a < b){
        max = b;
    }else {
        max = a;
    }
    if (max < c){
        max = c;
    }
    console.log(max);
}
function min(a, b, c){
    let min;
    if (a > b){
        min = b;
    }else {
        min = a;
    }
    if (min > c){
        min = c;
    }
    alert(min);
}

DNS

swchung09 — Mon, 2 Jun 2025 00:55:17 +0900

DNS(Domain Name System)은 도메인을 받으면 ip주소등으로 변환해주는 시스템이다. 일반적인 가정용 공유기에서는 ISP(Internet Service Provider : ~~통신3사~~)의 DNS을 사용하여 도메인에 접속하게 된다.

도메인은 다음과 같은 구조로 되어 있다.

루트 네임서버 : 모든 도메인 을 관리하는 서버이다.

TLD(최상위 도메인) 서버 : 특정 TLD(예 : .com, .net등)을 관리하는 서버이다.

도메인 서버 : 도메인(예 : google.com, naver.com등)을 관리하는 서버이다.

DNS 레코드는 DNS서버가 어떤 동작을 해야하는지를 정하는 표이다.

일반적으로 6가지의 레코드가 주로 사용되며, 각각의 레코드는 ip주소, 다른 도메인등을 가르킨다.

레코드	설명
A	IPv4주소를 가르킨다
AAAA	IPv6주소를 가르킨다
CNAME	특정 도메인의 별칭이다. 다른 도메인을 가르킨다
MX	메일 관련 레코드이다
NS	도메인을 관리하는 서버의 정보이다.
TXT	텍스트 데이터를 DNS에서 돌려준다.

실제 DNS서버는 Root서버, TLD서버, Domain서버, Cache서버으로 이루어져 있으며 각각의 서버가 서로 통신하여 DNS레코드를 돌려준다.

라우팅

swchung09 — Mon, 2 Jun 2025 00:33:50 +0900

라우팅은 라우터가 데이터를 목적기까지 보내는 최적의 경로를 선택하는 과정이다. 라우팅은 라우팅 테이블로 관리되며, 라우팅은 크게 2가지로 나뉜다.

정적 라우팅

라우터 관리자가 직접 경로를 설정하는 방식이다. 이 방식은 동적 라우팅에 비해 다소 복잡하고, 설정하기 어렵다. 따라서 일부 기업용 네트워크를 제외한 곳에서는 동적 라우팅을 사용한다.

동적 라우팅

라우터가 자동으로 경로를 설정하는 방식이다. 이 방식은 정적 라우팅과 달리 설정할 필요가 없기 때문에 편리하다.

참고) 기본 라우팅

정적 라우팅 방법 중 하나로, 기본적으로 모든 패킷을 다른 라우터로 전송하는 방식이다.

이 부분을 실습하기 위해 cisco의 packet tracer를 사용할 것이다.

라우터 2개와 PC 2를 꺼낸다.

(모든 장비는 왼쪽 아래에 있고, 라우터는 첫 번째 네트워크 장비에, PC는 두 번째 종점 장비에 있다)

그 다음 라우터를 클릭한 다음 전원을 끄고(그림의 오른쪽 밑), NIM-2T모듈을 검은 빈 공간으로 드래그 한 다음 전원을 켠다.

이후 반대쪽도 똑같이 모듈을 설정해준다.

왼쪽 밑 4번째 연결 부분에서 PC와 라우터 사이는 Copper Straight-Through 케이블로(검은 사선 모양), 라우터와 라우터 사이는 Serial DCE나 Serial DTE 케이블(빨간 번개 모양 또난 빨간 번개 모양과 시계 모양)로 연결한다.

연결하는 포트는 상관없지만, PC와 라우터 사이에는 Gigabit과 FastEthernet으로, 라우터와 라우터 사이에는 Serial로 연결시켜야 한다.

다시 왼쪽 라우터를 클릭한 다음 다음 명령어로 라우터와 라우터 사이 포트, 라우터와 PC사이의 포트를 활성화 시킨다.

Router>en (enable : 관리자 모드 활성화)

Router#conf t (configure terminal : 터미널 설정)

Router(config)#int g0/0/0 (interface gigabit0/0/0 : gigabit 0/0/0 포트의 인터페이스 선택)

Router(config-if)#ip addr 192.168.0.1 255.255.255.0 (ip address 192.168.0.1 255.255.255.0 : 해당 인터페이스의 ip를 192.168.0.1로 할당하고, 서브넷 마스크를 255.255.255.0으로 할당)

Router(config-if)#no shut (no shutdown : 해당 인터페이스를 활성화)

이 과정을 마치면 g0/0/0(PC랑 연결된 부분)을 활성화하는데 성공한 것이다.

이 후 반대쪽 라우터도 두 포트 모두 활성화 시켜준다.

라우팅을 하기 위해선 라우터 끼리 통신하는 포트도 ip 할당이 필요하다. 따라서 라우터 끼리 통신하는 포트를 10.10.10.1로 설정했다.(왼쪽 라우터 기준)

반대쪽 라우터는 10.10.10.2로 설정했다.

라우터의 ip설정은 모두 끝났으니, 이제 PC의 ip를 설정해야 한다. 일반적으로 Server를 설치해서 DHCP기능을 사용하지만, 주제와는 관련이 적으므로 수동으로 할당하겠다.

PC을 클릭한 다음 Desktop 메뉴를 누르고, 첫 번째 메뉴인 IP Configuration으로 들어간다.

들어갔다면 ip를 공유기와 같은 네트워크 주소를 가진 ip 아무거나 설정하면 된다.

지금은 단순히 ip를 192.168.0.2로 설정하였고, 서브넷 마스크는 라우터와 동일한 255.255.255.0으로 하였다.

참고) 기본 게이트웨이 : 같은 네트워크에 속하지 않은 ip일 경우, 이 주소로 패킷을 내보낸다.

반대쪽 PC는 192.168.1.2로 설정하였고, 서브넷 마스크는 라우터와 동일한 255.255.255.0으로 하였다.

아마 모든 작업을 완료 했다면, 다음과 같이 ip가 할당 되었을 것이다.

이제 본격적으로 라우팅을 해보겠다. 라우팅을 하기 위해선 configure terminal 상태여야 한다. (이전 단계로 넘어갔다면, 위에서 ip 설정할때의 명령어로 configure terminal 상태로 만들길 바란다.)

정적 라우팅 방법은 다음과 같다.

ip route [네트워크 대역] [서브넷 마스크] [목적지 ip주소]

이 명령어는 다른 네트워크 대역을 가진 패킷을 만난 경우, 목적지 ip 주소로 보내게 해주는 정적 라우팅 명령어이다.

위의 과정을 통해 Router0 -> Router1까지 패킷을 보낼 수 있게 되었다.

이제 Router0 <- Router1을 구현할 차례이다.

반대쪽에서는 왼쪽의 네트워크 대역(192.168.0.0)을 만나면 왼쪽 라우터로 보내면 된다.

연속된 수를 더해서 n이 되는 경우의 수

swchung09 — Mon, 26 May 2025 09:29:18 +0900

이 문제는 연속된 수를 더해서 n이 되는 경우의 수를 출력하는 문제이다.

예) 15

15 = 15

15 = 7+8

15 = 4 + 5 + 6

15 = 1 + 2 + 3 + 4 + 5

따라서 n이 15이면 4가 출력되면 된다.

이 문제는 메인 반복문 안에 숫자를 반복적으로 계산하는 방법으로 풀 수 있다.

while ((l * (l - 1)) / 2 < n){//메인 반복문
    let num = n - ((l * (l - 1)) / 2);
    if (num % l == 0){
        v++;
    }
    l++;
}

최종코드

let n = 15;
let v = 0, l = 1;
while ((l * (l - 1)) / 2 < n){
    let num = n - ((l * (l - 1)) / 2);
    if (num % l == 0){
        v++;
    }
    l++;
}
console.log(v)

뒤집어도 같은 숫자

swchung09 — Mon, 26 May 2025 00:24:03 +0900

이 문제는 1~9999까지의 숫자중 뒤집어도 같은 숫자를 출력하는 문제이다.(예 1 ~ 9, 11, 22, 33, 44 ... 1111등)

이 문제는 숫자를 문자열로 변환한 다음 모두 같은 문자인지 확인하는 방법으로 풀 수 있다.

크게 3가지 구조가 있다.

메인 반복문

메인 반복문 내 첫번째 문자가 다른 모든 것과 같은지 확인하는 반복문

윗 반복문의 결과가 참이면 출력하는 console.log함수

메인 반복문

for (let i = 1; i < 10000; i++){
    let s = i.toString();//숫자를 문자열로 변환
    let check = true;//확인 변수
    for (let j = 1; j < s.length; j++){//모두 같은 문자인지 검사하는 반복문
        if (s[0] != s[j]){
            check = false;
            break;
        }
    }
    if (check){//모두 같다면
        console.log(i);//출력
    }
}

최종코드

for (let i = 1; i < 10000; i++){
    let s = i.toString();
    let check = true;
    for (let j = 1; j < s.length; j++){
        if (s[0] != s[j]){
            check = false;
            break;
        }
    }
    if (check){
        console.log(i);
    }
}

별찍기 with 숫자

swchung09 — Mon, 26 May 2025 00:19:23 +0900

이 문제는 트리형 별찍기 문제에 index를 결합한 별찍기 문제이다. 예시는 다음과 같다.

121

12321

1234321

123454321

이 문제는 3가지 부분으로 나눌 수 있다.

메인 반복문(현재 줄을 나타낼 수 있다)

메인 반복문 내의 공백 추가 반복문

메인 반복문 내의 숫자 출력 반복문

다만 console.log에서는 줄바꿈이 기본이라서 text에 임시로 저장하고 줄바꿈이 필요할때 출력하는 방식을 사용하였다.

메인 반복문

for (let i = 1; i <= n; i++){
    let text = '';
    for (let j = 0; j < n-i; j++){//공백 추가
        text += ' ';
    }
    for (let j = 0; j < (2*i)-1; j++){//숫자 출력
        if (j < ((2*i)-1)/2){
            text += j+1;
        }else {
            text += ((2*i)-1)-j;
        }
    }
    console.log(text);
}

숫자 출력에서 사용된 j < ((2*i)-1)/2 조건은 반복의 절반은 숫자가 증가하고, 나머지 절반은 숫자가 감소하는 방향으로 저장하기 위해 사용되었다.

최종 코드

let n = 5;
for (let i = 1; i <= n; i++){
    let text = '';
    for (let j = 0; j < n-i; j++){
        text += ' ';
    }
    for (let j = 0; j < (2*i)-1; j++){
        if (j < ((2*i)-1)/2){
            text += j+1;
        }else {
            text += ((2*i)-1)-j;
        }
    }
    console.log(text);
}

별찍기

swchung09 — Mon, 26 May 2025 00:12:55 +0900

이 문제는 다음과 같은 X자 형태로 출력하는 문제이다.

* *

이 문제를 나누어서 풀어보면,

1번째 반복문 - 공백 추가, 별찍기, 공백 추가, 별찍기(하나만 있어야 하는 중간 지점이 아니라면)

2번째 반복문 - 공백 추가, 별찍기, 공백 추가, 별찍기

2번째 반복문은 1번째 반복문에서 별이 하나만 있는 부분을 제외한 부분을 반대로 하면 된다.

다만 이 문제에서 나는 console.log를 사용하려고 했고, console.log에서는 줄바꿈이 필수적이라 text에 저장한 다음 최종적으로 줄바꿈이 필요한 시점에 출력하는 방식을 사용하였다.

1번째 반복문에서 공백을 추가하고 별찍기를 한 다음, 다시 공백을 추가하고 별찍기를 하는 부분이다.

for (let i = 0; i < n; i++){
    let text = '';
    for (let j = 0; j < i; j++){//공백 추가
        text += ' ';
    }
    text += '*';//별찍기
    for (let j = 0; j < 2*(n-i-1)-1; j++){//공백 추가
        text += ' ';
    }
    if (i != n-1){//별찍기(하나만 있는 부분이 아니라면)
        text += '*';
    }
    console.log(text);//최종 출력
}

이후 2번째 반복문에서는 이를 역순으로 출력하는 코드로 구성했다.

for (let i = n-2; 0 <= i; i--){
    let text = '';
    for (let j = 0; j < i; j++){//공백 추가
        text += ' ';
    }
    text += '*';//별찍기
    for (let j = 0; j < 2*(n-i-1)-1; j++){//공백 추가
        text += ' ';
    }
    text += '*';//별찍기
    console.log(text);/최종 출력
}

최종 코드

let n = 4;
for (let i = 0; i < n; i++){
    let text = '';
    for (let j = 0; j < i; j++){
        text += ' ';
    }
    text += '*';
    for (let j = 0; j < 2*(n-i-1)-1; j++){
        text += ' ';
    }
    if (i != n-1){
        text += '*';
    }
    console.log(text);
}
for (let i = n-2; 0 <= i; i--){
    let text = '';
    for (let j = 0; j < i; j++){
        text += ' ';
    }
    text += '*';
    for (let j = 0; j < 2*(n-i-1)-1; j++){
        text += ' ';
    }
    text += '*';
    console.log(text);
}

JavaScript

swchung09 — Mon, 26 May 2025 00:02:35 +0900

자바스크립트는 웹에서 주로 사용되는 언어이며, HTML이나 Node.js등의 방법으로 사용되고 있는 언어이다. C와 매우 유사한 문법을 가지고 있지만, 파이썬처럼 수식을 처리하기에도 좋은 언어이다. 또한 매우 객체지향적인 언어이다. (이후 설명하는 자바스크립트는 HTML(브라우저 환경)에서 작동하는 문법이다)

자바스크립트에서 텍스트를 콘솔로 출력할때 C의 printf나 Python의 print를 사용할 수 없다. (print는 페이지를 인쇄하는 명령이다)

따라서 콘솔에 출력하기 위해 console.log를 사용해야 한다.

console.log('hello world');
console.log("hello world");
console.log(`hello world`) //대부분의 경우 세미콜론(;)을 붙여야 하지만, 고도로 발달한 브라우저는 알아서 잘 해석해버린다

자바스크립트에서는 변수와 배열, 함수(저장하는 경우)를 3가지 방법으로 선언할 수 있다.

생성자	(굳이)C랑 비교하자면	특징
var	전역변수이면서 재선언이 가능하다.	전역적으로 사용이 가능하고, 재선언이 가능하다.
let	일반적인 변수와 같다.	{}괄호 내에서만 사용이 가능하고, 재선언이 불가능하다.
const	일반적인 변수와 대부분 같지만, 값을 변경할 수 없다.	let이랑 대부분 같지만 값을 변경할 수 없다.

3가지 생성자 모두 비슷한 방법으로 사용된다.

var a = 1;
var a = 2; // 가능
var b = 1;
var b = 2; // 불가능
b = 2; // 가능
const c = 1;
const c = 2; // 불가능
c = 2; // 불가능

연산자는 비교 연산자의 느슨한 비교와 강한 비교가 있는 것을 제외하면 다 같다.

느슨한 비교

==이나 !==를 사용한다. 객체 타입이 달라고 자동으로 변환해 준다. 그러나 보안상 취약점이 생길 수 있는 방식이라 위험하다.

강한 비교

===이나 !===를 사용한다. 객체 타입이 달라도 자동으로 변환해 주지 않는다. 따라서 문자열과 숫자를 비교할 경우 항상 false가 나온다.

(나머지는 C 연산자 부분 참고)

https://swchung09.tistory.com/7

C 기본 문법

C언어는 역사 깊은 프로그래밍 언어이고, 저사양의 기기(임베디드 환경)에서도 잘 작동하는 언어이다. 그리고 C는 연산 속도가 다른 언어보다 월등히 더 빠르다.C 자료형정수형int실수형(32비트)fl

blog.aiswstudio.com

그 외에 if, else if, else 같은 분법은 C과 같다. 다른 부분이 있다면 함수와 포인터 유무, 클래스나 구조체 정도가 있다.

C에서는 함수를 선언할때 int main()처럼 자료형으로 선언하는 것이 아니라 function으로 선언하는 방식이다. 크게 2가지 방식이 있다.

변수에 할당하는 방법

let a = function(t){console.log(t)};

정석적으로 선언하는 방법

function a(t){
    console.log(t);
}

DHCP

swchung09 — Sun, 25 May 2025 23:27:53 +0900

DHCP는 주로 사설 IP를 자동으로 할당해주는 역할을 하는 서버 역할을 한다.

대부분의 공유기는 DHCP서버를 포함하고 있으며, 주로 할당하는 IP는 192.168.0.0대역이다.

DHCP는 4단계로 구성되어 있다.

1. 해당 네트워크의 DHCP서버에서 MAC주소를 보낸다.

2. DHCP서버에서 서버의 MAC주소와 클라이언트(사용자) MAC주소, 그리고 사용가능한 IP주소를 보낸다.

3. 클라이언트는 IP를 할당 받기 위해 서버의 MAC주소와 클라이언트의 MAC주소와 IP주소를 보낸다.
4. 서버는 최종적으로 클라이언트의 MAC주소와 최종적으로 할당된 IP주소를 보낸다.

나는 DHCP서버를 테스트 환경으로 구축하기 위해 Ubuntu 24.04.2 arm64이미지를 사용하고, VMware fusion을 사용해보겠다.

우선 VMware fusion에서 iso 이미지를 선택하고 설치했다. (iso 설치 과정은 생략)

우분투 환경에서는 apt로 isc-dhcp-server를 설치하는 것이 용이하다. 따라서 isc-dhcp-server를 사용하여 테스트 환경을 구축해보겠다.

sudo apt install isc-dhcp-server로 설치한다.

그 다음 텍스트 편집기로 /etc/netplan/[Tab]을 한 다음 dhcp4를 비활성화하고, 사용할 사설 ip 대역을 설정한 다음 netplan apply로 적용시킨다. 여기서 나오는 인터페이스 정보를 기억하면 좋다. 예 ens160

이후 텍스트 편집기로 /etc/dhcp/dhcp.conf에 있는 파일에 subnet을 지정하고, range로 ip할당 범위를 설정할 수 있다. (option router 속성으로 게이트웨이를 지정할 수 있다.)

이후 텍스트 편집기로 /etc/default/isc-dhcp-server에서 INTERFACES부분을 아까전에 사용한 인터페이스를 입력한다.

이후 systemctl로 실행시키면 된다.

CSS

swchung09 — Wed, 14 May 2025 23:09:25 +0900

CSS는 HTML에서 디자인을 하기 위한 스타일 시트 언어이다. 주로 HTML내 style태그 내에서 사용되거나 link로 연결해서 사용한다.

CSS에서는 속성을 적용시키는 3가지 방법이 있다.

태그로 지정하는 방법

Tag {
	key:value;
}

이후 다른 작업 없이 해당 태그에 이 속성이 붙게 된다.

클래스를 사용하는 방법

.Class {
    key:value;
}

이후 사용시 class속성으로 지정하여 불러올 수 있다. id 선택자와 달리 재사용이 가능하며, div태그와 주로 사용된다.

ID를 사용하는 방법

#Id {
    key:value;
}

이후 사용시 id속성이로 지정하여 불러올 수 있다. class 선택자와 달리 재사용이 불가능하며, id를 지정하는 대부분의 태그에서 사용된다.

CSS에서는 특정 상태에 있는 요소를 가져오는 가상 선택자가 있다.

:hover	마우스 커서가 위에 있을 때(클릭하거나 포커스가 되어 있지 않아도 됨.)
:active	클릭하고 있는 상태
:focus	클릭하거나 포커스 되어있는 상태
:link	(주로 a태그에서)링크에 방문하지 않은 상태
:visited	(주로 a태그에서)링크에 방문한 상태
:checked	(주로 input태그에서)체크 되어 있는 상태
:disabled	(form태그에서)비활성화된 상태
:enabled	(form태그에서)활성화된 상태

CSS에서 HTML에 존재하지 않는 가상의 요소에 스타일을 지정할 수 있다. 이를 가상 요소 선택자라고 한다.

::before	요소 앞에 다른 요소 삽입
::after	요소 뒤에 다른 요소 삽입
::first-line	첫 줄에만 스타일 지정
::first-letter	첫 글자에만 스타일 지정

CSS에서 글자에 스타일을 지정할때, font를 사용한다.

font-family	글꼴 종류 지정
font-size	글꼴 크기 지정
font-style	글꼴 기울임 지정
font-weight	글꼴 굵기 지정
font-variant	소문자를 작은 대문자로 변환
font	모든 글꼴 속성 일괄 지정

CSS에서 글자를 꾸밀때 쓰이는 태그는 다음과 같다.

color	글자 색상 지정
text-shadow	글자 그림자 지정
text-decoration	글자에 줄 긋기(밑줄, 취소선등)
text-transform	글자의 대소문자 변환
letter-spacing	글자 간격 지정
word-spacing	단어 간격 지정

CSS에서 배경 부분을 설정할 수도 있다. 이때는 background속성을 사용한다.

background-color	배경 색상 지정
background-image	배경 이미지 지정
background-size	(배경 이미지를 사용한 경우)배경 이미지의 크기 지정
background-repeat	(배경 이미지를 사용한 경우)배경 이미지의 반복 형태 지정
background-attachment	(배경 이미지를 사용한 경우)배경 이미지의 부착 형태 지정
background-position	(배경 이미지를 사용한 경우)배경 이미지의 위치 지정
background	배경 속성 일괄 지정

이 외에도 다양한 속성이 있다. 추후 필요한 경우 더 정리할 예정이다.

우분투, SSH

swchung09 — Wed, 14 May 2025 22:01:47 +0900

리눅스 계열에서 파생된 운영체제 중 하나이다. 높은 안정성과 LTS(Long Time Support : 업데이트를 자주 수행하지 않아서 안정성을 보장하는 기능이다)로 서버 운영에 자주 사용된다.

리눅스 계열에서는 CLI(Command Line Interface : 쉘 환경 인터페이스라고 생각하면 쉽다. 예) 터미널, CMD등)를 주로 사용한다. 자주 사용되는 명령어는 다음과 같다.

ls (dir) : (dir)디렉토리에 있는 파일과 폴더들을 출력해준다. 기본적으로는 현재 디렉토리에 있는 파일과 폴더를 출력한다.

rm (dir) : (dir)인 파일을 삭제하지만, -r 속성을 붙이면 폴더도 삭제가 가능하다.

cat (file) : (file)의 텍스트 부분을 가져와서 출력해준다.

touch (file) : (file)라는 이름을 가진 파일을 생성한다.

cd (dir) : (dir)로 이동한다.

mkdir (dir) : (dir)라는 이름을 가진 폴더를 생성한다.

mv (old_dir) (new_dir) : (old_dir)에 있는 파일을 (new_dir)로 옴길 수 있다. 파일 이름을 바꾸는 용도로도 사용된다.

예 ) mv로 파일 이름을 변경할 경우 mv ./old.txt ./new.txt

clear : 이전까지 입력되거나 출력된 것들을 지우는 용도로 사용된다.

대부분의 명령어는 윈도우와 호환되지 않지만, rm, cd, mkdir, mv는 사용할 수 있다. 그외의 명령어는 다음과 같이 호환된다.

ls - dir

cat - type

touch - fsutil file createnew

참고로 맥은 리눅스 기반이기 때문에 그대로 사용할 수 있다.

리눅스에서는 대부분이 CLI환경이기 때문에 앱을 설치하기가 번거롭다. 따라서 이를 간단하게 할 수 있는 패키지 관리 시스템을 주로 사용하며, 우분투에서는 apt(Advanced Package Tool)관리자가 있다.

apt내 패키지를 업데이트 할 경우,

sudo apt update (패키지 이름)

으로 한다. (sudo는 오른쪽에 있는 명령어를 임시로 관리자 권한으로 실행하는 역할을 한다)

apt내 패키지를 업그레이드 할 경우,

sudo apt upgrade (패키지 이름)

으로 한다.

apt로 패키지를 설치할 경우,

sudo apt install (패키지 이름)

으로 한다.

apt로 패키지를 제거할 경우,

sudo apt remove (패키지 이름)

으로 한다.

참고) 패키지를 제거한 경우, 필요 없는 의존성을 가진 패키지가 남아서 용량을 차지할 수 있다. 이 때는 sudo apt cleanup을 사용하면 된다.

이런 CLI환경을 가진 컴퓨터일 수록, 노트북처럼 키보드가 있지 않거나, 데스크탑 컴퓨터처럼 연결하기 쉽지 않을 수도 있고, 원격으로 접속이 필요할때 불편함을 느낄 수 있다. 이 때 SSH(Secure Shell)프로토콜을 사용하면, 안전하게 원격으로 쉘에 접근할 수 있다.

리눅스, 맥, 윈도우가 모두 Openssl기능이 있으므로, ssh를 사용하기 편하다.

ssh는 다음과 같이 사용된다.

ssh (아이디)@(주소)

ssh로 개인키를 통한 접속을 할 경우 : -i (dir) 옵션을 추가하면 된다. (맥이나 리눅스에서는 파일 권한이 600인 것을 권장한다)

ssh로 기본 포트(22)가 아닌 다른 포트로 접속할 경우 : -p (port) 옵션을 추가하면 된다.

예) ssh로 원격 접속을 할경우

ssh (아이디)@(주소)를 입력한다. (나는 ssh 포트를 기본과 다르게 했기 때문에 -p 1113 옵션으로 1113번 포트로 변경하였다.

이후부터는 해당 컴퓨터의 쉘 환경을 그대로 사용할 수 있다.

네트워크

swchung09 — Wed, 14 May 2025 21:31:04 +0900

네트워크는 여러 대의 컴퓨터가 서로 연결되어 정보를 주고 받는 시스템이다. 대표적인 네트워크로는 인터넷이 있다.

네트워크에는 4가지 종류가 있다.

PAN(Personal Area Network) : 개인 영역의 내트워크이다. 예) 블루투스나 와이파이로 자신의 기기 내에서 통신

LAN(Local Area Network) : 근거리 네트워크이다. 예) 한 건물 내, 한 사무실 내에서 통신

MAN(Metropolitan Area Network) : 도시권 네트워크이다. 예) 큰 규모의 도시 내, 대학 캠퍼스 내에서의 통신

WAN(Wide Area Network) : 광역 네트워크이다. 예) 인터넷

네트워크에서 서로 통신하기 위해서는 규칙이 있어야 하며, 이 규칙을 프로토콜이라고 한다.

프로토콜에는 다양한 종류가 있지만, 자주 쓰이는 프로토콜은 다음과 같다.

HTTP(Hyper Text Transfer Protocol) : 웹 페이지를 불러오는 용도로 사용된다.

FTP(File Transfer Protocol) : 파일을 전송하고 받는 용도로 사용된다.

SMTP(Simple Mail Transfer Protocol) : 메일 서버끼리 메일을 전송하거나 수신하는 용도로 주로 사용된다.

네트워크에서 각 노드(컴퓨터)를 연결하는 방법을 구조적으로 분류한 것을 토폴로지라고 한다.

토폴로지에는 크게 7가지의 구조가 있다.

고리형 토폴로지 : 노드가 원 형태로 배치되어 있는 구조이다.

그물형 토폴로지 : 노드가 전부(또는 다수)가 연결되어 있는 구조이다.

성형 토폴로지 : 중심 노드를 기준으로 배치되는 구조이다.

라인형 토폴로지 : 노드를 한 줄 형태로 배치한 구조이다.

트리형 토폴로지 : 상위 노드를 기준으로 계속 확장시키는 구조이다.

네트워크에서는 호스트를 식별하기 위해 주소가 필요하다. 이 주소들은 논리적(동적)으로 부여되거나 물리적(정적)으로 부여된다.

논리적 주소에는 IPv4와 IPv6가 있다. 현재 대다수의 컴퓨터는 IPv4를 사용하며, IP 대역에 따라 다양하게 분류될 수 있다.

물리적 주소에는 MAC주소가 있다. 이는 생산할 때부터 고유로 저장된 주소이며, 변경이 불가능하다.

HTML

swchung09 — Fri, 9 May 2025 09:01:17 +0900

HTML은 Hyper Text Markup Language로 웹에서 하이퍼텍스트를 보여주는 용도로 사용되는 파일이다. 주로 CSS와 JS(Javascript)를 같이 사용하며, 웹에 있는 모든 페이지는 이 파일을 사용해야 페이지 내용을 보여줄 수 있다.

HTML은 다음과 같은 구조를 가진다.

<!DOCTYPE html>
<html>
    <head>
    	<title>Title</title>
    </head>
    <body>
    	<h1>H1</h1>
    </body>
</html>

!DOCTYPE은 이 파일이 html인 것을 나타낸다.

<>안에 있는 것은 태그이며, 이 구조에서 쓰인 태그는 다음과 같다.

<html> html파일을 시작하는 기본 태그이다

<head> html파일 중 표시되지 않는 메타데이터를 주로 정의하거나 페이지의 제목을 표시하는 용도로 주로 사용된다

<body> html파일 중 표시되는 부분을 정의하는 용도로 사용된다

</> 태그들은 닫는 태그이며, 대부분의 경우에는 필요하다.(단, img, input 같은 일부 태그는 닫는 태그가 필요하지 않다)

h1~h6태그는 제목을 나타내는 용도로 주로 사용된다.

H1

H2

H3

H4

H5

H6

이 html은 다음과 같은 코드로 이루어져 있다.

<!DOCTYPE html>
<html>
    <head>
    	<title>H1~H6</title>
    </head>
    <body>
    	<h1>H1</h1>
        <h2>H2</h2>
        <h3>H3</h3>
        <h4>H4</h4>
        <h5>H5</h5>
        <h6>H6</h6>
    </body>
</html>

h1~h6는 글자의 크기를 지정할 수 있으며, h1이 가장 크고, h6가 가장 작다.

HTML에서 자주 사용되는 <p>태그는 택스트를 나타내는 용도로 쓰인다.

hello world

이 HTML을 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
        <title>P 태그</title>
    </head>
    <body>
        <p>hello world</p>
    </body>
</html>

여기서 p 태그는 텍스트를 나타내는 용도로 쓰임을 알 수 있다.(문법 상으로는 틀리지만, html파일 내에서 <>안에 있지 않는 모든 텍스트는 브라우저가 알아서 랜더링해준다.)

HTML에서 줄바꿈을 하는 br 태그도 있다.

Text1

Text2

이 HTML를 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    	<p>Text1</p>
        <p>Text2</p>
    </body>
</html>

이 경우 p태그의 기본적인 줄바꿈 기능을 사용하였지만, 프로그래밍 언어에서 자주 사용하는 \n처럼 <br>태그를 사용하면 더 효과적으로 줄바꿈을 할 수 있다.

Text1
Text2

이 HTML를 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    	<p>Text1<br>Text2</p>
    </body>
</html>

HTML에서 그룹화 하는 태그가 2가지가 있다. div 태그는 블럭 형태로 그룹화 하는 태그이고, span 태그는 인타인 형태로 그룹화하는 태그이다. div 태그는 어떤 사이트를 가더라도 div태그가 무조건 보이지만, span태그는 사실상 CSS로 대체되는 경우가 많아 잘 사용되지는 않는다. 따라서 div태그만 설명한다.

제목

내용1

내용2

이 HTML를 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    <div>
        <h1>제목</h1>
        <p>내용1</p>
        <p>내용2</p>
    </div>
    </body>
</html>

위의 html처럼 div태그는 다른 태그와 달리 의미 있는 태그가 아닌 것 같지만, CSS에서 그룹 형태로 디자인을 적용시킬 때는 매우 유용하게 적용하게 할 수 있는 태그이다.

HTML에서 링크를 표시할때 밑줄이 표함되어 있을 것이다. 이럴 때 사용하는 태그가 a태그이다.

example.com

이 HTML를 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <a href="https://example.com">example.com</a>
    </body>
</html>

이 HTML에서 밑줄이 포함된 URL 링크를 표시하는데 사용된다. 클릭하면 href속성에 있는 주소로 이동한다.

HTML에서 이미지를 표시할 때 img태그를 사용한다.

이 HTML를 이루는 코드는 다음과 같다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <img src="https://placehold.co/300x200">
    </body>
</html>

이처럼 img태그는 src에 있는 이미지를 불러와서 페이지에 표시해 주는 역할을 한다.

이 외에도 다양한 태그가 있다. 나머지들은 추후 정리할 예정이다.

Git, Github

swchung09 — Wed, 7 May 2025 11:35:39 +0900

Git : Git은 2005년에 발표된 변경 사항을 자동으로 업로드해주는 분산 버전 관리 시스템이다

Github : Git시스템으로 작성된 분산 버전 관리 시스템이면서, 깃 저장소 호스팅을 지원하는 사이트이다.

Git에서 사용되는 용어는 다음과 같다

로컬 저장소 : 로컬에서 관리하고 저장하는 Git 저장소이다

원격 저장소 : Github같은 사이트에서 관리하고, 로컬 저장소의 파일을 업로드하는 곳이다

스테이징 : 커밋 하기 전, 커밋할 파일들을 수집하는 것이다

커밋 : 스테이징 된 파일들을 커밋 히스토리에 기록하는 것이다

푸쉬 : 로컬 저장소에 있는 커밋들을 원격 저장소에 업로드하는 것이다

풀 : 원격 저장소에 있는 파일을 로컬 저장소로 불러오는 것이다

브랜치 : 작업을 나누어서 하기 위한 분기다

클론 : 다른 저장소의 프로젝트를 복제하는 것이다

병합 : 두 브랜치의 변경 사항을 하나로 합치는 것이다

풀 리퀘스트 : 커밋을 병합하는 걸 허락해달라고 요청하는 것이다

Git에서 사용되는 명령어는 다음과 같다

git init : 현재 디렉토리에 git 저장소를 생성한다

git clone [주소] : 원격 저장소의 내용을 복제하여 가저온다

git add [파일 이름] : 파일을 스테이징에 추가한다(변경 사항이 있는 경우)(모든 파일 추가에는 git add .을 사용한다)

git commit : 스테이징에 추가된 변경 사항을 원격 저장소에 커밋한다

git status : 현재 디렉토리의 git 저장소의 상태를 확인할 수 있다

git log : 커밋 히스토리를 확인할 수 있다

git push [원격 저장소][브랜치] : 원격 저장소에 업로드한다

git pull [원격 저장소][브랜치] : 로컬 저장소로 불러온다

git branch [브랜치 이름] : 새로운 브랜치를 생성하거나, 로컬의 브랜치를 보여준다

git checkout [브랜치 이름] : 다른 브랜치로 전환한다

참고 : 맥에서 git-github를 연동해서 사용할 경우

Github-Settings-Developer Settings에서 tokens classic을 발급한다. (모든 권한을 활성화하였지만, 필요한 권한만 활성화하는 것을 권장한다)

발급받은 토큰을 복사하고, 터미널을 실행한 다음, git init을 하고,

origin을 추가합니다. (Your url은 보통 다음과 같은 형식을 가집니다 : https://github.com/[아이디]/[저장소 이름].git)

이후 파일을 업로드 하고, 아이디와 비밀번호를 물어보면

아이디 : Github 아이디

비밀번호 : 토큰 값

을 입력하면 된다.

동적 할당, 구조체

swchung09 — Tue, 15 Apr 2025 23:31:57 +0900

일반적인 배열과 변수는 메모리 안에 변수가 할당된다. 이는 코드가 컴파일 될 때 크기가 정해지기 때문에, 이후 크기를 런타임에 추가적으로 할당 하기 위해서는 동적 할당이 필요하다.

동적 할당에는 3가지 방법이있다.

-malloc() 가장 자주 사용되는 동적할당 방법이고, 원하는 자료형의 메모리를 직접할당하는 방식이다.

int *arr = (int *)malloc(n*sizeof(int));

(여기서 사용되는 sizeof는 자료형이나 배열의 크기를 리턴한다. 그러나 배열은 기본적으로 자료형의 크기*전체 수이다.)

-calloc() 메모리를 원하는 개수 만큼 정확히 할당하는 방법이다. 이 방법은 malloc(n*sizeof(int))일 경우 calloc(n, sizeof(int))와 같다.

int *arr2 = (int *)calloc(n, sizeof(int));

-realloc() 이미 선언된 변수나 배열을 초기화하고 다시 할당하는 방법이다.

int *arr3 = (int *)realloc(arr1, sizeof(int));

구조체는 다른 언어들의 클래스와 거의 같은 역할을 한다. 비록 C는 객체 지향적이지 않지만, 구조체로 객체 지향적인 것처럼(?) 만들 수도 있다.

우선 구조체는 다음과 같이 선언할 수 있다.

struct data{
	int int_data;
    char char_data;
}

여기서 data는 구조체 이름, int_data와 char_data는 data의 속성이다.

이후 다음과 같이 사용할 수 있다.

struct data my_data;

여기서 my_data는 객체의 이름과 같다.

구조체는 typedef를 사용하면 자료형으로 만들 수 있다.

typedef struct data_{
    int int_data;
    char char_data;
} data;

이 후 기존의 struct (구조체 이름) (객체 이름) 형식이 아닌, int같은 기본 자료형과 같은 방식으로 사용할 수 있다.

data my_data;

구조체로 포인터를 만들 수 있다.

struct data my_data;
struct data* my_data_p = &my_data;

이렇게 포인터로 하면, 나중에 접근할 때 *를 사용하지 않고, ->를 사용한다.

data_p -> int_data;

여기까지만 보면, 구조체는 단순히 변수만 속성으로 지정할 수 있고, 메서드는 사용할 수 없는 것 같지만, 함수 포인터를 사용하면 가능하다.

#include <stdio.h>
struct data {
    int int_data;
    char char_data;
    void (*print)(int, char);
}
void print_(int x, char y){
    printf("%d %c", x, y);
}
int main(){
    struct data my_data;
    my_data.print = print_;
    my_data.print(my_data.int_data, my_data.char_data);
    return 0;
}

구조체가 담긴 배열의 포인터

swchung09 — Tue, 15 Apr 2025 09:39:20 +0900

구조체로 학생의 학번, 이름, 생년월일(정수6개)를 저장하는 구조체를 생성한 후, 구조체를 배열로 만들고, 그 구조체 배열
의 주소를 저장하는 포인터 변수를 통해 구조체 배열에 접근하여 원하는 학생 수 만큼 정보를 입력받고 출력하는 코드

이 문제는 복잡해보이지만, 해결 방법이 어렵지 않다.

기본 라이브러리를 불러온다.

#include <stdio.h>

이제 struct를 생성한다. struct에는 학번과, 이름, 생년월을을 저장해야 한다.

struct student{
    int student_num, birthday;
    char name[1000];
}

이제 scanf로 학생 수를 입력 받고, VLA문법으로 배열과 포인터를 생성한다.

int n;
scanf("%d", &n);
struct student info[n];
struct student* info_p = info;

이제 for문으로 학생 정보를 입력받는다. 이때 인덱스를 사용하지 않는 방법으로 포인터에 값을 증가시키면 인덱스와 같은 역할을 할 수 있다는 것을 이용했다.

for (int i = 0; i < n; i++){
    printf("학변 : ");
    scanf("%d", &((info_p+i) -> student_num));
    printf("이름 : ");
    scanf("%s", (info_p+i) -> name);
    printf("생년월일 : ");
    scanf("%d", &((info_p+i) -> birthday));
}

for문으로 저장된 정보를 출력하면 된다.

for (int i = 0; i < n; i++){
    printf("%d/%d번째 학생 정보 ", i, n-1);
    printf("학번 : %d ", (info_p+i) -> student_num);
    printf("이름 : %s ", (info_p+i) -> name);
    printf("생년월일 : %06d\n", (info_p+i) -> birthday);
}

최종 코드

#include <stdio.h>

struct student{
    int student_num, birthday;
    char name[1000];
};
int main(void){
    int n;
    scanf("%d", &n);
    struct student info[n];
    struct student* info_p = info;
    for (int i = 0; i < n; i++){
        printf("학번 : ");
        scanf("%d", &((info_p+i) -> student_num));
        printf("이름 : ");
        scanf("%s", (info_p+i) -> name);
        printf("생년월일 : ");
        scanf("%d", &((info_p+i) -> birthday));
    }
    for (int i = 0; i < n; i++){
        printf("%d/%d번째 학생 정보 ", i, n-1);
        printf("학번 : %d ", (info_p+i) -> student_num);
        printf("이름 : %s ", (info_p+i) -> name);
        printf("생년월일 : %06d\n", (info_p+i) -> birthday);
    }
    return 0;
}

재귀함수, 포인터

swchung09 — Mon, 14 Apr 2025 09:37:04 +0900

재귀 함수는 함수 내부에서 자기 자신을 재귀적으로 호출하는 함수이다. 예)

void hello(int n){
    if (0 < n){
    	printf("hello");
        hello(n-1);
    }else{
    	return;
    }
}

이 함수에서는 n이 0이 될때 까지 재귀적으로 hello를 호출한다.

재귀 함수의 대표적인 예에는 팩토리얼과 피보나치 수열이 있다.

https://swchung09.tistory.com/38

27433번, 팩토리얼 2

https://www.acmicpc.net/problem/27433이 문제는 정수 N을 줄때, N 팩토리얼을 출력하는 문제이다.팩토리얼은 1부터 N까지의 곱을 의미한다. 따라서 5 팩토리얼이면, 5*4*3*2*1=120이다.이 코드를 짜기 전, C에서

blog.aiswstudio.com

https://swchung09.tistory.com/39

10870번, 피보나치 수 5

https://www.acmicpc.net/problem/10870이 문제는 n을 주면, n번째 피보나치 수를 구하는 문제이다.우선 이전에 풀었던 문제인 팩토리얼 2를 응용해서 풀거기 때문에, unsigned long int는 그대로 사용하겠다.우

blog.aiswstudio.com

다음은 C언어 계열에서 빠질 수 없는 개념, 포인터이다.

포인터는 어떤 변수의 주소를 저장하는 변수이다.

포인터 기호는 *과 &가 있다. *는 포인터 변수가 가르키는 주소의 값을 가져오는 기호이고, scanf에서 자주 보이는 &는 변수의 주소값을 가져오는 기호이다. 예)

int test = 0;
int* test_p = &test;

배열은 배열의 첫 번째 값의 주소를 가르키기 때문에, 포인터 변수를 통해 배열을 사용할 수 있다.

따라서 arr = &arr = &arr[0]이다.

25501번, 재귀의 귀재

swchung09 — Sun, 13 Apr 2025 14:48:46 +0900

https://www.acmicpc.net/problem/25501

이 문제는 isPalindrome함수를 활용해서 함수의 반환 값과 recursion 함수의 호출 횟수를 출력하는 문제이다.

우선 이 문제에서는 문자열을 사용하므로, stdio.h와 string.h를 불러온다.

#include <stdio.h>
#include <string.h>

이 문제를 쉽게 풀기 위해서 run_time이라는 전역 변수를 생성한다.

int run_time;

그 다음 이 문제에서 기본 적으로 준 recursion함수와 isPalindrome함수를 정의한다.

int recursion(const char *s, int l, int r){
    if(l >= r) return 1;
    else if(s[l] != s[r]) return 0;
    else return recursion(s, l+1, r-1);
}

int isPalindrome(const char *s){
    return recursion(s, 0, strlen(s)-1);
}

그리고 main함수에서 n을 입력받고, for문으로 문자열을 입력받고 결과 값을 출력한다.

int main(){
    char s[1001];
    int n, a;
    scanf("%d", &n);
    for (int i = 0; i < n; i++){
        scanf("%s", &s);
        a = isPalindrome(s);
        printf("%d %d\n", a, run_time);
    }
}

최종 코드

#include <stdio.h>
#include <string.h>

int run_time;

int recursion(const char *s, int l, int r){
    run_time += 1;
    if(l >= r) return 1;
    else if(s[l] != s[r]) return 0;
    else return recursion(s, l+1, r-1);
}

int isPalindrome(const char *s){
    run_time = 0;
    return recursion(s, 0, strlen(s)-1);
}

int main(){
    char s[1001];
    int n, a;
    scanf("%d", &n);
    for (int i = 0; i < n; i++){
        scanf("%s", &s);
        a = isPalindrome(s);
        printf("%d %d\n", a, run_time);
    }
}

10870번, 피보나치 수 5

swchung09 — Sun, 13 Apr 2025 12:48:49 +0900

https://www.acmicpc.net/problem/10870

이 문제는 n을 주면, n번째 피보나치 수를 구하는 문제이다.

우선 이전에 풀었던 문제인 팩토리얼 2를 응용해서 풀거기 때문에, unsigned long int는 그대로 사용하겠다.

우선 기본 라이브러리를 불러온다.

#include <stdio.h>

재귀 함수를 이용해서 풀거기 때문에, fibonaci함수를 생성한다. (a와 b는 이전에 있던 숫자들이다.)(만약 C++이라면, 첫 a와 b를 기본 값으로 설정할 수 있다. a = 0, b = 0)

unsigned long int fibonaci(int n, int a, int b);

함수 내에서는 n이 0이면 0을 리턴하고, n이 3보다 작으면 a+b를 리턴하고, 전부 아니면 fibonaci(n-1, b, a+b)를 리턴한다.

if (n == 0){
    return 0;
}else if (n < 3){
    return a+b;
}else {
    return fibonaci(n-1, b, a+b);
}

만약 n이 4라면, (a와 b는 추후 계산을 위해서 필요한 것이기 때문에, 각각 0과 1로 고정하겠다.)

n은 0이 아니고, 3보다 작지 않기 때문에, fibonaci(n-1, b, a+b)를 리턴한다. 리턴하기 전, fibonaci(n-1, b, a+b)를 계산한다.

fibonaci(n-1, a, b)(n=3, a=1, b = 1)에서 n은 0이 아니고, 3보다 작지 않기 때문에 fibonaci(n-1, b, a+b)를 리턴한다. 리턴하기 전, fibonaci(n-1, b, a+b)를 계산한다.

fibonaci(n-1, a, b)(n=2, a=1, b = 2)에서 n은 0이 아니지만, 3보다 작기 때문에 a+b = 3을 리턴한다.

fibonaci(n-1, a, b)(n=3, a=1, b=1)에서 fibonaci(2, 1, 2) = 3의 값을 그대로 리턴한다.

fibonaci(n-1, a, b)(n=4, a=0, b=1)에서 fibonaci(3, 1, 1) = 3의 값을 그대로 리턴한다.

따라서 n이 4일때 피보나치의 값은 3이다.

main함수에서 scanf로 n을 입력 받고, printf로 피보나치 함수의 결과를 출력한다.

int main(){
    int n;
    scanf("%d", &n);
    printf("%lu", fibonaci(n, 0, 1));
}

최종 코드

#include <stdio.h>

unsigned long int fibonaci(int n, int a, int b){
    if (n == 0){
        return 0;
    }else if (n < 3){
        return a+b;
    }else {
        return fibonaci(n-1, b, a+b);
    }
}

int main(){
    int n;
    scanf("%d", &n);
    printf("%lu", fibonaci(n, 0, 1));
}

27433번, 팩토리얼 2

swchung09 — Sun, 13 Apr 2025 12:31:09 +0900

https://www.acmicpc.net/problem/27433

이 문제는 정수 N을 줄때, N 팩토리얼을 출력하는 문제이다.

팩토리얼은 1부터 N까지의 곱을 의미한다. 따라서 5 팩토리얼이면, 5*4*3*2*1=120이다.

이 코드를 짜기 전, C에서는 숫자의 범위가 파이썬처럼 무한하지 않기 때문에, 리턴 타입을 unsigned long int로 설정하였다.

우선 기본 라이브러리를 불러온다.

#include <stdio.h>

그 다음 난 재귀함수로 문제를 풀거기 때문에, factorial함수를 생성한다. (unsigned long int는 부호가 없는 long int이기 때문에, 부호 비트가 없어서 더욱 큰 숫자의 범위를 표현할 수 있다.)

unsigned long int factorial(int n);

함수 내에서는 1보다 n이 크면 재귀적으로 호출하고, 아니면 1을 리턴하는 코드를 넣었다.

if (1 < n){
	return n * factorial(n-1);
}else {
	return 1;
}

예) 만약 factorial에 5를 넣고 실행하면

n은 1보다 크기 때문에(n = 5) return n * factorial(n-1)을 실행한다. 리턴하기 전, factorial(n-1)의 값을 구한다.

factorial(n-1)(n = 4)에서 n은 1보다 크기 때문에(n = 4) return n * factorial(n-1)을 실행한다. 리턴하기 전, factorial(n-1)의 값을 구한다.

factorial(n-1)(n = 3)에서 n은 1보다 크기 때문에(n = 3) return n * factorial(n-1)을 실행한다. 리턴하기 전, factorial(n-1)의 값을 구한다.

factorial(n-1)(n = 2)에서 n은 1보다 크기 때문에(n = 2) return n * factorial(n-1)을 실행한다. 리턴하기 전, factorial(n-1)의 값을 구한다.

factorial(n-1)(n = 1)에서 n은 더이상 1보다 크지 않기 때문에 1을 리턴한다.

factorial(n-1)(n = 2)에서 이제 factorial(1)의 값을 구했기 때문에, 이제 n * 1 = 2 * 1 = 2를 리턴한다.

factorial(n-1)(n = 3)에서 이제 factorial(2)의 값을 구했기 때문에, 이제 n * 2 = 3 * 2 = 6을 리턴한다.

factorial(n-1)(n = 4)에서 이제 factorial(3)의 값을 구했기 때문에, 이제 n * 6 = 4 * 6 = 24를 리턴한다.

factorial(n-1)(n = 5)에서 이제 factorial(4)의 값을 구했기 때문에, 이제 n * 24 = 5 * 24 = 120을 리턴한다.

main함수에서 scanf로 입력 받고, printf로 factorial 결과 값을 출력한다.

int main(){
    int n;
    scanf("%d", &n);
    printf("%lu", factorial(n));
}

최종 코드

#include <stdio.h>
unsigned long int factorial(int n){
    if (1 < n){
        return n * factorial(n-1);
    }else {
        return 1;
    }
}

int main(){
    int n;
    scanf("%d", &n);
    printf("%lu", factorial(n));
}

~~(중간에 팩토리얼 적다가 내 뇌에 혼란이 찾아 왔다...)~~

배열, 변수(전역, 지역), 함수

swchung09 — Tue, 8 Apr 2025 20:59:07 +0900

배열은 다음과 같은 형태로 선언 된다.

int arr[12] = {0,};

여기서 int는 배열에 있는 값의 타입이고, 12는 배열의 길이이다. 그리고 arr은 배열의 이름이다.

뒤에 있는 {0, }는 배열을 0으로 채우라는 의미이다.(또는 {0, 1, 2, 3}처럼 지정할 수도 있다.)

지역 변수는 main안 에서 사용하는 변수처럼 어떤 중괄호 안에서 선언된 변수이다. 이는 변수가 선언된 중괄호 내에서는 호출할 수 있지만, 중괄호가 닫히면 호출할 수 없다.

int main(){
	int test = 0;
    //여기까지는 test를 호출할 수 있음
}//여기 부터는 test를 호출할 수 없음

반대로 전역 변수는 다른 함수에서도 호출할 수 있으며, main함수 밖 #include를 사용하는 부분 쪽에서 주로 선언 된다.

#include <stdio.h>
int test = 0;
void test_func(){
	//여기서는 test를 호출할 수 있음
}
int main(){
	//여기서도 test를 호출할 수 있음
}

그리고 전역 변수는 꼭 int가 아니여도 된다. 배열이나 다른 타입도 가능하다.

함수는 특정 명령어를 모아 놓은 집합체이다. 함수의 대표적인 예는 main함수가 있다.

함수는 다음과 같은 구조를 가진다.

[리턴 타입] 함수 이름(매개 변수){
	코드
}

리턴 타입은 return (리턴 값)에서 리턴 값의 타입을 의미한다.(만약 리턴 값이 없으면 리턴 타입은 void가 된다)

매개 변수는 함수에게 변수를 넘겨주는 용도로 사용된다.

2차원 배열 이동 문제

swchung09 — Tue, 8 Apr 2025 18:34:15 +0900

2차원 배열로 15x15 짜리 판을 하나 만들고, 0으로 전부 초기화 한 후, 정 가운데 부분만 1로 둡니다.(체스에서 말을 둔다고 생각)
그리고 숫자를 0이 입력될 때 까지 입력받고,
1을 입력할시 오른쪽으로, 2를 입력할시 아래로, 3을 입력할 시 왼쪽으로, 4를 입력할 시 위쪽으로 한칸씩 이동하고, 이동 할 때마다 이동한 판을 출력하는 코드를 작성하세요. (범위 밖으로 나가는건 처리하지 않아도 됩니다)

조건) 이동하는 코드, 출력하는 코드는 모두 함수로 작성합니다.

이 문제에서는 전역 변수로 array를 선언하면 편하기 때문에, {{0, }, {0, } (생략)}형식으로 초기화 했다.

int arr[15][15] = {{0,}, {0,}, {0,}, {0,}, {0,},
    {0,}, {0,}, {0,}, {0,}, {0,},
    {0,}, {0,}, {0,}, {0,}, {0,}};

이 배열은 다음과 같다. (전부 값은 0이다)

(0, 0) (1, 0) (2, 0) (3, 0) (4, 0) (5, 0) (6, 0) (7, 0) (8, 0) (9, 0) (10, 0) (11, 0) (12, 0) (13, 0) (14, 0)

(0, 1) (1, 1) (2, 1) (3, 1) (4, 1) (5, 1) (6, 1) (7, 1) (8, 1) (9, 1) (10, 1) (11, 1) (12, 1) (13, 1) (14, 1)

(0, 2) (1, 2) (2, 2) (3, 2) (4, 2) (5, 2) (6, 2) (7, 2) (8, 2) (9, 2) (10, 2) (11, 2) (12, 2) (13, 2) (14, 2) ...

우선 이동 하기 전, 현재 1이 있는 부분을 찾아야 하기 때문에 find함수부터 만들었다. (이 때 함수는 크기가 2인 정수 배열을 리턴하기 위해 포인터를 사용한다.)

int* find(void){
    static int pos[2];
    for (int x = 0; x < 15; x++){
        for (int y = 0; y < 15; y++){
            if (arr[y][x] == 1){
                pos[0] = x;
                pos[1] = y;
                return pos;
            }
        }
    }
    return pos;
}

그 다음 left함수를 x-1로 구현했다.

void left(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y][x-1] = 1;
}

그 다음 right함수를 x+1로 구현했다.

void right(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y][x+1] = 1;
}

그 다음 up함수를 y-1(위에서 설명 한 것 처럼 y가 작을 수록 위를 의미하기 때문이다.)로 구현했다.

void up(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y-1][x] = 1;
}

그 다음 down함수를 y+1로 구현했다.

void down(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y+1][x] = 1;
}

그리고 모든 이동 후, 출력하는 함수 print_arr를 만들었다.

void print_arr(void){
    for (int x = 0; x < 15; x++){
        for (int y = 0; y < 15; y++){
            printf("%d ", arr[x][y]);
        }
        printf("\n");
    }
}

그 후 각 번호마다 이동함수가 실행되는 switch-case와, 배열 가운데에 1을 추가하는 코드등이 포함된 main함수를 만들었다.

int main(void){
    arr[7][7] = 1;
    int num = -1;
    while (num != 0){
        scanf("%d", &num);
        switch (num) {
            case 0:
                return 0;
            case 1:
                right();
                break;
            case 2:
                down();
                break;
            case 3:
                left();
                break;
            case 4:
                up();
        }
        print_arr();
    }
}

최종 코드

#include <stdio.h>
int arr[15][15] = {{0,}, {0,}, {0,}, {0,}, {0,},
    {0,}, {0,}, {0,}, {0,}, {0,},
    {0,}, {0,}, {0,}, {0,}, {0,}};

int* find(void){
    static int pos[2];
    for (int x = 0; x < 15; x++){
        for (int y = 0; y < 15; y++){
            if (arr[y][x] == 1){
                pos[0] = x;
                pos[1] = y;
                return pos;
            }
        }
    }
    return pos;
}
void left(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y][x-1] = 1;
}
void right(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y][x+1] = 1;
}
void up(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y-1][x] = 1;
}
void down(void){
    int x = find()[0], y = find()[1];
    arr[y][x] = 0;
    arr[y+1][x] = 1;
}
void print_arr(void){
    for (int x = 0; x < 15; x++){
        for (int y = 0; y < 15; y++){
            printf("%d ", arr[x][y]);
        }
        printf("\n");
    }
}
int main(void){
    arr[7][7] = 1;
    int num = -1;
    while (num != 0){
        print_arr();
        scanf("%d", &num);
        switch (num) {
            case 0:
                return 0;
            case 1:
                right();
                break;
            case 2:
                down();
                break;
            case 3:
                left();
                break;
            case 4:
                up();
        }
    }
}

10871번, X보다 작은 수

swchung09 — Tue, 8 Apr 2025 13:31:12 +0900

https://www.acmicpc.net/problem/10871

이 문제는 n개로 이루어진 수열 a와 정수 x를 주고, a에서 x보다 작은 수를 전부 출력하는 문제이다.

기본 입출력 라이브러리인 stdio.h를 불러온다.

#include <stdio.h>

배열과, n, x를 생성하고

int arr[10000];
int n, x;

scanf로 n과 x를 입력받는다.

scanf("%d %d", &n, &x);

for 문으로 배열을 입력받는다.

for (int i = 0; i < n; i++){
	scanf("%d", &arr[i]);
}

그 후, x보다 작은 것들을 for 문으로 출력한다.

for (int i = 0; i < n; i++){
	if (arr[i] < x) printf("%d ", arr[i]);
}

전체 코드

#include <stdio.h>
int main(){
    int arr[10000];
    int n, x;
    scanf("%d %d", &n, &x);
    for (int i = 0; i < n; i++){
        scanf("%d", &arr[i]);
    }
    for (int i = 0; i < n; i++){
        if (arr[i] < x) printf("%d ", arr[i]);
    }
}