You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
💻 개발자 키보드 ⌨️ 코딩 단축키 매크로 설정하기 (미니배열)
개발자 키보드 ⌨️ 코딩 단축키 매크로 키매핑 본 포스팅은 일반 키보드를 해피해킹 처럼 단축키 매크로로 타이핑 및 이동키를 매우 편리하게 구성하기 위해 노하우를 공유하고자 작성했다. 자체 커스텀 매크로 기능을 지원하는 키보드들도 있지만, 없는 키보드들이 많기에 가장 유명한 오토핫키 프로그램을 이용하여 매크로를 구성해보았다. 따라서 어느 키보드든 윈도우 환경에서 편리한 단축키를 구성해 사용할 수 있을 것이다. 글을 따라 어떻게 커스텀하는것이 좋은지 고민해보고, 본문 마지막에는 귀찮은 분들을 위한 설정이 완료된 exe 파일을 첨부하니 한번 사용해보는걸 권장한다. 1. 개발자 키보드 단축키 구성 고민하기 보통 우리는 키보드 자판 a s d f j k l ; 에 손가락을 올려두고 타이핑한다. 하지만 코딩하다 보..
![[QA] 🧪 체크리스트(CL) 란? - 테스트케이스(TC) 와의 차이](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fu7cYk%2FbtrfsdRiAGw%2Fiz7RLeZn8vhmaoFV8pZSh0%2Fimg.png)
[QA] 🧪 체크리스트(CL) 란? - 테스트케이스(TC) 와의 차이
체크리스트 - 테스팅 절차, 기능, 시스템 요소등을 체크리스트롤 작성함 일반 체크리스트 수행해야 할 테스트 목록과 절차를 나열함 블랙 체크리스트 최상위 기능 체크 개별적인 컴포넌트 기능 서로 다른 레벨의 기능과 그룹핑 시스템 요소 체크리스트 상위 레벨 서브 시스템이나 모듈 개인 구문이나 데이터 아이템 서로 다른 레벨의 시스템 요소와 그룹핑 테스트케이스 와 체크리스트 의 차이점 체크리스트는 예/아니오로 답변하는 확인성격의 항목을 나열한 리스트 이건 제품의 포장상태 테스트같은 것에 사용되는 것. 예를들면, 카메라제품의 경우, 카메라가 들어있는가? 렌즈가 들어있는가? 등 반면, 테스트케이스는 그보다는 더 많은 것을 담고 있음 즉,수행조건, 스텝, 기대결과가 명시되는 것 그것이 테스터가 어떻게 테스트한..
![[QA] 🧪 유즈케이스 테스트](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcnTx7C%2FbtrfoveORF0%2FyfqqSsXHlI7hAZSHIP068k%2Fimg.png)
[QA] 🧪 유즈케이스 테스트
유즈케이스 테스트 액터와 액터 사이의 상호작용을 표현 -> 유저에게 결과값 전달 유즈케이스로 모델링 된걸 TC로 도출하는 기법 시스템이 실제 사용되는 프로세스 흐름에서 결함을 발견하는데 유용 인수 테스트를 설계할 때 유용 통합 테스트 단계에서 컴포넌트 사이의 통합 결함을 찾는데 도움 [테스트순서] 어떤 흐름을 테스트 할지 고려하여 테스트 시나리오 구성 유즈케이스 상세에서 테스트에 필수적인 상황 건택 유즈케이스 상세 내용을 입력값, 출려값, 상황 처리 등으로 분류하여 테스팅에 관여하는 상황을 선택 각각의 상황에 ID부여 각각의 상황에 가능한 값을 결정 (valid/invalid, upper/lower, true/false, not applicable)
![[QA] 🧪 분류 트리 기법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcHlE2n%2FbtrfouUvXE7%2Fm4pHPDz1vSX1Ihvf6bdt10%2Fimg.png)
[QA] 🧪 분류 트리 기법
분류 트리 기법 분류 트리는 테스트 객체에 적용되는 데이터 공간의 그래픽 표현을 생성할 수 있게하여 특정 블랙 박스 테스트 기술을 지원한다. 데이터는 다음과 같이 분류 및 클래스로 구성된다. 분류 : 테스트 객체의 데이터 공간 내의 매개 변수를 의미한다. 입력 매개 변수의 경우, 환경 상태와 사전 조건을 포함할 수 있으며 출력 매개 변수로 간주된다. 응용 프로그램을 여러 가지 다른 방식의 분류에는 클라이언트, 브라우저, 언어 및 운영 체제가 포함될 수 있다. 클래스: 각 분류에는 매개 변수의 발생을 설명하는 클래스와 하위 클래스가 포함될 수 있다. 각 클래스 또는 등가 파티션은 분류 내의 특정 값이다. 분류 트리 방법의 주요 단계(steps) 1. 테스트 대상 항목 선정(Selecting test o..
🏷️ id / class / name 태그 속성 차이 & 사용처
id / class / name 속성 비교 id 속성 - 고유한 식별을 목적으로 하는 경우 사용 class 속성 - css 쿼리문 밑 재사용을 목적으로 하는 경우 사용 name 속성 - form 컨트롤 요소의 값(value)을 서버로 전송하기 위해 필요한 속성 id 속성 1. 고유 영역 식별자 document.getElementId()를 통해 고유 영역을 참조할 수 있습니다. 프론트엔드 개발 뉴스 ... 프론트엔드 개발 히어로즈 ... 2. Label과 input 컨트롤을 연결하기 위한 식별자 이메일 3. 표와 표 설명을 연결하기 위한 식별자 표 설명(요약) 표 제목 ... class 속성 1. 여러 영역에서 중복 정의를 허용하여 재사용이 가능한 식별자 읽기 읽기 요소의 유형과 상관 없이 clas..
![[NODE] 📚 npm(node package manager) 완벽 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7VpDR%2FbtrDcsxpXn5%2FxEuUsgyTGmSAtAUCE5asl0%2Fimg.jpg)
[NODE] 📚 npm(node package manager) 완벽 정리
npm(node package manager) npm(node package manager)은 자바스크립트 패키지 매니저이다. Node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI(Command line interface)를 제공한다. 자신이 작성한 패키지를 공개할 수도 있고 필요한 패키지를 검색하여 재사용할 수도 있다. 패키지 설치 Node.js에서 사용할 수 있는 모듈인 패키지를 설치할 때에는 npm install 명령어 뒤에 설치할 패키지 이름을 지정한다. $ npm [명령어] [타겟 모듈 이름] [옵션] $ npm install 지역 설치 / 전역 설치 npm install 명령어에는 지역(local) 설치와 전역(global) 설치 옵션..
🏷️ ＆nbsp /＆amp /＆lt /＆gt /＆quot 기호 의미
＆nbsp /＆amp /＆lt /＆gt /＆quot 가끔 HTML문서에 텍스트를 작성하고 웹으로 확인하면 꺽쇠 로 둘러싸인 부분은 표기가 되지 않는 경우가 있다. 그 책의 제목은 이다. 와 같이 입력하면, 아래와 같이 꺾쇠 괄호부분은 없어진 채로 웹페이지에 보여지게 된다. 그 책의 제목은 이다. 이는 HTML이 꺽쇠 안에 들어 있는 것을 기본적으로 내용이 아닌 '태그'로 해석하기 때문이다. 그래서 &문자를 이용해서 특수 문장 부호를 html 문서가 인식하게끔 표현 해줘야 하는데 사용되는 것으로 보면 된다. ” ” : 공백(스페이스 한 칸)을 의미 < 부등호() & 앰퍼샌드(&) 기호 " 쌍따옴표(“) # sharp(#) ' 따옴표(‘) HTML 특수 문자 리스트 다음은 특수한 문자..
![[NODE] 📚 노드 듀토리얼](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvUoR1%2Fbtrfsc6ACkF%2FxQvW5HNYOP4RkrYnBSBLW1%2Fimg.jpg)
[NODE] 📚 노드 듀토리얼
Introduction Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다. Node.js는 자바스크립트를 사용해 개발한다. Front-end와 Back-end에서 자바스크립트를 사용할 수 있다는 동형성(isomorphic)은 별도의 언어 학습 시간을 단축해 주는 장점이 있다. Node.js는 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 Request 처리 성능을 가지고..
🏷️ HTML 태그</> 종류 총모음
태그 모음 요약표 html 태그들을 표로 정리한 요약표 이다. 표의 태그 링크를 누르면 예시 코드 페이지로 이동된다. 태그 설명 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 머리글자로만 된 단어(acronym)를 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함. 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소나 요소를 사용함. 이미지 맵(image-..
![[JS] 📚 Call by Value & Call by Reference (+ Call by Sharing)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbj4l78%2FbtrfoutGyqX%2FUNSV2aGmKwCEAjkWox2APk%2Fimg.jpg)
[JS] 📚 Call by Value & Call by Reference (+ Call by Sharing)
Call By Value 먼저 값에 의한 전달에 대한 특징부터 살펴보자. argument로 값이 넘어온다. 값이 넘어올 때 복사된 값이 넘어온다. caller(호출하는 녀석)가 인자를 복사해서 넘겨줬으므로 callee(호출당한 녀석)에서 해당 인자를 지지고 볶아도 caller는 영향을 받지 않는다. 예시) let a = 1; function addOne(b) { //callee b = b + 1; } addOne(a); //caller console.log(a); // 1 a라는 변수를 인수로 넘겨주었다. 이때 1이라는 값은 복사되어 인자b에게 할당된다. a와 b의 값은 같지만 둘 다 다른 메모리 공간을 차지하게 되어 별개의 존재이기 때문에 함수 내부에서 b를 지지고 볶아도 a한테는 아무런 영향이 없다..
![[JS] 📚 전개 연산자(Spread 문법) 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbq94bp%2FbtrfqCRv5on%2FW1hGE9ckrwKe27ljmGh0B0%2Fimg.jpg)
[JS] 📚 전개 연산자(Spread 문법) 정리
전개 구문(Spread Syntax) 전개 구문(Spread Syntax)는 ECMAScript6(2015)에서 새로 추가된 문법으로, 간단하게 이 문법은 문법 이름 그대로 객체 혹은 배열들을 펼칠 수 있게 해 준다. // 펼칠 대상이 객체인 경우 {...obj} // 펼칠 대상이 배열인 경우 [...arr] // 혹은 {...arr} 전개 구문의 문법 자체는 정말 간단하다. 그저 배열이나 객체 앞에 점 세 개를 붙여주면 된다. 단, 위 코드에서 확인할 수 있는 것처럼 펼쳐진 객체나 배열을 담을 바구니가 필요하다. 객체는 객체로, 배열은 객체나 배열로 담아낼 수 있다. ES5 vs ES6 배열 문법 [ ES5 배열 내용 조합 ] ES5 에서는 배열의 내용을 합쳐 새로운 배열을 만들기 위해서 concat..
![[JS] 📚 프로토타입(Prototype) 개념 완전 정복 ❗](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTXrX4%2Fbtrfo5NEGf8%2FRO4oQcF1iA0SyCtw9zkjW1%2Fimg.jpg)
[JS] 📚 프로토타입(Prototype) 개념 완전 정복 ❗
프로토타입 기반 언어 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵고 개념도 복잡합니다. 자바스크립트에 클래스는 없지만 함수(function)와 new를 통해 클래스를 비스무리하게 흉내낼 수 있습니다. function Person() { this.eyes = 2; this.nose = 1; } var kim = new Person(); var park = new Person(); console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1 console.log(park.eyes); // => 2 console.log(p..
