본문 바로가기
카테고리 없음

TIL-3

by 오우지 2021. 9. 16.

스파르타 코딩클럽 웹 프로그래밍 A-Z 지금까지의 후기

수업들이 웹사이트를 만들때 정말 꼭 필요한 정보만 담고 진행된다.

목표가 간단한 웹사이트 만들기와 동시에 흥미 유발이라면 좋은 강의인 것 같다.

만약 컴공 신입생이 입학 전 아무것도 모를때 듣고 시작하면 의욕만 있다면 동기유발은 확실히 되겠다.

진작에 들어봤으면..

 

AWS에 컴퓨터 하나 사서 웹서버 하나 만드는 것을 배웠다.

ubuntu가 깔린 linux 서버기 때문에 CLI로 모든걸 해결해야 한다.

윈도우에서는 우선 git bash를 깔아주고

ssh -i (바탕화면의 키페어) ubuntu@내 AWS 아이피

 

 

간단한 명령어로는

ls - 현재디렉토리 파일 목록 확인

cd 파일명 - 파일명으로 이동

cd .. 뒤로가기

pwd 내 위치를 알려준다.

mkdir 내 위치 아래에 폴더를 하나 만든다.

cp -r [복사할것] [붙여넣기 할 것]

rm -rf [지울것]

sudo 명령어를 관리자 권한으로 실행

sudo su 관리자 권한으로 들어간다.

 

다음은 심화 1주차 나홀로일기장Lv2 진도.

 

사진 업로드하고 파일명이 보이게 하기 위해서는 자바스크립트에서 라이브러리를 하나 다운받아야 한다.

<script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script>

이것을 추가해주고

bsCustomFileInput.init()

를 document ready부분에 넣어주면 된다.

 

html에서 file을 받으면 서버단으로 넘겨주기 위해 form data를 이용해야 하는데 F12눌러서 $('#file')을 쳐보면 다양한 정보가 들어와 있다.

$('#file')[0]을 쳐주면 해당 html 라인을 return해줄 수 있고

$('#file')[0].files를 쳐주면 파일들의 갯수

$('#file')[0].files[0]에는 첫번째 파일의 정보들이 담겨있다.