멋쟁이 사자처럼🦁 프론트엔드 스쿨 1기 4주차(화) 회고 - November 23, 2021.

---

[ TIL ]

서비스형 (# as-a-Service)

제 3사(제공업체)에서 제공하는 클라우딩 컴퓨팅 서비스 유형

1. SaaS (Software as a Serviece) 소프트웨어 서비스

예) Dropbox, Google Apps, Salesforce, Red Hat Insights 등

• 모든 애플리케이션은 제공업체가 관리하며 웹 브라우저를 통해 제공됨.
• API를 통해 애플리케이션에 연결하며, 개별 시스템에 소프트웨어를 설치할 필요 없음.
• 시간 및 유지관리 비용 절감 but 제어, 보안 및 성능 관련 비용 소모.

2. PaaS (Platform as a Service) 플랫폼 서비스

예) AWS Elastic Beanstalk, Heroku, Red Hat OpenShift 등

• 제공업체 자체 인프라에서 하드웨어와 소프트웨어를 호스팅하고, 이러한 플랫폼을 이용해 사용자가 빠르게 애플리케이션을 개발하고 서비스할 수 있도록 빌드 및 배포 환경이 제공됨.
• 통합 솔루션, 솔루션 스택 또는 인터넷을 통한 서비스 형태.
• 소프트웨어 업데이트 또는 하드웨어 유지관리 비용 절감

3. IaaS (Infrastructure as a Service) 인프라 서비스

예) AWS, Google Cloud, Microsoft Azure 등

• 제공업체가 네트워크, 서버, 가상화 및 스토리지 관리와 엑세스 등의 인프라 서비스를 인터넷을 통해 클라우드로 제공함.
• 사용자는 운영 체제 및 데이터, 애플리케이션, 미들웨어 및 런타임을 담당.
• 개발 및 테스트 환경의 구축 및 제거가 빠르고 유연하다는 장점.
• 필요한 구성 요소만 구매하고 필요에 따라 확장 또는 축소할 수 있는 유연성.
• 개발이 완료되면 사용을 중단하고 사용량에 대한 비용만 지불하므로 간접비가 낮고 유지관리 비용이 들지 않는 매우 경제적인 옵션.
• 제공업체의 보안 문제 가능성을 고려해 신뢰할 수 있는 업체 선택해야 함.

---

구름 IDE로 우분투 실습

• 구름IDE 클라우드 서비스를 이용하여 Linux가 설치된 컴퓨터를 무료로 빌려서 실습함
• CLI(Command Line Interface) 환경에 익숙해져야 한다. 터미널 창!
• 아래 조나단 아이브 짤 명령어는 절대 쳐선 안된다ㅏㅏㅏ 😱
  

---

컨테이너와 Docker

• 컨테이너는 EC2라는 거대한 컴퓨터를 Docker라는 기술로 분할해서 쓰는 것을 말한다.
• Docker는 애플리케이션을 신속하게 구축, 테스트, 배포할 수 있는 소프트웨어 플랫폼. 소프트웨어를 컨테이너라는 표준화된 유닛으로 패키징한다. 컨테이너를 위한 서버 운영 체제.
• 컨테이너에는 라이브러리, 시스템 도구, 코드, 런타임 등 소프트웨어 실행에 필요한 요소들이 포함되어 있다.

Ubuntu란

• Debian Linux에서 나온 운영체제
• dpkg packaging system을 사용함

---

리눅스 명령어 (11/23 분량)

1. mkdir make directory 폴더 생성
(mkdir one one 이름의 폴더를 생성한다.)
1-1. mkdir -p 폴더 중첩 생성 가능
(mkdir -p one/two/three one 폴더 속 two 폴더 속 three 폴더를 생성한다.)

2. rmdir remove directory 폴더 제거
(rmdir one one 이름의 폴더를 제거한다.)
2-1. rm -r 폴더 안에 파일이 있을 때 제거 *신중!
2-2. -r 대신 -rf(force)를 쓰게 되면 강제하는 건데 웬만해선 쓸 일 X
제거는 항상 신중해야 한다. 백업 필수

3. ls list 현재 폴더 내의 전체 폴더와 파일 출력
(*명령 프롬프트에서는 dir directory)
3-1. ls -a 혹은 ll 숨김 폴더/파일까지 다 출력

4. pwd print working directory 현재 폴더(작업위치) 출력

5. cd change directory 폴더 변경
5-1. cd one 현재 폴더에 있는 one 이름의 폴더에 들어간다. (상대경로)
5-2. mkdir two;cd two two 이름의 폴더를 생성하고 ; two 폴더로 들어간다.
5-3. cd .. 현재 폴더의 상위 폴더로 이동
5-4. cd - 이전 폴더로 이동
5-5. cd ~ home 디렉토리로 이동
5-6. cd / 최상위 폴더(루트 디렉토리)로 이동
5-7. cd /workspace/testubuntu/one/ 최상위 폴더인 루트 디렉토리부터 이동할 목표 폴더까지 모든 경로를 다 입력해서 이동하는 방법 (절대경로)
5-8. 5-7의 방법보다 cd ..한 후 ls로 폴더 중에 고르는 방식이 더 많이 쓰인다. cd workspace/ -> ls -> cd testubuntu/ -> ls -> cd one/

