TIL Temp 썸네일형 리스트형 유튜브 클론 코딩 #7 - What is ES6? # 복습 목차1. Node.JS2. ExpressJS3. ES64. Babel5. Middleware6. Routing7. MVC8. Pug # 3. What is ES6? - 정의일단 ES6는 ECMAScript의 6번째 버전이다.(=ECMAScript2015)ECMAScript는 JS 표준 단체인 ECMA가 제정하는 JS 표준.ES3 -> ES5 로 넘어갈 때 가장 큰 변화가 있었으며 ES6도 다양한 기능이 추가됨.ES7, ES8 - ECMAScript Standard 제정 JS가 넷스케이프 브라우저 외에 다른 웹 브라우저들의 지원을 받기 시작.다양한 웹 브라우저에서 JS가 잘 작동하게 하기 위해 표준 규격이 필요해짐.고래서 만들어진 것이 ECMAScript Standard라는 스크립트 표준! - J.. 유튜브 클론코딩 #6 - What is Express.JS? # 복습 목차1. Node.JS2. Express.JS3. ES64. Babel5. Middleware6. Routing7. MVC8. Pug # 2. What is Express.JS? - 정의Node의 모듈 중 하나이며 웹 개발 프레임워크.웹개발 프레임워크로는 Hapi.JS, Koa.JS 등이 있으나 가장 많이 사용되며 안정적인 것이 express.JS. - 장점간단하다가볍다유연하다 - 왜?Middleware 구조를 가지고 있기 때문. - Middleware 는 뭐야?일반적으로 Middleware 는 운영체제 이외의 서비스를 제공하는 소프트웨어.ex) DBMS, IDE, etcexpress.JS에서는 어플리케이션과 low level API 사이에 있는 모든 software를 의미함.요청에 대한 응답 .. 유튜브 클론코딩 #5 - What is Node.JS? #2.24 Log In and User Profile Controller #2.25 More Controlers 대략적인 구조는 파악함.근데 1주일 만에 1개월치를 들어버려서 복습을 통해 완전히 이해를 하고 넘어가려고 함. # 복습 목차 1. Node.JS2. ExpressJS3. ES64. Babel5. 미들웨어6. Routing7. MVC8. Pug # 1. Node.JS 출처 - https://medium.freecodecamp.org/what-exactly-is-node-js-ae36e97449f5 ### 정의 Javascript Runtime Environment,Javascript는 원래 브라우저에 종속된 언어였으나 그 범위를 확장시켜 백엔드, 서버 등 다양한 분야에서 Javascript를 활.. 유튜브 클론코딩 #4 # 2.18 Search Controller 그냥 작성 # 2.19 Join: Log in HTML partial과 pug의 위력을 실감존나 좋다... # 2.20 Change Profile HTML # 2.21 Home Controller # 2.22 Home Controller part Two # 2.23 Join Controller 그냥 다 코드만 짬이해 가지 않는 것은 없음 유튜브 클론 코딩 #3 # 2.12 Recap userController, videoController 는 CRouter 는 주소를 동적으로 분기하기 위함 # 2.13 Installing Pug Pug 은 템플릿 언어. express의 view engine임.express는 뷰엔진을 사용. default undefined.뷰엔진을 pug로 적용 도중 오류가 계속해서 발생.문제는 찾지 못한채 pug를 2번 다시 설치하고 7번 정도 서버를 껐다킨 것으로 수행됨. # 2.14 Layouts with Pug pug은 indent(들여쓰기)를 사용해 태그를 작성. # 2.15 Partials with Pug fontawesome 사이트를 이용Programing devide fuxxin conquer. 니꼴라스형 스웩. # 2.16 Lo.. 유튜브 클론 코딩 #2 #2.6 Express Core: Middlewares part One 미들웨어는 실질적인 비즈니스 로직이 들어가는 공간.API 기능을 활용할 수 있음. #2.7 Express Core: Middlewares part Two morgan - 로그 모듈helmet - 보안 관련 HTTP 헤더를 설정하는 다음과 같은 더 작은 크기의 미들웨어 함수 9개의 모음http://expressjs.com/ko/advanced/best-practice-security.html 에서도 helmet의 사용을 권장하는 것을 볼 수 있음. 미들웨어에서 res.send 를 사용시 흐름을 끊어버릴 수 있음.여러 개의 미들웨어를 사용한다면 주의해야겠지? body-parser - form에 body로 받아지는 입력을 활용하기 위함.c.. 유튜브 클론 코딩 #1 # 0.1 What are we building? 바닐라JS, NodeJS, ReactJS, MongoDB간단한 Prisma, GraphQL # 0.2 The State of Fullstack 풀스택의 장점과 단점.현실적으로 불가능하다고 생각하지는 않는다.다만, 풀스택이라도 특화된 자신만의 무기가 있어야 한다고 생각. # 0.3 WebSite vs Webapps 웹앱이 아니지만 인터랙티브한 웹사이트. # 1.0 What is NodeJS 자바스크립트를 브라우저 밖에서도 사용할 수 있게 해줌.자바스크립트 위주의 백엔드 언어라고 알고 있었는데 어떻게 동작하는지 대략적인 개념을 알게 됨. # 1.1 Use Cases for NodeJS 많은 라이브러리를 원한다면 장고, 라라벨.직접 만들어서 사용할 수 있다면 .. Do you know kimchi? 는 잘못된 표현이다 # Do you know kimchi? 는 잘못된 표현이다 ### know의 바른 의미 > I knew it would rain! 비가 올 줄 알았는데 역시 왔네요 > I thought it would rain! 비가 올줄 알았는데 안 왔네요 그러니까 know는 단순히 '알다'라는 의미보다 더 확실히, 전문적으로 안다 에 가깝다.그래서 예상이 틀렸을 때는 know가 아닌 thought를 사용하는 것이다. > We Know pizza 우리는 피자의 대가야!> We know burgers 우리는 버거의 대가야! 전문가야~ ### 그럼 Do you know kimchi는..? Do you know kimchi? X Have you (ever) heard of kimchi? O Have you (ever) tr.. 이전 1 2 3 4 다음
