본문 바로가기

📂 알쓸 지식/알아두면 좋을8

테스트 더블 Mock vs. Stub vs. Spy 차이 알아보기 📓 테스트 더블 일단 요약하자면 Mock, Stub, Spy 각각은 테스트의 목적과 요구 사항에 따라 다르게 사용하고, 종종 함께 사용되기도 한다. 테스트 코드를 작성하다 보면 위 세 가지 개념을 마주하게 되는데 짚고 넘어가 보자. Mock, Stub, Spy는 소프트웨어 테스트에서 자주 사용되는 용어로, 모두 테스트 더블(test double)의 일종이다. 테스트 더블이란, xUnit Test Patterns의 저자인 제라드 메스자로스(Gerard Meszaros)가 만든 용어로 테스트를 진행하기 어려운 경우 이를 대신해 테스트를 진행할 수 있도록 만들어주는 객체를 말한다. (참고: Test Double을 알아보자) 각각은 테스트 중에 외부 시스템이나 복잡한 컴포넌트를 대체하는 데에 사용되지만, 그 목.. 2023. 11. 27.

자바스크립트 앞에 붙는 단어가 궁금해 - '모던' 편 들어가며 자바스크립트를 처음 공부하는 사람들이라면 자바스크립트 앞에 붙는 수식어인 '모던'이 무엇인지 궁금할 것이다. 개발자들은 너무나도 자연스럽게 사용하는 '모던 자바스크립트' 라는 단어를 더 자세히 알아보자. 일반적인 모던 자바스크립트의 의미 모던 자바스크립트란, ECMAScript6(2015) 이후의 방법론을 구현한 자바스크립트다. 한마디로 정의하자면, 모던 자바스크립트에서의 '모던'은 현재의 개발 표준과 관행을 따르며, 최신 브라우저와 웹 개발 도구에서 지원되는 자바스크립트 버전 및 기술을 가리킨다. 이는 ECMAScript 6 (ES6) 이후의 기능과 개선된 개발 방법론을 포함한다. 필자가 이전에 작성한 를 보면 알 수 있듯이, 자바스크립트의 그간 역사에서 ES6를 빼놓고 이야기할 수 없을 정도.. 2023. 9. 15.

컴포넌트 분리, 3가지만 기억하자. 평소 ‘컴포넌트’라는 말을 많이 쓰는데, 정확히 어떤 것인지, 왜 써야 하는지 잘 모르고 쓰는 것 같다. 일단 GPT에게 물어보니 아래와 같이 답변해 준다. 컴포넌트란 무엇인가? 컴포넌트란? 컴포넌트(Component)는 소프트웨어 개발에서 재사용 가능하고 독립적인 기능 또는 모듈을 말한다. 이러한 컴포넌트는 소프트웨어 시스템을 구성하고 빌드하는 데 사용되며, 주로 모듈화와 추상화의 원칙을 따른다. 컴포넌트의 기능 컴포넌트는 다양한 분야에서 활용되며, 소프트웨어 개발에서는 사용자 인터페이스(UI) 컴포넌트, 데이터베이스 접근 컴포넌트, 네트워킹 컴포넌트 등 다양한 종류의 컴포넌트가 있다. 이러한 컴포넌트들을 조합하여 큰 시스템을 구축하고 관리하는 것이 가능하다. 컴포넌트의 주요 특징 (1) 재사용성 컴포.. 2023. 8. 17.

마크다운으로 토글 기능을 쓸 수 있을까? 1. 결론 일단 쓸 수는 있다. 간혹 README 등 마크다운을 활용해 문서를 작성하다 보면, 덜 핵심적인 내용이나 이미지들을 접어두고 싶을 때가 있다. 마치 노션의 토글기능처럼 접었다 폈다 하는 기능 말이다. 엄밀히 말하자면, 마크다운에서는 토글 기능을 지원하지 않으나 html의 태그를 사용하면 사용할 수 있다. 2. 사용 방법 아래와 같이 입력하면 된다. 태그 사이에는 토글 삼각형 옆의 텍스트를 나타낼 태그를 사용한다. 더불어, html 사이의 markdown을 인식하기 위한 코드로 라는 것을 꼭 넣어 주어야 한다고 한다. 토글 접기/펼치기 텍스트 , 이미지 등등 입력 그럼 아래와 같이 나타난다. ▶ 토글 접기/펼치기 3. 의문점 을 꼭 넣어주어야 할까? 실험을 해보았다. 1. 넣은 버전: 토글이 I.. 2023. 6. 30.

