(길벗) 리액트를 다루는 기술 출간 / 집필후기

  드디어 제 집필 서적이 세상 밖으로 나왔습니다! 이 책을 통하여 리액트 입문부터 시작해서 리덕스, 리액트 라우터, 서버사이드 렌더링 등의 심화적인 내용을 다루고, Node.js 백엔드 지식도 배우고 마지막으론 풀스택으로 프로젝트를 만들어보면서 웹 개발 흐름을 숙달하실 수 있습니다. 정말 많은 분들이…

리액트 기초 동영상 강의 리뉴얼

이전에 작성했었던 누구든지 하는 리액트: 초심자를 위한 리액트 핵심 강좌에 기반하여 완성한 동영상 강의 시리즈 입니다. 입문에 필요한 핵심 내용들은 유튜브에 공개해놓았고, 나머지 활용 관련된 부분은 인프런에 공유해놓았습니다.   React 핵심 강좌 초심자를 위한 리액트(React) 핵심 강좌입니다. 만약에 여러분이 리액트를…

create-react-app 에 ESLint 와 Prettier 적용하기

우리가 리액트 프로젝트, 혹은 다른 자바스크립트 프로젝트를 진행하게 될 때, 우리는 문법 검사 및 더 나은 자바스크립트 코딩 스타일을 위하여 ESLint 라는 도구를 사용하곤 합니다. create-react-app 으로 만들어진 프로젝트의 경우에는 자체적으로 내장되어있죠. 예를들어서 const 로 값을 선언해놓고 그 값을 수정하려고…

누구든지 하는 리액트: 초심자를 위한 리액트 핵심 강좌

이 튜토리얼은 리액트를 1도 모르는 사람들을 위해 작성되었습니다. 만약에 여러분이 리액트를 배우고 싶은데, 아직 뭐가 뭔지 잘 모르겠다! 그렇다면 이 튜토리얼을 진행하고 나면 리액트가 무엇인지, 왜 사용하는지, 그리고 어떻게 사용하는지를 알아 갈 수 있을것입니다. 이 튜토리얼은 인프런에 영상 버전으로도 올라와있습니다.…

리액트 16.3 에 소개된 새로워진 Context API 파헤치기

3월말에 리액트 16.3 이 정식 릴리즈되면서, LifeCycle 몇개도 사라지고 (componentWillMount, componentWillUpdate, componentWillReceiveProps), 기존에 존재하던 Context API 가 새로워졌는데요, 이번 튜토리얼에서는 새로워진 Context API 에 대해서, 한번 자세히 다뤄보도록 하겠습니다. 프로젝트에 사용된 코드는 GitHub Repo 에서 확인 할 수 있습니다. 시작하기…

TypeScript with React + Redux/Immutable.js 빠르게 배우기

타입스크립트를 리액트와 함께 사용하게 됐을 때 어떠한 이점이 있는지, 또 어떻게 사용해야하는지 빠르게 한번 배워봅시다! 프로젝트에 사용된 코드: https://github.com/velopert/typescript-react-sample 이 강의는 FastCampus 오프라인 강의 에서 사용된 자료이며 부연설명이 생략되어있습니다. 서론 JavaScript 는 weakly typed 언어 입니다. 따라서, 이런게 너무 자연스럽게됩니다.…

React + Redux 앱 테스트

지난 튜토리얼에서 우리는, 리액트 앱을 유닛 테스팅을 통해 모든것이 잘 작동하는지 검증하는 방법을 알아보았습니다. 이번 튜토리얼에서는, 한발 더 나아가 조금 더 복잡한 구조의 앱을 테스팅 할 수 있도록, 리덕스를 사용한 리액트 앱을 테스팅 하는 방법을 알아보겠습니다. 이 프로젝트에 사용된 코드는…

Jest, Enzyme 을 통한 리액트 컴포넌트 유닛 테스팅

이 튜토리얼에서는, 유닛 테스팅의 간단한 소개와, create-react-app 으로 만든 프로젝트에서 Jest 와 Enzyme 을 통하여 유닛 테스팅을 하는 방법에 대하여 다뤄보겠습니다. Github 코드: https://github.com/vlpt-playground/react-test-tutorial 이 강의는 FastCampus 오프라인 강의 에서 사용된 자료이며 부연설명이 생략되어있습니다. 유닛 테스팅이란? 개발적인 측면에서, 유닛 테스팅이라는…

Serverless 활용하기: MongoDB 기반 RESTful CRUD API 만들기

지난 튜토리얼에서는 Serverless 프레임워크를 사용하여 아주 간단한 API 를 만들어주었습니다. 이번 튜토리얼에서는, Serverless 를 조금 더 활용해서 MongoDB 에 연동한 RESTful CRUD (Create, Remove, Update, Delete) API 를 만들어보겠습니다. 이 튜토리얼은, 지난번에 진행하던 프로젝트에서 이어서 진행하도록 하겠습니다. 만약에 지난 튜토리얼을…

Serverless 프레임워크로 서버리스 애플리케이션 생성 및 배포하기

이 튜토리얼은 이어지는 튜토리얼입니다. 이 포스트를 통해 블로그에 처음 방문하셨다면 Serverless 강좌 목록 페이지를 확인해주세요. AWS Lambda, Azure Functions, Google Cloud Functions 를 통하여 서버리스 애플리케이션을 만들게 된다면, 단순히 함수들을 작성하는 것 뿐만이 아니라 해당 애플리케이션에서 필요한 아키텍쳐들을 설정해주어야하는데, 이는…

AWS Lambda 로 하는 Hello World!

이 튜토리얼은 이어지는 튜토리얼입니다. 이 포스트를 통해 블로그에 처음 방문하셨다면 Serverless 강좌 목록 페이지를 확인해주세요. Lambda 는 AWS 에서 제공하는 FaaS 서비스 입니다. Lambda 말고도, 각 공룡 기업들에서 제공하는 다른 서비스들도 있습니다: Google Functions Azure Functions 아직까지는, Lambda 가 압도적으로…

서버리스 아키텍쳐(Serverless)란?

서버리스(Serverless)를 직역하자면, “서버가 없다” 라는 의미가 있습니다. 하지만, 사실상 서버가 없는건 아닙니다. 그저, 특정 작업을 수행하기 위해서 컴퓨터를 혹은 가상머신에 서버를 설정하고, 이를 통하여 처리 하는 것이 아님을 의미합니다. 그 대신에, BaaS (Backend as a Service) 혹은 FaaS (Function as…