6. touch 파일 생성
(touch test.txt)

7. rm remove 파일 제거
(rm test.txt)

8. vi 또는 vim 파일 열기
(vi test.txt 입력했을 때,
파일명이 존재할 경우 수정, 존재하지 않을 경우 생성 후 열기)

9. 명령모드에서 입력모드로
i 현재 커서 위치에서 한 글자 앞
a 현재 커서 위치에서 한 글자 뒤
o 현재 커서 위치에서 한 줄 밑(개행)
9-1
Shift + i 는 커서 위치 줄에서 맨 앞
Shift + a 는 커서 위치 줄에서 맨 뒤
9-2
Shift + v : 여러 줄 선택

10. esc 입력모드에서 명령모드로

11. :wq 파일에서 폴더로 나가는 것.
11-1. :wq! 강제로 나가는 것

12. dd 한 줄 삭제
13. yy yank 한 줄 복사
14. p paste 한 줄 붙여넣기
15. Shift + Insert 붙여넣기

16. u 실행 취소 ctrl z 하면 안됨

17. / 문자열 찾기
17-1. n 찾은 다음 문자열
17-2. N 찾은 이전 문자열 표시

18. cat 파일 내용 전부 출력
19. more 파일 내용 화면 단위 출력
(cat test.txt 혹은 more test.txt)
19.1 more은 cat처럼 다 보여주진 않고, 엔터를 칠 때마다 한 줄씩 넘어간다.
19.2 스페이스바 혹은 z를 누르면 한 페이지씩 넘어간다.
19.3 b를 누르면 이전 페이지, q를 누르면 종료

20. 방향키 위키 누르면 history 볼 수 있음

21. echo 텍스트(문자열) 출력
(echo "hello world" hello world가 출력됨)
21-1. echo "hello world" > test.txt hello world 문자열을 test.txt로 보냄
하단 사진 참고. (test3.txt로 보낸다는 걸 text로 오타나서 중간에 지움🙄)

21.2. ll > test4.txt ll로 출력된 결과를 test4.txt로 보낸 것.

22. mv move 파일 이동
22-1. mv one.txt two.txt one.txt를 two.txt로 이름 바꾸는 명령어가 없어서 mv로 변경. one.txt는 사라진다.

23. cp copy 파일 복사
23-1 cp one.txt two.txt one.txt를 two.txt로 다른 이름으로 복사. one.txt는 남아있다.
24. find 파일 찾기
find ./ -name 'test1.txt' 찾고자 하는 파일의 디렉토리를 알려준다.

25. wget web get 웹 상 파일 다운로드
24-1. wget http://www.paullab.co.kr/images/ceo.png url에서 이미지 가져오기. 많이 사용할 일은 없을 것.

26. sudo superuser do / root 권한
26.1 sudo apt-get update APT(Advanced Package Tool)라고 하는 패키지 관리도구 업데이트

---

> 참고자료

1) https://www.redhat.com/ko/topics/cloud-computing/iaas-vs-paas-vs-saas aas 개념 비교
2) https://aws.amazon.com/ko/docker/
3) https://medium.com/@juhyun.kim/ubuntu에서-apt-get-명령어-사용하기-4021cca7a255
4) https://dasima.xyz/linux-cd-절대경로-상대경로/
5) https://iamfreeman.tistory.com/entry/vi-vim-편집기-명령어-정리-단축키-모음-목록

---

[ 회고 ]

오전 실습 시간에 모의 이력서를 만들어 보았다. CSS를 전혀 사용하면 안되고, tailwind만 써서 만들어야 하는거라 레이아웃 잡을 때부터 진땀을 뺐다. 그리드로 시작했다가 헤매서 플렉스로 바꿨다. 계속 사이트에서 Ctrl + K 눌러가면서 flex, margin 등 하나하나 찾아가며 클래스를 달아주었다. 2~3시간 만에 점심 대충 먹고 마무리해서 올렸는데, 심사기준에 글귀도 있다는 걸 간과했다 😳 편하다곤 하는데... 외국에선 많이 쓴다지만... CSS의 소중함을 알게되는 시간이었다 😂 구조는 아래 캡쳐처럼 짰다.

VSC로 측면 미리보기 창을 띄워서 마크다운도 작성해보고, 유용한 익스텐션들을 추천해주셔서 설치해봤다. 우선 앞으로의 수업에서 필요한 Live Sass Compiler를 설치했다. 웬만한 건 이미 쓰고 있었는데, Color Highlight는 기능이 신기해서 설치해 봤다. 컬러 코드가 해당 색깔로 하이라이트 처리되고 우측에도 작은 네모로 색깔이 보여서 유용할 것 같다 !

2시부터는 구름 IDE 클라우드 서비스를 이용해 우분투 실습을 해봤다. 리눅스 기본 명령어들을 하나씩 익혀나갔는데, 손에 익지 않아서 빨리 익숙해져야겠다고 느꼈다. 자꾸 새로운 걸 배우고 알아나가니 재밌었다 :) 프론트엔드 개발자도 서비스 장애 대응을 위해 BE 및 서버 지식이 있어야 한다니 또 열심히 공부해야겠다.