본문 바로가기

노마드코더5

[Fullstack] 유튜브 클론 코딩 #ExpressJS 서버가 뭐에요? 인터넷에 연결 된 맥북 같은 컴퓨터에요. 24/7 동안 온라인 상태고, 화면이 따로 없어요. 소프트웨어에서 서버의 의미 : 네트워크에 연결 된 코드 뭉치 Express가 뭐에요? Express.js는 프레임워크에요. 다른 사람이 수많은 코드를 짜서 만들어 놓은 것으로, 우리가 편하게 가져다 쓸 수 있어요. node.js로 서버를 만들고 싶다면 우리가 수작업으로 한땀한땀 해야 할 일들이 있어요. 요걸 Express로 대신할 수 있어요. Express를 사용하면 몇 줄의 코드만으로 서버를 만들 수 있어요. Django는 Python으로 된 프레임워크, Rails는 Ruby로 된 프레임워크, Laravel은 PHP로 된 프레임워크에요. Open connection, Listen to conne.. 2020. 3. 11.
[Fullstack] 유튜브 클론 코딩 #Node.js 사용성 javascript로 프론트엔드 / 백엔드 모두 만들고 싶을 때 PHP, Python, Ruby 등으로 대체할 수도 있음 customize가 잘되는 건 node.js 아무것도 없는 상태에서 시작해야 함 채팅 기능이 있는 웹은 node.js 필요 (실시간 기능 처리를 위해) 기본적으로 틀이 있는 형태는 django, Laravel 등 대량의 데이터, 어려운 작업을 수행해야 한다면 django 사용이 낫다. 누가 Node.js를 쓰나? Paypal Uber Netflix LinkedIn Groupon 등등 Node.js 설치하기 윈도우 : https://nodejs.org 에서 다운로드 맥 : brew install node https://changelog.com/posts/install-node-j.. 2020. 3. 11.
[JavaScript] 바닐라JS로 크롬 앱 만들기 #3 Making an App 원칙 잘라서 만들어라. (시계는 clock.js로, 리스트는 list.js로..) function init(){ } 과 init();을 먼저 선언하고 시작한다. JS의 local storage에는 String만 저장 가능하다. (data는 저장 불가) #1. Making a JS Clock 1. JS Clock 만들기 ver 1 const clockContainer = document.querySelector(".js-clock"); clockTitle = clockContainer.querySelector("h1"); function getTime() { const date = new Date(); // 현재 date를 불러와서 저장 const hours = date.getHours(); // date.. 2020. 3. 1.
[JavaScript] 바닐라JS로 크롬 앱 만들기 #2 Practice JS Fuction `` 으로 function 의 내용 구성 가능 1. 함수를 만들고 함수의 반환값을 console log로 출력해보자. name, age : argument function sayHello(name, age){ return `Hello ${name} you are ${age} years old.`; } // 또는 function sayHello(name, age){ return 'Hello', name, 'you are', age, 'years old.'; } const greetNicolas = sayHello("Nicolas", 15); //greetNicolas는 sayHello의 return 값 console.log(greetNicolas); // 1개의 console log 만.. 2020. 2. 29.