본문 바로가기

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

테스트 더블 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.

마크다운으로 토글 기능을 쓸 수 있을까? 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를 알아야 합니까? 아래 내용은 우아한테크: [10분 테코톡] 위니의 프론트엔드 개발자에게 UX란 영상을 참고하여 몇몇 예시 화면을 덧붙였습니다. 유익한 내용 발표해주신 위니 님께 감사를 표하며, 영상을 통해 학습한 내용을 아래에 정리해 보았습니다. 0. 이 글을 쓰게 된 계기개발자는 코딩을 잘해야 하는 거 아닌가?기획은 기획자가, 디자인은 디자이너가 해야지 이번주 부트캠프 수업에서는 UI와 UX에 대해 다루었고, 피그마를 활용해 웹사이트를 클론해 보았다. 사실 전자는 어느 정도 알아야 하는 이유를 스스로 납득했지만, 후자는 아직도 잘 납득이 되지 않았다. '가뜩이나 개발만 해도 공부할 거리가 넘쳐 하루하루 우선순위 높은 공부만 쳐내기에도 바쁜데 웬 디자인'이라는 생각이 들어 실습 중 현타가 왔.. 2023. 4. 16.

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

이전 1 다음

티스토리툴바