jest - e2e test

e2e 테스트를 도입해보자.서버는 내가 띄우고 있는 것은 아니어서 그냥 따로 test 를 만들어서 진행하려고 한다. E2E test목적 : 실제 app의 흐름을 사용자 관점에서 전체적으로 검증대상 : app 의 엔드포인트, UI 등 특징 :보통 애플리케이션 전체를 실행한 상태에서 테스트 외부 환경(DB, 네트워크 등) 과 상호작용을 포함 주로 요청/응답 흐름을 검증(예 : supertest 와 같은 라이브러리 사용)테스트 시간과 복잡도가 상대적으로 높음 단위 테스트 Unit test목적 : 개별 모듈, 함수, 클래스의 동작을 검증대상 : 특정 로직, 메서드, 컴포넌트특징 : 독립적으로 동작하도록 외부 의존성을 Mocking 주로 jest 의 내장 기능 (expect, mock, spy0n) 을 사용 차이..

• format_list_bulleted Web/TIL
• · 2024. 12. 17.
• textsms

프론트엔드 코드 난독화 | 보안과 효율성

개발자 도구 >source 탭을 켜면 프론트의 소스 코드를 확인할 수 있다. 그런데 변수명이 e,u,i 등 .. 가독성이 좋지 못한 알파벳으로 부여되어있다. 처음에는 회사 내부에서 따로 규칙이 있나? 생각했는데 규칙성도 없고 일일이 찾아봐야 하는 정도여서 약간의 의아함이 있었다. 그리고 모든 폴더구조와 코드가 공개되어 있는 것도 서버측 코드만 보던 나로서는 이해할 수 없었다. 프론트 코드의 공개 범위 설정 1. 개발자도구에 공개되는 부분을 예상할 수 있어서 선택적으로 구조를 조정한다 (== 프론트 코드는 개발자탭에 모두 공개되어서 중요한 로직은 서버로 넘긴다) 2. 프론트 분들이 배포시 어디까지 공개할 것인지 이점을 고려해 선택할 수 있다. 이렇게 두 개로 예상했는데, 둘 다 반은 맞고 반은 틀..

• format_list_bulleted Web/TIL
• · 2024. 12. 4.
• textsms

Android studio 없이 안드로이드 기기 무선 디버깅 하기

삼성브라우저에서만 일어나는 에러 디버깅을 위해안드로이드 디바이스를 pc로 모니터링 해보도록 한다.   1. 안드로이드 개발자 모드 ON https://comeinsidebox.com/enable-galaxy-developer-options-and-debugging/ 안드로이드 갤럭시에서 개발자 옵션 활성화 및 디버깅 허용하는 방법 - insideBOX갤럭시 등 안드로이드용 스마트폰에서 USB 사용, 디버깅 그리고 로그 확인 과 같은 개발자 관련 작업을 하기 위해서는 개발자 옵션을 활성화해야 합니다. 갤럭시에서 개발자 옵션을 활성화하려comeinsidebox.com 2. USB 디버깅을 ON개발자옵션 > usb 디버깅 on 해준다그리고 노트북과 안드로이드 기기를 유선으로 연결해준다(기기등록 필요)    3..

• format_list_bulleted Web/TIL
• · 2024. 11. 25.
• textsms

에어테이블 소개 : 임의 DB 조작 툴

(잠시 근무하는) 회사에서 구글스프레드시트를 사용하여 데이터를 생성하는 부서가 있다. 그 팀은 에어테이블을 이용하여 상태를 조작하고, 개발팀은 그 데이터들의 변화를 감지하여 모니터링 한다. 나는 그 중간 다리 역할을 맡게 되어 에어테이블을 자주 사용하게 되었다.툴을 처음 봤을 때는 DB 같이 생긴게 View 정도의 용이겠거니 했는데 생각보다 많은 기능들을 지원하고 있다. DB 를 조회하는 것만 하는 줄 알았는데, 간단한 조작 및 양방향 통신이 가능하다. 에어테이블에어테이블 소개에는 "스프레드시트와 데이터베이스의 장점을 결합한 클라우드 기반 협업" 이라고 소개되어 있다. 사용자는 각 컬럼에 속성을 부여하거나 업데이트 할 수 있다. 또한 특정 속성을 감지한 경우 script 를 run 시켜 DB와 동..

• format_list_bulleted Web/TIL
• · 2024. 11. 24.
• textsms

[OS_01] OS란 무엇이며, 핵심 기능은?

OS_01 : OS란 무엇이며, 핵심 기능은?Process컴퓨터를 실행할 때 나를 대신하는 무언가키보드, 마우스로 조작하는 대상은 기본적으로 Process우리가 캐릭터를 움직인다고 해서 게임의 월드나 날씨의 정책이 바뀌지 않듯이, 컴퓨터를 키보드, 마우스를 이용해 Process를 통제한다고 한들, 컴퓨터 내부 기본 정책은 바뀌지 않는다.컴퓨터 구성 3대 요소User : Daemon(리눅스), Service(윈도우) 등의 시스템 프로세스 | 캐릭터 역할Kernel (SW) : 관리, 제어 | 게임 월드H/W : CPU + RAM운영체제컴퓨터는 피지컬(H/W) + 로지컬(S/W : Kernel + User 영역)으로 이루어져 있다.여기서 Kernel + User 영역을 "운영체제" 라고 부른다.운영체제 핵심..

• format_list_bulleted Web/TIL
• · 2024. 10. 27.
• textsms

[OS_02,04] 프로세스 상태, 문맥교환

프로세스의 5가지 상태1. 생성 (New)프로세스가 생성된 상태지만, 운영체제에 의해 수행 가능한 프로세스 풀로 진입이 아직 허용되지 않은 프로세스메모리 공간 할당, 프로세스 제어 블록(PCB) 생성 등 다양한 초기화 작업이 이루어짐2. 준비 (Ready)CPU 를 사용할 수 있는 기회가 주어지면 수행할 준비가 되어있는 프로세스준비 상태의 프로세스는 준비 큐(Ready Queue)에서 대기하며, 스케줄러가 프로세스를 선택하여 CPU 를 할당할 때까지 기다림3. 실행 (Running)현재 CPU를 사용하여 실행 중인 프로세스프로세스의 명령어가 순차적으로 실행되며, 운영체제는 프로세스의 수행 상태를 지속적로 모니터링 함4. 대기 (Blocked)특정 이벤트(I/O 작업 완료 등)가 발생할 때까지 수행될 수 ..

• format_list_bulleted Web/TIL
• · 2024. 10. 27.
• textsms