You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🔍 크롬 개발자 도구 (F12) 활용법 💯 총정리
크롬 개발자도구 구글에서 만든 웹 브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공됩니다. 이를 개발자 도구라고 합니다. 개발자 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있습니다. 언뜻 보면 개발자를 위한 도구인 것 같지만, 글자 크기, 색, 간격 등 정확한 값을 확인해야 하는 디자이너에게도 없어서는 안 될 매우 중요한 도구입니다. 개발자모드 진입 크롬 개발자모드로 진입하는 방법은 간단하게 2가지입니다. ➊ 검수하고자 하는 웹사이트에 접속해서 우클릭, 검사메뉴로 진입합니다. ➋ 단축키를 사용합니다. 맥은 , 윈도우는 나 를 누르면 해당 모드로 진입합니다. F12를 눌러도 진입됩니다. 개발자 도구 dark 테마 매일 같은 개발자 도구를 쳐다보는데 ..
![[QA] 🧪 직교 배열 테스트](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fby6mYY%2FbtrfnUsqcO5%2FDkXixf8biM19K9CdEX71ik%2Fimg.png)
[QA] 🧪 직교 배열 테스트
직교 배열 테스트 Orthogonal Arrays(이하 OA) - 직교 배열의 행x열 조합이 겹치지 않도록 하는 기법 - 모든 워소가 pairwise하여 비용 효율적 [직교 배열표 관련 용어] ❏ 런(Runs): 배열표에서 행의 수. 직교 배열표 기법에 의해 생성되는 테스트케이스 수 ❏ 인자(Factors): 배열표에서 열의 수. 해당 배열표가 취급할 수 있는 변수들의 최대 수 ❏ 레벨(Levels): 개별 인자가 취할 수 있는 값들의 최대 수. 직교 배열표가 0에서부터 레벨-1까지의 값들을 포함하게 됨 ❏ 강도(Strength): 서브셋 열의 수 t. 선택된 t개 열의 모든 레벨 조합이 동등한 빈도로 직교 배열표에 등장함 아래 예와 같은 강도 2(t=2)의 직교 배열표에서는 어떤 두 개 열을 선..
![[QA] 🧪 페어와이즈 테스트 개념 & 계산법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcf4nye%2FbtrfnOeSXWc%2Fy1i8vNM2c5gTYmm4a3PuP1%2Fimg.png)
[QA] 🧪 페어와이즈 테스트 개념 & 계산법
페어와이즈 테스트 (조합 테스트) - 모든 가능한 입력 값들의 조합들을 테스트는 비현실적! 그래서 대신 모든 짝들의 조합(pairwise)을 테스트 - 대부분 결함이 두 입력 값의 상호작용에 기인하므로 입력 값이 많을 수록 복잡도 ↑ 페어와이즈 실무 예제 아래 GUI 화면을 테스트 한다고 했을 때, 테스트 조합 갯수는 3 * 2 * 2 * 2 * 2 = 48개가 나온다. 하지만 페어와이즈 기법을 적용한 테스팅 기준은 아래와 같이 6건의 테스트 케이스로 충족되게 된다. 100%는 아니지만 그래도 아주 높은 확률로 저 6개만 테스트를 하면 48개를 테스트하는 것과 같은 효과를 얻을 수 있다. 이것이 페어와이즈의 매력이다. 페어와이즈 계산법 IPO알고리즘으로 페어들을 조합 도출하는 법 처음 두 ..
![[QA] 🧪 결정 테이블 테스트 (+ 예시 문제)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcG3KNo%2Fbtrfoma9zd6%2FxgyJ6CrIvdP2nlWSM0hPF1%2Fimg.png)
[QA] 🧪 결정 테이블 테스트 (+ 예시 문제)
결정 테이블 테스트 입력 조건의 모든 조합에 대한 시스템의 액션을 고려하여 테스트 케이스를 도출 복잡한 논리적 관계를 표현하기 좋음. 누락된 요구사항 검사 시 용이 장점 : 테스트 베이시스 문제점을 발견할수 있음. TC를 작성하면서 결함 발견. 단점 : 작성에 시간이 많이 소요. 복잡한 시스템은 표현하기 어려움 결정 테이블 테스트 방법 연습 문제 : 쇼핑몰에서 의류 구매 시 VIP회원이면 10% 할인 해주고, 결제 방법은 신용카드, 무통장 입금을 이용 1) 조건, 행동 분석 조건 : 신용카드, 무통장, VIP 행동 : 주문처리/주문거부, 원가/10%할인 2) TC작성 조건은 왼쪽 위에, 행동은 왼쪽 아래에 위치하는 테이블 만든다 조건의 순서에 따라서 액션이 달라지지 않는다. 오로지 조건의 trigger..
![[QA] 🧪 상태전이 테스트](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcQv2Mp%2FbtrfpBrRcX4%2FsiDPssXMUEOkZHfToePY61%2Fimg.png)
[QA] 🧪 상태전이 테스트
상태 전이 테스트 - 시스템의 상태 전이도를 기반으로 테스트 케이스 도출 - 실물을 보고 전개도를 뽑아내는 기법 1. 대상 시스템의 상태 전이도 모델링 2. 상태 전이도로부터 전이 트리 작성 3. 전이 트리로부터 각 전이 경로를 테스트하는 테스트 케이스 작성 4. 비정상적인 전이를 테스트 하는 테스트 케이스를 생성 *게임의 경우 완성품을 테스트 하는지라 4의 경우는 특수한 경우를 제외하고 존재하기 어렵습니다. 방법 : 1) 대상 시스템의 상태 전이도를 모델링 2) 상태 전이도로부터 전이 트리를 만든다 (루트 노드는 지정) 3) 전이 트리로부터 각 전이 경로를 테스트 하는 테스트 케이스를 생성 상태 전이도 -> 전이 트리 -> 노드를 묶어 테스트 케이스 작성 4) 비정산적인 전이를 테스트 예시 문제..
![[C] 📚 포인터 표현 - 그림으로 알기 쉽게 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbrkpHX%2FbtrfoRWyay2%2F2IOXe2wsFDpAK9r6PtvPJ1%2Fimg.png)
[C] 📚 포인터 표현 - 그림으로 알기 쉽게 정리
C언어 포인터 이해하기 다음과 같이 포인터를 정의할때 배열원소 2를 표현 하는 방법은 다음과 같다. int a[5] = {1,2,3,4,5}; int *arr = a; 구조체 포인터 표현 방법 struct person { int age; char name[10]; }; struct person *arr, pe[3]={{10,"jack"},{20,"Poul"},{30,"Jim"}}; arr = pe; 예를 들어 원소 20에 대한 표현은 총 3가지로 가능하다. arr[1].age (*(arr+1)).age (arr+1)->age 포인터 증감 연산자 종류 int a = 1; int *p = &a; //a주소는 1000이라 가정 *p + 1 // → a + 1 = 1 + 1 = 2 *(p + 1) // → ..
![[QA] 🧪 도메인 테스트](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbWdkMm%2FbtrfpfP8eby%2FDwy6yXBxAUxosW5VjMkPUK%2Fimg.png)
[QA] 🧪 도메인 테스트
도메인 테스트 도메인 테스트란, 입력변수들간의 상관관계가 존재하는 경우, 상관관계에 따라 영역을 분할하여 테스트케이스를 도출하는 테스팅 기법입니다. 입력변수들간의 상관관계 존재하면, 상관관계에 따른 영역(도메인) 분할한뒤 도메인에 따는 테스트케이스 도출을 합니다. 도메인테스트 구성요소 on : 경계에 있는 값 (부호 상관 없이) off : on에 가까운 값 >=,,=10 on : 10 off : 9 in : 11~ out : 9~ x>10 on : 10 off : 11 in : 11~ out : 10~ x=10 on : ..
![[QA] 🧪 동등 클래스 & 경계값 분석](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAQOlO%2Fbtrfn3CUn74%2FDyRkduFzrqr978uJLxRzZK%2Fimg.png)
[QA] 🧪 동등 클래스 & 경계값 분석
동등 클래스 분할 - 입력데이터를 동일한 동작이 예상되는 동등 클래스로 분할하고, 각 클래스로부터 대표 값을 선택하여 테스트 예) 교과목 학점 평가 시스템 요구사항 - 시험점수(75%) + 과제점수(25%) = 총점 = 학점 계산(A, B, C, D) - 점수(시험, 과제) 별 범위를 벗어나는 점수를 입력하면 "경고 메세지" 출력 - 정수만 모든 입력 가능 경계 값 분석 - 동등 클래스에서 입력값을 선택할 떄, 각 입력 영역의 경계에서 경계값으로 테스트 - 다수의 오류들이 입력 영역의 경계에서 발생되기 때문. 동등 클래스 분할과 함께 사용 - 경계값: Min-1, Min, Min+1, Normal, Max-1, Max, Max+1 절차) 위 교과목 학점 평가 시스템을 동등 클래스 분할 한것을 그대로 ..
![[QA] 📚 SoftWare 테스트 이론 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsOBWO%2FbtrfpCYBrE8%2FIOV7TKD1PZgzKckXKB8CY0%2Fimg.png)
[QA] 📚 SoftWare 테스트 이론 정리
소프트웨어 품질 소프트웨어의 유용성을 얻기위해 갖춰야하는 특성들의 집합, 사용자의 요구사항이나 만족도를 얼마나 충족시키는가의 지표 + 프로젝트 초기에 결함을 발견하지 못하고 개발 이후에 발견 시 많은 수정 비용이 발생 됨. + 품질 문제 -> 경쟁사에게 이득이됨. 자사의 이미지 하락. 소프트웨어 테스트이란? 프로그램에 존재하는 오류 와 결함을 검출하여 수정하고 요구사항에 부합되는지를 확인하며 소프트웨어의 품질을 향상시키는 것을 목적. 에러를 발견 할 목적으로 프로그램을 실행하는 프로세스 버그 발견을 목적으로 소프트웨어를 분석 또는 운영하는 프로세스 SW가 정해진 요구를 만족하는지, 예상과 실제 결과가 어떤 차이를 보이는지 수동 또는 자동화된 방법을 동원하여 검사하고 평가하는 일련의 과정을 의미 최..
![🧪 PICT 문법 정리 [페어와이즈 자동화 툴]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdeybex%2FbtrfoS1Tcua%2FH3dnNBIt7KqMwuZXMx8Vy0%2Fimg.png)
🧪 PICT 문법 정리 [페어와이즈 자동화 툴]
PICT 설치 다음 첨부파일을 다운 받고 설치해준다. PICT 유저 가이드 PDF 페어와이즈 이론 되돌아보기 [경우의수] Radio : 1,2,3 Check1 : Y,N Check2 : Y,N Check3 : Y,N Check4 : Y,N Choices1 : 1,2,3,4 Choices2 : 1,2,3,4 총 개수 = 3 * 2*4 * 4 * 3 = 576개 페어와이즈 = 16개 생성 PICT 문법 정리 기본 명령어 pict radio.txt > radio_r.txt 명령어 Options pict test.txt /o:3 # 3 way 조합 테스트 옵션 /o:N - Order of combinations (default: 2) /d:C - Separator for values (default: ,) /..
![[TOMCAT] 🐱 SSL / HTTPS 설정 방법 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbtlOL5%2FbtrfuOX03Dy%2FUqkUj6z3XkHcGkHjiubLm1%2Fimg.png)
[TOMCAT] 🐱 SSL / HTTPS 설정 방법 정리
HTTPS / SSL 란? 일단 HTTPS, SSL을 왜 사용할까? 우리는 링크를 통해 어떠한 사이트에 접속하게된다. 이 사이트가 아무 문제가 없는 사이트라면, 상관이없지만, 개인정보를 뻇는 사이트인지, 해킹 위험이 있는 사이트인지 우리는 알수가 없다. 따라서 이 웹사이트가 어떤 사이트인지, 누가 만든사이트인지, 통신이 안전한지 등의 정보알아야 하기때문에 HTTPS 통신을 한다고 보면 된다. HTTPS/ SSL 통신을 하면, 인증기관( CA )에서 해당 사이트가 누구의 소유인가, 누가 만든것인가등의 정보를 인증해주고, 이러한 인증기관의 인증으로 안전한 사이트 접속을 하게 되기 때문이다. - https ssl 이 적용된 사이트(공인된 CA의 인증서) - https ssl 이 적용되지 않은 사이트 ..
🌐 이벤트 기본 동작 취소 하는 3가지 방법
이벤트 기본 동작 취소하기 웹브라우저의 구성요소들은 각각 기본적인 동작 방법을 가지고 있다. 텍스트 필드에 포커스를 준 상태에서 키보드를 입력하면 텍스트가 입력된다. 폼에서 submit 버튼을 누르면 데이터가 전송된다. a 태그를 클릭하면 href 속성의 URL로 이동한다. 그밖의 브라우저 기본 단축키 (복사 기능이나, f12, 엔터 같이, 키를 누르면 기본적으로 동작하는 기능) 이러한 기본적인 동작들을 기본 이벤트라고 하는데, 사용자가 만든 이벤트를 이용해서 이러한 기본 동작을 취소하거나 조작 할 수 있다. 다음 3가지 방법을 소개해본다. inline 방식 onclick 의 속성값에 이벤트의 리턴값이 false이면 기본 동작이 취소된다. prevent event on opentutorials prope..
