npx란 무엇인가 (npm과 npx의 차이)
npx를 실행후 npm 패키지가 비어있는것이 확인가능하다tailwindcss의 설치중 아래와 같은 cmd가 있었고 npx는 무엇인가 궁금했기에 조사하였다npm install -D tailwindcss npx tailwindcss initnpx와 npm의 차이 요약한줄
Form태그
(예제1의 실행화면)개인적으로 서버에 데이터 전송시에 Form태그를 사용하지 않았다그러나 HTML에서 제공하는 강력한 기능들이 많이 준비되어 있어서 사용하는 편이 여러므로 좋다는걸 프로젝트를 진행하며 느꼈다1. Form태그HTML에서 form 태그는 사용자로부터 입력을
Reduce함수에 대해서
한마디로 정의하자면 reduce함수를 사용하면 map,filter등의 배열함수들을 동시에 사용하는 효과를 내며반환값을 자유롭게 설정하기때문에 유연하게 사용가능하다단순히 누적기능만 있는 배열함수라고 생각했지만 같은 팀동료가 사용하는것을 보고 놀랐다filter와 map기능
npm install과 npm ci 의 차이
지인과 개발을 하던 도중 프로젝트에서 알게 된 사실이다프로젝트 초기 설정시나 실서버에 배포할때 package.json 파일과 package-lock.json 파일이 존재할 경우npm install 명령어를 입력할때 package-lock.json 파일이 존재하므로 항상
Package.json과 Package-lock.json에 대해서
한마디로 정의하면 아래와 같다package.json은 설치할 패키지의 버전 범위이고package-lock.json은 실제 프로젝트에 설치한 패키지 버전이다package-lock.json의 사용이유버전 범위를 기록한 package.json만 존재한다면 해당 프로젝트를 사
any와 unknown의 차이 ( + never)
any보다는 unknown을 사용하는것이 좋다any모든 타입 허용컴파일러 경고 내지 않음// 아래의 any 예제는 컴파일러 경고를 표시하지않는다// 잠재적인 에러를 유발할수있다let value : any = 10; console.log(value.length); //
keyof / typeof 에대해서 ( + in , instanceof )
keyof/typeof참조Typeof아래와 같이 데이터를 타입으로 변환해주는 연산자일반 데이터 → 일반 타입으로 변환객체 데이터 → 객체의 타입으로 변환메서드 → 메서드의 타입으로 변환클래스 → 클래스의 타입으로 변환일반데이터를 일반타입으로 변환타입가드로 사용됨cons
npm의 패키지 버전관리에 대해서
버전 구성버전은 주로 Major(메이저 버전), Minor(마이너 버전), Patch(패치 버전)으로 구성되며, 세 가지 업데이트 유형을 나타냅니다.Major(메이저 버전): 호환성이 보장되지 않는 대규모 업데이트로, 이전 버전과의 호환성이 없을 때 주로 변경됩니다.
타입스크립트의 콜시그니쳐 / 오버로딩 / 인덱스 시그니쳐
(vue3의 computed의 콜시그니쳐)1.콜시그니쳐vscode등에서 함수 위에 커서를 올리면 나오는 파라미터와 리턴 타입 정보를 말한다type Add = (a: number, b: number) => number // 콜시그니쳐 정의 const add: Add =
Promise에 대해서 / Promise.all과 Promise.allSettled의 차이
* Promise가 이해되면 위의 이미지가 이해가 된다Promise의 사용이유자바스크립트는 동기적 언어이다그러나 비동기적 함수(API요청)등을 처리하는 경우에는 동작 순서를 보장받지 못한다보장하기 위해서 Promise등을 사용한다Promise의 사용구조에 대해서Prom
Array<T> 및 타입스크립트를 사용하는 예제 연습
타입스크립트로 배열타입을 나타내는 두가지 방법아래의 예제에서 2번 방법 Array<타입명> 은 제너릭을 사용한 배열 타입의 선언방법이다즉 Array[타입명]으로 선언한다면 타입명으로 선언된 내용만이 들어가있는 배열타입을 선언하게 된다interface Bread{};
자바스크립트 객체내부에서 키를 생략 가능한 경우
자바스크립트의 객체 내부에서 키값이 생략되는 경우를 크게 4가지로 예를 들면 아래와같다 (ES6 , 2015부터적용)위의 예제에서 사용된건 아래의 1번과 3번이다1. Computed Property Names (계산된 속성 이름): 객체를 생성할 때, 대괄호 [] 안에