본문 바로가기

프로그래밍

[JS] What's new in ECMAScript 2020 2020년을 맞이 하기에는 벌써 5월이 끝나고 있지만 그래도 올해 나온 ES2020 에 새로운 기능을 살펴보도록 하겠습니다. 2015년 ES6 이후로 Ecma International의 TC39에서 매년 ECMAScript의 새로운 버전을 출시합니다. ECMAScript 2020은 ECMAScript 언어 11 번째 버전입니다. ES11 또는 ES2020 이라고도 부릅니다. What? 새롭게 적용된 기능인 아래와 같습니다. globalThis Promise.allSettled Optional Chaining Operator Nullish Coalescing Dynamic Import BigInt String.prototype.matchAll globalThis globalThis는 Javascript의 .. 더보기
2019:) 회고. 👨🏻‍💻2019년 돌아보기 2019년 첫 입사 실무자 첫해 올해 목표 다시보기 React, Vue (나름??) 개인프로젝트 (Fail…) 블로그 Gatsby 이전 (O) 다양한 세미나 참여(???) 블로그 올해보단 많이 하기 (Fail..) 헬스장 꾸준히 나가기 (나름…) 영어회화 학원 다니기(다니고는 있는데…) 👨🏻‍💻절반은 성공한거 같기도 하고 거의 쉬는 날없이 나름 열심히 일도 하고 공부도 하고 세미나도 참여 하고, 영어학원도 틈틈히 다니고 운동도 하고 했지만.... 찝찝함은 끝이 없다. 👇🏻skill UP 👨🏻‍💻React & Node server 그리고 Vue java spring 만 할줄 알았던 나에게 2019 되면서 좀더 개발자로서 방향성을 고민중에 프론트엔드 개발자로서 좀더 비중을 두기 위.. 더보기
IF KAKAO 2019 후기... #React : 그것마저도 정해주마 컴포넌트 코드를 일관성 있게 작성하고 싶어요. 기존 클래스형 컴포넌트를 훅으로 변경해야 할까요? 서버사이드 렌더링을 해야할까요? 렌더 함수 안에서 새로운 객체를 생성해도 되나요? 리덕스를 써야하나요? 주위에서 타입스크립트 얘기가 많이 들리는데요, 정적 타입을 도입하는 게 좋을까요? 1) 코드컨벤션을 정하자 (eslint , prettierrc) `협업에 있어서 코드 규칙을 적용하여 혼선을 방지하자` 2) hooks 을 사용하면 코드가 짧아지고 유지보수 편해진다 (대세를 따르자) 3) SSR 은 복잡하기 떄문에 되도록이면 안쓰는 방향으로 하지만 필요하다면 필수 4) 성능 신경은 서비스를 만들고 해도 늦지 않다 성능까지 신경쓰면서 하면 좋겠지만 그것은 개발에 효율을 떨어뜨.. 더보기
[AWS] nodejs - serverless 서버 구축하기 -#1 SERVERLESS 사용기 -serverless & lambda 활용법 serverless란 aws - lambda로 serverless 구축 SERVERLESS 아키텍쳐 serverless란? 개요 서버리스(Serverless)를 직역하자면, “서버가 없다” 라는 의미가 있습니다. 하지만, 사실상 서버가 없는건 아니다!!!! 단지, 특정 작업을 수행하기 위해서 직접 컴퓨터 서버 또는 가상 컴퓨터에 설정하는것이 아닌뿐, 누가? 언제? 문제를 일으켰는지 추적할 수 있고, 누가? 언제? 만들어낸 이슈인지도 알 수 있다. 종류 BaaS (Backend as a Service) 대표 ( Firebase ) 개발에 있어서 다양한 기능들(DB, SNS,....등등) API 제공 개발자들이 서버 개발을 하지 않아도 .. 더보기
[ES6] Spread(연산자), Rest parameter Spread, Rest parameter이터러블 오브젝트(Iterable object)의 엘리먼트를 하나씩 분리하여 전개한다. 전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.표현방식[…iterable]변수 앞에 ‘…’을 찍어서 선언합니다.Array Spreadlet test = [1,2]; let post = [8,9]; let spread = [0,...test,3,4,5,6,7,...post]; ​ console.log(spread); //[0,1,2,3,4,5,6,7,8,9];String Spreadlet sSpread =[..."JAVASCIRPT"] console.log(sSpread); //[ 'J','A','V','A','S','C','I','R','P','.. 더보기
[Nodejs] Node Express 도입 Node js-express 도입Express.js는 Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임워크다. 그러한 컴포넌트를 미들웨어(middleware)라고 하며, 따라서 개발자들은 특정 프로젝트에 필요한 라이브러리를 어떤것이든 자유롭게 선택할 수 있으며,이는 개발자들에게 유연함과 수준 높은 맞춤식 구성을 보장한다. 쉽게 Express는 Node.js에서 사용가능한 프레임워크 이고 Npm의 일종이다. Express 를 사용 하지 않은 codemember 조회 code// 주제: 여러 개의 요청 처리하기 - 각 요청을 함수로 분리하기 const http = require('http') const url = require('url') const mysql = re.. 더보기
[ES6] Iteration & for..of 반복문 Iteration사전적의미 -Iteration : 반복의 뜻!!! ES6에서 Iteration 프로토콜은 Iterable 프로토콜과 Iterator 프로토콜로 구성된다. Iterable (순회 가능한 자료 구조) 프로토콜은 반복 가능한 오브젝트를 나타내는 프로토콜이며 Iterator 프로토콜은 이터러블 오브젝트(Iterable 프로토콜을 따르는 오브젝트)의 값을 작성한 순서대로 처리하는 프로토콜이다.ES6에서 제공하는 빌트인 Iterablebuilt in 오브젝트들은 디폴트로 이터러블 프로토콜을 갖고 있다.오브젝트에 Symbol.iterator가 있어야 한다 Array Array.prototype[Symbol.iterator] ​ String String.prototype[Symbol.iterator] .. 더보기
[Nodejs]Node js 란? Node js란? nodejs는 서버사이드에서 실행되는 자바스크립트이다. Web Broser 작동하는 JavaScript 와 차이쉽게말하면Node 는 Javascript 런타임이다.!!JavaScript는 language & RunTime(언어가 작동하는 환경) 가르킨다.그래서 언어를 작동실해하는데 RunTime이 필요하는데nodejs > RunTime 제어하는 역할을 한다.그래서!!!둘다 JavaScript 문법 기반이지만함수는 다르게 사용한다.Nodejs는 웹브라우저에서 실행되는 것이 아니기 때문에웹브라우저에서 제공하는 window,histroy,location,navigator,screen ,document 는 사용불가!! Node 와 Web 협력 상호관계이다. Nodejs 기능을 잘 파악구별해서 .. 더보기
[ES6] Arrow-Function (화살표함수) Arrow-Function(화살표 함수) 란?자바스크립트의 람다식?(한번에 여러 작업을 처리)작업을 할 때 필요한 Runnable 객체(실행코드)를 편리하게 사용->JS에서는 익명함수를 편리하게 사용하기 위해서arrow function expression Arrow function Rule// Arrow 함수 //Parameter가 없으면 소괄호(( ))만 작성한다 // 파라미터를 선언하지 않는 경우 var f1 =()=> { console.log("헬로"); }; f1(); //////////////////////// // 파라미터가 한개인 경우 var f2 =(a)=> { console.log(a); }; f2(100); ///////////////////////////////////////// //.. 더보기

티스토리툴바