[Jest] Setup and Teardown

Featured image for [Jest] Setup and Teardown

0. 참고자료 Setup and Teardown · Jest Often while writing tests you have some setup work that needs to happen before tests run, and you have some finishing work that needs to happen after tests run. Jest provides helper functions to handle this. 1. 설정 및 해제 테스트를 작성하는 동안에는 테스트가 실행되기 전에 수행해야 하는 … 더 읽기

[Jest] Testing Asynchronous Code

0. 참고자료 Testing Asynchronous Code · Jest It’s common in JavaScript for code to run asynchronously. When you have code that runs asynchronously, Jest needs to know when the code it is testing has completed, before it can move on to another test. Jest has several ways to handle this. 1. 비동기 코드 테스트 javascript를 … 더 읽기

[Jest] Matcher

1. Matcher? Using Matchers · Jest Jest uses “matchers” to let you test values in different ways. This document will introduce some commonly used matchers. For the full list, see the expect API doc. matcher란 입력을 해석하고 기댓값과 일치하는지 (혹은 일치하지 않는지) 판별할 때 주로 사용된다. 여기서 .toBe가 matcher에 해당한다. 2. toBe & toEqual 지금을 … 더 읽기

[Jest] node.js 테스트 프레임워크

Featured image for [Jest] node.js 테스트 프레임워크

1. node.js 테스트 프레임워크 Node.js에서 가장 많이 사용되는 테스트 프레임워크는 Jest와 Mocha입니다. 다음은 많이 사용되는 순서대로 소개하겠습니다. 2. Jest vs Mocha 다음은 Jest와 Mocha의 유저 수를 비교한 표입니다. 두 프레임워크 모두 우수한 기능과 성능을 제공하며, 개발자들 사이에서 많은 인기를 얻고 있습니다. 프로젝트의 특성과 개발자의 선호도를 고려해서 선택합니다. 다음은 Mocha와 Jest의 장단점을 비교한 표입니다. Mocha와 Jest … 더 읽기

[Javascript] Promise

1. Promise Jest를 공부하면서 비동기 처리와 관련한 내용이 나왔다. 비동기 처리를 편하게 도와주는 Promise 객체에 대해서 배웠고 활용해 보았다. Promise를 활용하는 것에 있어서 중요한 포인트는 2가지다. Promise 객체는 선언과 동시에 작업을 처리하니깐 선언되는 위치를 조심해야 한다. 작업을 수행할 것이 확정되는 순간 선언하도록 하자. 아래는 구체적으로 promise를 활용하는 사례다.

2023-02-19 node.js_17

Featured image for 2023-02-19 node.js_17

WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 0. 보안 보안 위협을 체험하고 이에 대한 경각심 느끼기. 들어오는 정보와 나가는 정보를 특히 조심하고 의심하는 자세를 가지자. 1. 입력에 대한 보안 가. URL을 통해서 허용되지 않는 파일에 대한 접근 우리는 URL을 파싱해서 파일을 읽어오는 코드를 작성한 적 있다. 만약 우리가 root 디렉터리에 공개되면 안 되는 … 더 읽기

2023-02-18 node.js_16

Featured image for 2023-02-18 node.js_16

WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 객체 사용해서 리팩터링 하기 객체를 활용해서 리팩터링 하는 시간이다. 가. 객체 선언 기존의 templateHTML과 templateList를 합쳐서 HTML과 List라는 속성을 가진 template라는 객체를 선언한다. 나. 코드 수정 templateHTML은 template.HTML로 templateList는 template.List로 수정한다. 기존에 template라는 이름의 변수를 사용했었다. 이를 Html이라는 이름으로 변경한다. 다. 결과물 2. 모듈로 리팩터링 … 더 읽기

2023-02-13 node.js_15

Featured image for 2023-02-13 node.js_15

WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 글 삭제하기 CRUD의 D의 의지 Delete 기능을 구현해 보자. 가. delete 버튼 만들기 delete는 링크가 아닌 버튼을 만든다. delete를 링크로 만들시에 특정한 플러그인들이 사용자의 의도와는 상관없이 링크를 실행할 수 있다. 의미론적으로 특정 페이지로 이동하는 것이 아니라 동작을 수행하는 것이기 때문에 링크보다는 버튼이 더 올바른 선택이다. … 더 읽기

2023-02-13 node.js_14

Featured image for 2023-02-13 node.js_14

WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 글 수정하기 CRUD에서 U를 담당하는 update 기능을 구현해 보자. 가. 링크 만들기 지금 보고 있는 파일의 이름을 id로 전달한다. update 링크는 특정한 글을 읽고 있는 중에만 보여야 한다. create link가 위치한 곳 옆에 update link를 위치시키는데 오직 특정한 글을 읽고 있는 경우에만 보이도록 해야 한다. … 더 읽기

2023-02-12 node.js_13

Featured image for 2023-02-12 node.js_13

WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 0. 적용하기 사용자가 새로운 글을 생성(C)하고, 읽(R)고, 수정(U)하고, 삭제(R)할 수 있게 기존의 코드를 수정해보자. 1. 글 생성 (Create) 가. UI 만들기 새로운 글을 쓸 수 있는 페이지를 만들거다. 사용자들이 create 링크을 누르면 해당 페이지로 이동하고 거기서 새로운 글을 작성할 수 있게 하겠다. 우선 create 링크부터 만든다. … 더 읽기