내일배움캠프 AI - 49일차 TIL, 2022.11.09

스파르타 코딩클럽 내일배움캠프 AI 웹개발자양성과정 3회차

2022.11.09. 49일차 - TIL

 

 

1. Docker 원격 강의

• 목표
  1) ec2에서 리눅스 인스턴스 생성하기
  2) ssh를 사용해 생성한 인스턴스에 접속하기
  3) 상대경로와 절대경로 차이 이해하기
  4) 리눅스에서 파일을 생성/수정/삭제하기
  5) 외부 패키지 설치하기
  6) 리눅스 환경에서 다양한 명령어를 활용해 필요한 작업 수행하기
• Linux : Unix 기반 서버용 OS(Debian, Ubuntu, Redhat, CentOS 등)
• ssh : Secure SHell, 네트워크 상에 존재하는 다른 컴퓨터에 접근하거나 파일을 업/다운로드 하는 작업을 할 수 있는 프로토콜
• AWS EC2에 Linux 환경 구성하기
  - 인스턴스 시작 > 서버이름 작성&Ubuntu OS 선택 > 키페어 생성(ssh연결 때 필요) > 방화벽 설정(ssh, https, http 트래픽 허용) > 스토리지 30GiB 선택 > 인스턴스 시작
  - ssh 연결 > 생성한 인스턴스 보안 그룹 > 인바운드 규칙 편집(ssh, http, https 설정 확인) > cmd 창에서 ssh -i 키페어드래그 ubuntu@인스턴스IPv4 > yes 입력 > 연결 성공 문구 확인
  + 다른 팀원분들은 오류가 났다고 해서 나도 해결해보려고 직접 해봤는데 그냥 성공했다... 내일 한번 무슨 오류인지 물어보자...;;;
• Linux 패키지 설치
  - sudo apt update : apt install 명령어로 설치할 수 있는 패키지들 최신화(os설치 후 최초 한번만 실행)
  - sudo apt install net-tools : ifconfig 명령어 등을 포함한 패키지 설치
  - apt install package : package 설치하기
• Linux 명령어

ls # 파일 목록 보여주기
ls -l # 파일 목록을 더 자세히 보여주는 옵션
ls -a # 숨김 파일까지 모두 보여주는 옵션
ls -al # 위의 두 옵션을 합친 것
ls -l ./*.txt # 현재 위치에서 .txt로 끝나는 모든 파일 목록 출력하기(wild card)

cp source_file destination_file # source_file을 destination_file로 복사
cp -r source_folder destination_folder # source_folder를 destination_folder로 복사

mkdir 디렉토리명 # 디렉토리 생성
pwd # 현재 경로 확인
cd 상대경로/절대경로 # 경로 이동

touch 파일명 # 파일 생성하기
mv 파일 파일경로2 # 해당 파일을 파일경로2로 이동하기
mv 기존파일명 변경파일명 # 기존파일명을 변경파일명으로 변경
rm 파일명 # 파일 삭제
rm -r 디렉토리명 # 디렉토리 삭제

cat 파일명 # 파일 내용 보기
head 파일명 # 파일 첫 10줄 내용 보기
head -n 파일명 # 파일 첫 n줄 내용 보기
tail 파일명 # 파일 마지막 10줄 내용 보기
tail -n 파일명 # 파일 마지막 n줄 내용 보기

grep 단어 ./* # 현재 경로의 모든 파일 대상으로 단어가 포함된 파일 찾기
grep 단어 ./^ -r # 디렉토리 내부까지 모두 탐색
find 경로 -name "*.txt" # 해당 경로에서 .txt로 끝나는 파일 혹은 디렉토리 검색
find 경로 -type d # 해당 경로에서 모든 디렉토리 검색
find 경로 -type f -name "*.txt" # 해당 경로에서 .txt로 끝나는 파일 검색
history # 지금까지 사용한 명령어 출력
htop # 현재 사용중인 리소스 확인
df -h # 디스크 여유 공간 확인
du -sh ./* # 현재 경로의 파일 및 디렉토리가 차지하는 용량 확인하기

• vi 편집기 : insert mode + commend mode
  - i : 현재 위치에서 insert mode 진입
  - esc : insert mode 나가기
  + u : undo
  + ctrl + r : redo
  + dd : line 잘라내기
  + yy : line 복사
  + p : 붙여넣기
  + :se nu :라인 줄 표시
  + :숫자 : 숫자 라인으로 이동
  + /word : word라는 단어 검색
  + /\cword : 대소문자 구분없이 word라는 단어 검색
  + :w : 저장하기
  + :q : 나가기
  + :wq : 저장하고 나가기
  + :q! : 저장하지 않고 강제로 나가기
• 기존에 알고 있던 내용을 다시 점검하는 느낌 + ec2 리눅스 인스턴스 생성법 기억하기

 

 

2. JS 기초반

//인자를 받아 일치하는 baseElement의 자손의 element(name, id, class) 반환
//querySelector("#id") : id 요소
//querySelector(".class") : class 요소
baseElement.querySelector("selectors");
//인자를 받아 일치하는 baseElement의 자손의 element를 nodeList로 반환
//반환 객체를 for문 또는 forEach문을 사용해 활용
//querySelectorAll("#id, .class")
baseElement.querySelectorAll("selectors");

//태그에 있는 id 속성을 사용해 해당 태크(element)에 접근
document.getElementById("id");
//태그에 있는 class명으로 태그(element)에 접근
//동일한 class명이 여러개 존재할 수 있기 때문에 컬렉션 객체를 반환
document.getElementByClassName("class")

const myList = document.getElementById("my-list")
//해당 태그 객체에 클래스명을 붙여주는 toggle
my_list.classList.toggle("mystyle")

const listItem = document.getElementByClassName("list-item")
//리스트 각 요소에 대해 동일한 이름의 클래스명 부여
Array.from(listItem).forEach((element) => {
	element.classList.toggle("mystyle2")	
})