Node.js 썸네일형 리스트형 [패스트캠퍼스 챌린지 17일차] NodeJS 핵심개념- require, module 패스트캠퍼스 작심 30일 챌린지 17일차. 오늘부터 드디어 Nodejs에 대한 강의가 본격적으로 시작되었다. 첫 강의는 그동안 예제 코드를 작성하면서 사용했던 require 함수와 Module에 대한 개념 정리! 먼저 require 함수는 그동안 작성한 예제 코드로 어떤 역할을 하는지 대충 감이 왔을 것이다. 바로 Node에서 지원하는 Library나 내가 작성한 Module을 Import해서 사용할 수 있게 해주는 역할을 한다. 즉, 파일 간에 참조 관계를 설정하기 위해 사용되는 함수이다. require 함수는 CommonJS가 제공하는 module에서 제공하는 함수로 그동안 require(‘fs’)로 작성하였지만, module.require(‘fs’)로 작성을 하여도 같은 동작을 한다. 이 내용에 대.. 더보기 [패스트캠퍼스 챌린지 16일차] RESTful API - JSON 파일(데이터베이스) 패스트캠퍼스 작심 30일 챌린지 16일차. 오늘은 게시판 객체를 JSON 파일에 저장시켜서 데이터베이스처럼 사용하기! 추석 당일이라 강의 하나만 수강했다. 지금까지 작성한 소스코드는 In memory를 활용하여 서버가 동작하는 동안에만 사용할 수 있었다. 만약 사용자가 게시판을 추가했는데 소스코드를 수정하였다면, 사용자가 추가한 데이터가 유지될까? 지금은 소스코드를 수정하면 서버도 재시작되고, 그 과정에서 In Memory에 등록한 데이터도 초기화 된다. 즉, 사용자가 입력한 데이터는 유지되지 않는다. 이러한 문제를 해결하기 위해 Database.json이라는 파일을 만들어 게시판 정보를 저장할 수 있도록 기능을 개선하였다. 먼저 이전 과정에서 작성한 게시판 객체를 JSON 파일로 이동시킨다. { "bo.. 더보기 [패스트캠퍼스 챌린지 15일차] RESTful API - 리팩토링 패스트캠퍼스 작심 30일 챌린지 15일차. 오늘은 그동안 작성했던 소스코드를 리팩토링하는 시간! 리팩토링을 하기 전에 리팩토링이 뭔지 알아야겠지? 리팩토링은 기능 동작에 영향을 주지 않으면서 내부 소스코드의 구조를 변경하는 것으로, 기능(역할) 단위로 소스코드를 분리하거나, 중복되는 코드를 제거하여 최대한 간결하게 작성하는 것을 말한다. 주로 중복코드를 제거하거나 기능단위로 함수를 분리하는 과정을 통해 리팩토링을 진행한다. (그 외에 더 많은? 무언가를 하겠지?) RESTful API를 위한 소스코드를 js 파일 하나에 다 작성하였지만, 중복되는 코드가 너무 많다. 함수 별로 statusCode도 똑같이 전달하고, Encoding 설정도 모두 중복된다. 그리고 RESTful API를 처리하는 함수는 별도.. 더보기 [패스트캠퍼스 챌린지 14일차] RESTful API - 기능완성 패스트캠퍼스 작심 30일 챌린지 14일차. 오늘은 RESTful API가 동작할 수 있게 Code를 모두 작성해보았다. 그동안은 API 호출을 하면 정상적으로 처리할 수 있게 결과에 대한 문자를 화면에 보여줬지만, 오늘은 In Memory를 이용해서 게시판을 추가해보고, ID를 통해 데이터를 조회하는 기능을 구현했다. 먼저 In Memory 데이터는 이전 강의에서 배운 Boards 객체를 사용하였다. /** @type {Board[]} */ const boards = [ { id: 'my_first_board', title: 'My first board.', content: 'Hello.' },{ id: 'my_first_board', title: 'My first board.', content: 'He.. 더보기 [패스트캠퍼스 챌린지 13일차] RESTful API - 예시(2) 패스트캠퍼스 작심 30일 챌린지 13일차. 오늘 학습 내용은 RESTFul API 작성을 도와줄 정규식과 타입 세이프티 기능을 학습하였다. 먼저 정규식(Regular Expression). 이전 강의에서 Board의 ID를 통해 정보를 조회하는 기능을 만들었다. 그럼 ID는 어떤 형식으로 받아야 할까? 사용자들이 ID에 어떤 값을 넣을지는 아무도 모른다. 숫자만 입력할 수도 있고 문자만 입력할 수도 있고, 심지어는 특수문자나 스크립트 코드를 작성하는 경우도 있다. 이 모든걸 다 받아준다고 하면 개발자는 많이 괴로워질것이다. 이때 ID 형식을 고정하고 검증하는 소스코드가 있으면 조금 더 편해지지 않을까? 그래서 사용하는 것이 정규식이다. 강의에서는 숫자와 영어 대소분자만 ID로 받을 수 있게 정규식을 구현.. 더보기 [패스트캠퍼스 챌린지 12일차] RESTful API - 예시(1) 패스트캠퍼스 작심 30일 챌린지 12일차. 오늘은 RESTful API를 활용한 토이프로젝트 구성에 대해 알려주는 강의를 들었다. 현업에서도 URL과 데이터 전송에 관한 규칙을 정하여 API를 통해 통신하는 경우가 많다. 주로 Tomcat 서버와 Spring(boot) 프레임워크 위에서 개발하여 사용하는데, Script 강의이기 때문에 별도의 프레임워크를 사용하지 않고 단순히 Script로만 RESTful API를 구현한다. API 구현 전에 먼저 할 일은 바로 어떤 기능을 만들것인지 기능 정의하기! 강의 내용과 마찬가지로 기능에 대한 설명은 다음과 진행할 예정이다. - User가 게시글을 조회/등록하는 서비스 - 로컬 파일을 데이터베이스로 활용(JSON) - 인증 로직은 제외 - RESTful API .. 더보기 [패스트캠퍼스 챌린지 11일차] ECMAScript(ES6) - Polyfill, Transpile 패스트캠퍼스 작심 30일 챌린지 11일차. 오늘의 학습 내용은 Polyfill과 Transpile. 먼저 polyfill은 자바스크립트 표준 라이브러리에는 등록되어 있지만 아직 브라우저나 Nodejs에서 지원하지 않는 기능을 미리 써보기 위해 만들어진 객체다. 기존에는 javascript에서 특정 문자를 바꾸기 위해서는 replace 함수를 사용하였다. 그러나 replace 함수는 일치하는 문자 하나만 변경한다. 만약 script 안에 일치하는 문자가 많다면? 아마 replaceAll을 많이 떠올릴 것이다. 아직 ES5 문법으로 개발하여 replace와 정규식을 이용해 문자를 변경하고 있지만, 이미 자바스크립트 라이브러리에는 replaceAll 기능이 정의되어 있다. replaceAll 뿐만 아니라 이전.. 더보기 [패스트캠퍼스 챌린지 10일차] ECMAScript(ES6) - Promise 패스트캠퍼스 작심 30일 챌린지 10일차. 오늘 배운 ECMAScript의 개념은 바로 Promise! Script를 통해 개발을 하다보면 setTimeout과 같은 비동기 함수를 많이 사용하게 된다. setTimeout과 같은 비동기 함수를 실행한 후 함수의 실행 성공 여부에 따라 원하는 코드를 실행하거나 에러를 처리하고 싶은데 어떻게 해야할까? 이럴때 사용하는 것이 바로 Promise! Javascript에서 Promise는 '비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값'을 나타낸다고 MDN Web Docs에서 알려준다. 즉, 비동기 작업을 처리한 후 성공하면 내가 내가 원하는 코드를 실행하고, 실패하면 에러에 대한 처리를 할 수 있다는 것. 그럼 Promise는 어떻게 사용하는걸까? .. 더보기 이전 1 2 3 4 5 다음
