# nomad
Nomad-Wetube : 배포
유튜브 클론코딩 배포koyeb 사이트를 통해서 진행했음https://wetube-ogu-dmswl2030.koyeb.app/오류 정리1\. aws를 연결한 후 이미지가 전부 깨져서 나올 때pug파일에서 img, video 부분에 crossorigin 속성을 모
Nomad-Wetube : Comment기능
댓글을 추가했을 때 댓글을 적은 사용자의 이미지, 아이디, 댓글내용, 삭제버튼을 표시하고 싶었다 watch.pug commentSection.js videoController.js apiRouter.js
Nomad-Wetube-6) Database -1
1. Array database 각 비디오 페이지의 링크는 id를 가진다 id를 가져와서, id에 해당하는 비디오를 찾아서 렌더링 해준다 id 가져오기 데이터를 어디로 보낼까 form(action="Url") //submit을 했을 때 어디 페이지로 갈지 Url
Nomad-Wetube-5) Templates
\*\*풀스택 유튜브 클론코딩 강의 Node.js 및 브라우저용 JavaScript로 구현된 고성능 템플릿 엔진장점1) 깔끔한 html을 작성하게 함2) 자바스크립트를 html에 포함할 수 있음3) 한 파일로 모든 템플릿을 업데이트 할 수 있음 (복붙x)return H
Nomad-Wetube-4) Routers
\*\*풀스택 유튜브 클론코딩 강의 Router : 컨트롤러와 URL의 관리를 쉽게 해줌핸들러 함수를 contollers로 분리해 작업해줌videoController.jsvideoRouter.jsexport default : 한개만 export 할 수 있다export
Nomad-Wetube-3) EXPRESS
\*\*풀스택 유튜브 클론코딩 강의 server : 항상 켜져있고, 인터넷에 연결되어 있으면서 request를 listening하고 있는 컴퓨터서버를 생성한 후에는 서버가 사용자 요청에 응답하도록 해야 한다.사용자는 HTTP 프로토콜을 사용하여 요청하는데 이것을 GET
Nomad-Wetube-1, 2) 환경세팅하기
\*\*풀스택 유튜브 클론코딩 강의 NodeJS : 크롬 V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임, 브라우저 밖에서 쓸 수 있는 자바스크립트설치하기https://nodejs.org/en/Recommended For Most Users 다운로드기존

Nomad-Momentum-6) Style
스타일 추가하기 > 1) 이미지가 배경으로 채워지도록 정렬 2) 시계는 수직 중앙정렬 3) 날씨, 도시 정보는 오른쪽 위 4) todo-list는 왼쪽 위 5) 명언, 저자는 수직 하단정렬 6) 폰트 크기 모듈화, 색상 통일 코드 - style.css 정리 > lo
Nomad-Momentum-5) weather
onGeoOk 함수위도와 경도, api url을 저장하는 변수날씨와 도시를 표시onGeoError 함수위치를 부르는게 에러가 났을때 실행하는 함수코드 - weather.js정리navigator.geolocation.getCurrentPosition(onGeoOk, on
Nomad-Momentum-4) todo-list
input박스에 값을 입력하고 submitsubmit할 때 동작할 handleToDoSubmit 함수 : vaule를 어떻게 담고 저장할지input의 value를 표시하는 paintToDo 함수 : 리스트안에 텍스트, 삭제버튼 포함X 버튼을 누르면 삭제하는 delete
Nomad-Momentum-3) quotes and background
명언 만들기website가 load 될때 명언과 저자가 랜덤으로 표시됨코드배경 불러오기website가 load 될때 배경 이미지가 랜덤으로 표시됨코드정리Math.floor() : 계산된 숫자의 소수점 버리기 Math.random() \* length : 길이만큼의 숫자

styled components
2.1 Our First Styled Component install import 사용 구문 ex) div 태그의 경우 2.2

JavaScript 기본 개념 정리 1
NomardCoders's VanillaJS Chorme 강의를 완강하면서 중요하다고 생각하는 것이나, 기록이 필요하다고 생각하는 내용을 남긴다. (아주 기초적인 것부터 ~ 이해가 어려웠던 것 까지) Welcome to JavaScript 📍Object 객체 p
Nomad-Momentum-2) clock
시계 만들기website가 load 될때 시계가 나오고 매초마다 다시 실행됨초 단위가 2자리로 나오게 표시코드
Nomad-Momentum-1) Login
로그인 화면 만들기코드 -1이 코드의 문제1) form 안에 있는 버튼을 누르면 form이 자동으로 새로고침 되는걸 막도록 수정2) click대신 form의 submit event을 감지하도록 수정3) if문을 쓰지않고 js의 기본기능을 활용해보기 (15글자 제한은 h