서녕이네 개발단지

유용한 matcher함수 종류 정리 // person.js// 테스트할 함수function getPerson(id) { return { id, email: `person${id}@test.com`, };}module.exports = getPerson;  toEqual() - 객체가 일치한지 검증한다. 웬만한 일치를 비교하려할때 이 메소드를 쓰면 된다.const { getPerson } = require('person'); // 테스트할 함수를 가져옴 test("return a user object", () => { // getPerson(1)의 리턴 결과값이 { 객체 } 값이 같은 경우 true expect(getPerson(1)).toEqual({ id: 1, email:..

JestFaceBook에 의해서 만들어진 테스팅 프레임 워크이다. 최소한의 설정으로 동작하며 Test Case를 만들어서 애플리케이션 코드가 잘 돌아가는지 확인해 준다.단위 (Unit) 테스트를 위해서 이용한다.    Jest가 테스트할 파일을 찾는 방법?- 어떠한 파일에 테스트 코드를 작성해놓으면 Jest가 그 테스트 파일을 찾아서 테스트 케이스를 실행해준다. 테스트할 파일을 찾는 방법은? 1. 파일 이름 뒤에 test를 명시해 주거나2. spec를 달아주거나3. 폴더를 만드는데 그 폴더 이름을 "tests"라고 해주면👉🏻 Jest가 알아서 이게 테스트를 위한 파일이구나~ 또는 폴더구나라고 인식하고 찾아서 그 안에 있는 테스트 케이스들을 실행함.         Jest 파일 구조- jest에는 de..

오랜만에 포스팅을 한다 (베베 너무 귀욥다) 여태 공부한걸 포스팅 했어야 하는데.. 주기적으로 작성하려고 노력해야지🥲 이번엔 socket 포스팅을하려고 하는데, 예전에 한번 따라만들기로 사용해봤지만 제대로 이해하지 못하고 넘어갔음.. 줍줍 프로젝트에서 소켓을 사용했지만 내가 한게 아니기 때문에 면접에서 소켓 질문이 나왔을때 대답을 못한 나 자신이 원망스러웠다 ㅜ 내가 맡은 파트가 아니라도 공부를 제대로 하자라는 다짐을 다시 하며.. WebSocket? Socket.IO? WebSocket 애초에 둘은 다른 개념이다. 웹소켓은 양방향 소통을 위한 프로토콜이다. 프로토콜은 쉽게 말하자면 서로 다른 컴퓨터끼리 소통하기 위한 약속 정도로 이해하면 된다. Socket.IO 반면에, socket.io는 양방햔 통신..

Next.js 13이 2022년 10월에 컨퍼런스에서 다시 발표됐다고 한다. (디렉토리 구조, getServerSideProps 등 Next 정체성이 대거 바뀜) Next 개발팀은 13버전 업을 통해 좀 더 제한없이 동적으로 동작하는 기반을 마련하고자 했다는 게 주요 컨셉이다. 🖐🏻 주요 변경사항 app/Directory(beta) : 쉽고, 빠르고, 적은 클라이언트 JS Layouts(레이아웃) React Server Components (리액트 서버 컴포넌트) Streaming (스트리밍) Data Fetching Turbopack(alpha) : Rust 기반. Webpack 보다 700배, Vite보다 10배 빠른 번들러 새로운 next/image(stable) : 더 빨라진 Lazy Loadin..