본문 바로가기
[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.. 더보기

티스토리툴바