Contents Windows의 경우 Powershell이라는 프로그램 사용 1. Node.js와 npm 설치 Node.js(JavaScript runtime) : JavaScript로 네트워크 애플리케이션을 개발할 수 있게 해주는 환경 npm(node package manager) : nodejs를 위한 패키지 매니저 패키지 매니저가 하는 역할 : 프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전과 의존성을 관리하고 편하게 설치 및 삭제를 할 수 있게 도움 * 참고로 npm은 node.js를 설치하면 자동으로 함께 설치됨 Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.o..
Contents 함수란 입력을 받아서 정해진 출력을 하는 것 입력 : 파라미터(parameters), 인자(arguments) 자바스크립트에서 함수를 정의하는 방법(두 가지) function statement 사용 // function statement를 사용 function sum(a,b) { return a + b; } console.log(sum(10, 20)); // 출력 결과 : 30 arrow function expression 사용 // arrow function expression을 사용 const multiply = (a, b) => { return a * b; } console.log(mutiply(10, 20)); // 출력 결과 : 200 react의 component 중에서 함수 ..
Contents 연산자(Operator) 대입 연산자(Assignment operator) 말 그대로 변수에 값을 대입하기 위해 사용하는 연산자 = 기호 사용 산술 연산자(Arithmetic operators) 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/) 나머지를 구하는 연산자(%) 지수 연산자(**) 산술 연산자와 대입 연산자 같이 사용 증감 연산자 증가 연산자(++) 감소 연산자(--) postfix 방식 (a++) 먼저 증감 전의 값을 반환하고 이후에 변수의 값이 증감 prefix 방식 (++a) 먼저 변수의 값을 증감시키고 이후에 증감된 변수의 값을 반환 관계 연산자 (Relational operators) = 비교 연산자(Comparion operators) 변수들 사이의 값 비교하기 위해..
Contents 만약 웹사이트가 html만으로 구성되어 있다면, 사용자는 버튼을 누르거나 정보를 입력하는 등의 동적인 작업들을 처리할 수 없다. 그래서 이러한 동적인 작업들을 처리하기 위해 javaScript 사용 JavaScript javaScript의 정식 명칭 : ECMAScript 그래서 버전을 매길 때 ECMAScript의 앞 글자를 따서 ES5, ES6 이런 식으로 이름을 지음 HTML과 JavaScript는 성격 자체가 매우 다름 HTML : 웹사이트의 뼈대 구성 JavaScript : 웹사이트가 살아 움직이도록 생명을 불어넣는 역할 우리가 흔히 스크립트 언어라고 부르는 언어들이 있는데 JavaScript는 이름에서도 알 수 있듯이 스크립트 언어의 한 종류. 스크립트 언어의 특징 다른 프로그..
Contents HTML(Hyper Text Markup Language) 마크업 언어의 한 종류 마크업 : 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 마크업 언어 : 마크업 정보를 표현하기 위한 언어 HTML은 이러한 마크업 언어의 한 종류 그 동안 HTML은 주로 웹에서만 사용되었다. 하지만 요즘은 웹브라우저를 이용해서 데스크탑용 앱을 만들 수 있는 기술들도 있기 때문에 그런 곳에도 HTML이 사용됨 정리하면, HTML은 웹사이트의 뼈대를 구성하기 위해 사용하는 마크업 언어 HTML에서는 흔히 Tag(태그)라고 부르는 것을 사용해 웹사이트의 구조를 만들고 웹사이트에 들어갈 내용들을 채워넣음 웹사이트 구조 head 태그에는 웹사이트의 속성이 들어감 웹사이트의 head는 이 웹사이트가 어떤 웹사..
이번에는 Login Router를 만들어보자. 1. index.js에 다음의 코드 추가 2. login router에서는 이렇게 총 세가지 일을 해야 한다. 3. 먼저 요청된 이메일을 데이터베이스에서 있는지 찾는다. 4. 요청된 이메일이 데이터베이스에 있다면 비밀번호가 맞는 비밀번호인지 확인하여야 한다. isMatch를 통해 맞는 비밀번호를 확인해야하므로 isMatch메서드를 User.js에 생성한다. 5. index.js로 다시 온 후 다음과 같이 코드를 추가한다.
