본문 바로가기
반응형

분류 전체보기

실무에서 테스트 환경 적용기 [cypress, vue] 테스트를 도입하게 된 배경현재 회사에서 개발하고 있는 택시회사 erp 시스템이 규모가 꽤 커졌다.ERP 시스템인 만큼  급여시스템을 다루고 많은 택시회사들을 다루게 되다보니 관리포인트도 커지게 되었다.분리되어 있는 페이지에서 다른 페이지에 서로 영향이 가는 기능도 많기 때문에 거기에 사용자가 복잡함을 느끼지 않는지, flow 에 방해가 되거나 혼돈을 주지 않는지,  등등을 고려해서 테스트의 필요성을 느꼈다.복잡한 비즈니스 로직을 어떻게 하면 빠르고 안정성을 보장할 수 있을까 라는 고민도 커지게 되었고 이슈픽스에 더더욱이나 테스트 환경이 필요하게 되었다.+ 팀원들의 PR리뷰하는데 시간도 많이 걸린다...  즉, 테스트하는데 시간을 단축시켜보자!    왜 E2E?snapshot test, unit test,.. 더보기
[1152][백준_브론즈2] 단어의 개수 - JavaScript https://www.acmicpc.net/problem/1152 1152번: 단어의 개수 첫 줄에 영어 대소문자와 공백으로 이루어진 문자열이 주어진다. 이 문자열의 길이는 1,000,000을 넘지 않는다. 단어는 공백 한 개로 구분되며, 공백이 연속해서 나오는 경우는 없다. 또한 문자열 www.acmicpc.net 배열로 받은 string의 length 만 찍으면 되는 쉬운 문제 일 줄 알았는데 오잉?ㅇ? 틀림 ## 처음 푼 풀이 const fs = require('fs'); const input = fs.readFileSync('./input.txt').toString().trim().split(' '); console.log(input.length); => 반례 !! ' ' 공백을 입력받았을 때 1.. 더보기
[2562][백준_브론즈3] 최댓값 - JavaScript https://www.acmicpc.net/problem/2562 2562번: 최댓값 9개의 서로 다른 자연수가 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 번째 수인지를 구하는 프로그램을 작성하시오. 예를 들어, 서로 다른 9개의 자연수 3, 29, 38, 12, 57, 74, 40, 85, 61 이 주어 www.acmicpc.net 자바스크립트로 백준 문제 풀려면 입력과 출력의 코드를 알아야한다 여간 귀찮은게 아니다 .. 나는 코드 에디터로 vscode 를 사용중이기 때문에 이런식으로 입력 받은 글자들을 input.txt 에 적은 다음 Node.js 환경에서 파일 시스템 모듈인 fs를 사용하여 파일을 읽어들이는 코드를 사용하여야 한다 const fs = require('fs'); const i.. 더보기
[프로그래머스Lv.1] 짝수와 홀수 (.javascript 풀이) https://school.programmers.co.kr/learn/courses/30/lessons/12937 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [나의 풀이] 기본적인 if 분기문 으로 나누었을 때 나머지가 0이면 짝수, 아니면 홀수 처리 해줌 [다른 풀이] 삼항 연산자로 코드 수 줄임 1이면 true, 0이면 false 더보기
[프로그래머스Lv.1] 평균 구하기 (.javascript 풀이) https://school.programmers.co.kr/learn/courses/30/lessons/12944?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ## 나는 아주 기본적인 for 반복문으로 더해주는 해결법으로 했는데 다른 사람의 풀이를 보고 감탄 (🔥 es6 이용하자) ## [나의 풀이] [best solution] 참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce Array.protot.. 더보기
github 리파지토리 생성 후 vscode 업로드 코딩테스트 준비를 위해 프로그래머스에서 해결하면서 풀이 방법을 vscode 에서 테스트 해보면서 깃허브에 올릴려고 한다. 1. 먼저 github 리파지토리 생성한다 해당 HTTPS 를 복사한 후 2. 터미널을 켜서 연동할 폴더 경로에 들어가서 git clone 복사한 url 3. commit & push 더보기
CORS 위의 사진처럼 웹 개발을 하다보면 가끔 cors 정책 위반으로 인해 에러가 발생하는 경험이 있을거에요 cors error 가 프론트에서 발견하지만 보통 백엔드에서 해결해줘야 하는 에러라고 생각해서 그동안 잘모르고 지나갔었는데요 단순 서버에서의 에러인 줄 았았는데 브라우저의 에러라는 것을 알게 돼서 프론트엔드 개발자라면 cors 에 대해 개념정도는 알아야 하지 않나 싶어서 스터디 하게 되었습니다. 보통 cors 에러가 나타날때 " 다른 출처를 막는게 cors 구나" 라고 생각했었는데 알고보니 다른 출처 요청을 허용해주는게 cors 더라구요 . 한번 제대로 알아봅시다. 자바스크립트에서의 요청은 기본적으로 서로다른 도메인에 대한 요청을 보안상 제한해요. 여기서, 두가지 정책이 있는데 same origin 정책.. 더보기
TDD (Test-Driven Development) 테스트 주도 개발 개발(코드 작성) 전 테스트 코드를 먼저 작성해나가는 방식 TDD 를 하기 위해서는 코드를 구현하기 전에 테스트코드를 먼저 작성한다 이 테스트코드를 실행하고 -> 구현하기 전에 테스트 코드를 먼저 작성했기 때문에 테스트를 실행하면 "실패" 할 것이다 -> 작성된 이 테스트코드가 "성공"할 수 있도록 그 테스트만을 통과할 수 있을만큼만 심플한 코드를 작성한다 -> 성공 그러면 다음 테스트로 넘어가서 이 단계를 반복. 이런식으로 테스트를 먼저 작성하고 전체적인 기능을 구현한다면 이제 그때서야 이미 작성된 코드를 여기저기 수정하고 깨끗하게 만드는 "Refactoring" 작업을 할 수 있다. 리팩토링을 자신감 있게 할 수 있는 이유는 , 구현된 코드를 다 테스트하는 테스트코드가 있기 때문이다.. 더보기
프론트엔드 개발에서 테스트란? ☑️ Software Test프론트엔드에서 테스트는 중요✧하다.제품과 서비스의 품질을 확인하며 소프트웨어의 버그를 찾고 오류를 찾는데 더더욱 필요하기 때문이다.즉, 서비스(제품)가 예상하는 대로 동작하는지 확인/검증하는 단계 를 말한다. 함수, 특정한 기능, UI, 성능, API 스펙 .. 등등을 확인하는 과정 code ➡️ 요구사항 ➡️ TEST 이러한 테스트를 주기적으로 실행해서 `Pass or Fail` 확인해야 하며, 테스트의 종류 역시 다양하다. 보통 develop -> QA -> Publish 순으로 현업에서 일을 하는데,QA 단계에서 수동적으로 검증하면 시간이 많이 소요되며, 시간이 많이 드니까 검증비용 역시 많이 들게 된다. 여기서 병목현상이 발생해서 문제점이 발생하게 된다. 수동적인 테스.. 더보기
[모던자바스크립트 DeepDive] 47장 에러 처리 & 48장 모듈 본 글은 자바스크립트 스터디를 진행하면서 [모던자바스크립트 DeepDive] 책을 바탕으로 작성된 글입니다. 47장 에러 처리 에러 처리의 필요성 에러를 방치하면 프로그램은 강제 종료됨 console.log('start'); // 실행 정의되지않은함수(); // 에러 console.log('end'); // 실행 X try...catch문을 사용하면 강제 종료되지 않는다 console.log('start'); try{ 정의되지않은함수(); } catch(err){ console.error(err); } console.log('end'); // 실행 O 직접적으로 에러를 발생하는 상황 이외에 간접적인 상황도 존재 const element = document.getElementById('없는id'); // .. 더보기
반응형

티스토리툴바