클라이언트 배포는 신기하고 재밌어 그리고 긴장돼 ... 🛠️ Todo 만들어 둔 웹을 Github Actions와 Amazon S3를 활용해 빌드 및 배포하여, 사용자들이 사용할 수 있게 하기 이번 클라이언트 배포의 3단계 1. Source : Github 브랜치에 코드가 commit 되면 2. Build : Github Actions의 YAML 파일에 적힌 명령어를 토대로 Webpack을 이용해 build 하기 3. Deploy : Github Actions의 YAML 파일에 적힌 명령어를 토대로 S3로 build 결과를 upload 하기 🧐 YAML 파일에 코드 적기 1. 해당 repository의 브랜치 이름을 적어준다. 현재 브랜치 명을 확인하려면 git branch라는 명령어를 입력 후 확인, q를 눌러 종료하면 된다. name: client on:.. 2023. 6. 5.

알아두면 쓸데있는 package.json과 package-lock.json의 차이 Node.js 프로젝트를 시작할 때, 터미널에 'npm install'을 입력하면 아래 사진과 같이 여러 파일들이 기본으로 설치된다. 그런데 여기서 package.json은 무엇이고, 거기다 package-lock.json은 무엇일까? 프로젝트 시작에 앞서 일단 구조부터 알고 시작해 보자. 1. package.json # package.json 예시 { "name": "codingElla", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "re.. 2023. 4. 30.

프론트엔드 개발자가 왜 UI/UX를 알아야 합니까? 본격, 프론트엔드 개발자가 UI/UX를 공부해야 하는 이유를 스스로 납득하기 위해 쓰는 글 ✍🏻 0. 이 글을 쓰게 된 계기 개발자는 코딩을 잘해야 하는 거 아닌가? 기획은 기획자가, 디자인은 디자이너가 해야지 이번주 부트캠프 수업에서는 UI와 UX에 대해 다루었고, 피그마를 활용해 웹사이트를 클론해 보았다. 사실 전자는 어느 정도 알아야 하는 이유를 스스로 납득했지만, 후자는 아직도 잘 납득이 되지 않았다. '가뜩이나 개발만 해도 공부할 거리가 넘쳐 하루하루 우선순위 높은 공부만 쳐내기에도 바쁜데 웬 디자인'이라는 생각이 들어 실습 중 현타가 왔기 때문이다. 개인적으로 일이나 공부를 할 때 그것을 해야 하는 이유가 납득이 되지 않으면 몰입에 방해가 되기 때문에, 이번 기회에 어차피 해야 하는 거 아예 .. 2023. 4. 16.

Library vs. Framework 차이점을 확실하게 정리하기 0. 들어가기에 앞서 누군가 나에게 라이브러리와 프레임워크 간의 차이를 물어본다면 한 마디로 정리할 수 있을까? 답은 아니었다. 개발을 공부하다 보면 이 세 가지를 순차적으로 배우지만 결론적으로 각각이 무엇인지, 차이는 또 무엇인지 모른다면 확실하게 짚고 넘어가보자. 1. 라이브러리(Library) 란? Library는 단어 그대로 도서관이다. 응용 프로그램 개발을 위해 필요한 기능(함수)들을 모아 놓은 소프트웨어다. 비유하자면, 자동차가 굴러갈 때 ( = 프로그램이 제작되어 돌아갈 때) 필요한 바퀴, 헤드라이트, 에어백 등이라고 할 수 있다. 재사용이 필요한 기능으로 반복적인 코드 작성을 없애기 위해 언제든지 필요한 곳에서 호출하여 사용할 수 있도록 Class나 Function으로 만들어진 것이다. 가.. 2023. 4. 2.

이전 1 다음

티스토리툴바