# nomad

53개의 포스트

Nomad-Wetube : 배포

유튜브 클론코딩 배포koyeb 사이트를 통해서 진행했음https://wetube-ogu-dmswl2030.koyeb.app/오류 정리1\. aws를 연결한 후 이미지가 전부 깨져서 나올 때pug파일에서 img, video 부분에 crossorigin 속성을 모

2023년 3월 17일
·
0개의 댓글
·

Nomad-Wetube : Comment기능

댓글을 추가했을 때 댓글을 적은 사용자의 이미지, 아이디, 댓글내용, 삭제버튼을 표시하고 싶었다 watch.pug commentSection.js videoController.js apiRouter.js

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

230306 TIL

React Native 레이아웃 설정하는 방법

2023년 3월 6일
·
0개의 댓글
·

Nomad-Wetube-6) Database -2

\*\*풀스택 유튜브 클론코딩 강의

2023년 2월 19일
·
0개의 댓글
·

Nomad-Wetube-6) Database -1

1. Array database 각 비디오 페이지의 링크는 id를 가진다 id를 가져와서, id에 해당하는 비디오를 찾아서 렌더링 해준다 id 가져오기 데이터를 어디로 보낼까 form(action="Url") //submit을 했을 때 어디 페이지로 갈지 Url

2023년 2월 15일
·
0개의 댓글
·

Nomad-Wetube-5) Templates

\*\*풀스택 유튜브 클론코딩 강의 Node.js 및 브라우저용 JavaScript로 구현된 고성능 템플릿 엔진장점1) 깔끔한 html을 작성하게 함2) 자바스크립트를 html에 포함할 수 있음3) 한 파일로 모든 템플릿을 업데이트 할 수 있음 (복붙x)return H

2023년 2월 13일
·
0개의 댓글
·

React 소개

UI에서 바뀌는 부분만 업데이트 \--> 인터랙티브한 어플을 만들 수 있다!

2023년 2월 11일
·
0개의 댓글
·

Nomad-Wetube-4) Routers

\*\*풀스택 유튜브 클론코딩 강의 Router : 컨트롤러와 URL의 관리를 쉽게 해줌핸들러 함수를 contollers로 분리해 작업해줌videoController.jsvideoRouter.jsexport default : 한개만 export 할 수 있다export

2023년 2월 10일
·
0개의 댓글
·

Nomad-Wetube-3) EXPRESS

\*\*풀스택 유튜브 클론코딩 강의 server : 항상 켜져있고, 인터넷에 연결되어 있으면서 request를 listening하고 있는 컴퓨터서버를 생성한 후에는 서버가 사용자 요청에 응답하도록 해야 한다.사용자는 HTTP 프로토콜을 사용하여 요청하는데 이것을 GET

2023년 2월 8일
·
0개의 댓글
·

Nomad-Wetube-1, 2) 환경세팅하기

\*\*풀스택 유튜브 클론코딩 강의 NodeJS : 크롬 V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임, 브라우저 밖에서 쓸 수 있는 자바스크립트설치하기https://nodejs.org/en/Recommended For Most Users 다운로드기존

2023년 2월 7일
·
0개의 댓글
·
post-thumbnail

Nomad-Momentum-6) Style

스타일 추가하기 > 1) 이미지가 배경으로 채워지도록 정렬 2) 시계는 수직 중앙정렬 3) 날씨, 도시 정보는 오른쪽 위 4) todo-list는 왼쪽 위 5) 명언, 저자는 수직 하단정렬 6) 폰트 크기 모듈화, 색상 통일 코드 - style.css 정리 > lo

2022년 12월 21일
·
0개의 댓글
·

Nomad-Momentum-5) weather

onGeoOk 함수위도와 경도, api url을 저장하는 변수날씨와 도시를 표시onGeoError 함수위치를 부르는게 에러가 났을때 실행하는 함수코드 - weather.js정리navigator.geolocation.getCurrentPosition(onGeoOk, on

2022년 12월 14일
·
0개의 댓글
·

Nomad-Momentum-4) todo-list

input박스에 값을 입력하고 submitsubmit할 때 동작할 handleToDoSubmit 함수 : vaule를 어떻게 담고 저장할지input의 value를 표시하는 paintToDo 함수 : 리스트안에 텍스트, 삭제버튼 포함X 버튼을 누르면 삭제하는 delete

2022년 12월 14일
·
0개의 댓글
·

Nomad-Momentum-3) quotes and background

명언 만들기website가 load 될때 명언과 저자가 랜덤으로 표시됨코드배경 불러오기website가 load 될때 배경 이미지가 랜덤으로 표시됨코드정리Math.floor() : 계산된 숫자의 소수점 버리기 Math.random() \* length : 길이만큼의 숫자

2022년 12월 12일
·
0개의 댓글
·
post-thumbnail

styled components

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

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

JavaScript 기본 개념 정리 1

NomardCoders's VanillaJS Chorme 강의를 완강하면서 중요하다고 생각하는 것이나, 기록이 필요하다고 생각하는 내용을 남긴다. (아주 기초적인 것부터 ~ 이해가 어려웠던 것 까지) Welcome to JavaScript 📍Object 객체 p

2022년 11월 30일
·
0개의 댓글
·

Nomad-Momentum-2) clock

시계 만들기website가 load 될때 시계가 나오고 매초마다 다시 실행됨초 단위가 2자리로 나오게 표시코드

2022년 10월 30일
·
0개의 댓글
·

Nomad-Momentum-1) Login

로그인 화면 만들기코드 -1이 코드의 문제1) form 안에 있는 버튼을 누르면 form이 자동으로 새로고침 되는걸 막도록 수정2) click대신 form의 submit event을 감지하도록 수정3) if문을 쓰지않고 js의 기본기능을 활용해보기 (15글자 제한은 h

2022년 10월 29일
·
0개의 댓글
·
post-thumbnail

221023 TIL

React Native 101 : [1탄]

2022년 10월 23일
·
0개의 댓글
·
post-thumbnail

221016 TIL

노마드 인스타그램 클론코딩 E06

2022년 10월 16일
·
0개의 댓글
·