for.. in 과 for.. of의 차이
for...of 반복문 ( 배열 ):for...of 반복문은 주로 배열(Array) 또는 이터러블 객체(Iterable)를 순회하는데 사용됩니다 const colors = ["red", "green", "blue"]; for (const color of color
TypeScript메모_2
1. : 뒤엔 주로 타입: 뒤에 오는건 대게는 타입이라고 인지, 그러나 경우에 따라 return도 있음:를 사용해서 타입을 지정하는 경우는 아래의 1번이고 반환형의 타입을 지정하는 경우는 ( )뒤에 :를 사용한 2번 예제이다1.변수or함수명:타입2.():반환형위의 2번
자바스크립트 연산자
자바스크립트에서 자주사용되는 연산자 (삼항연산자는 제외함)물음표 두 개 연산자 (Nullish Coalescing Operator)물음표 두 개 연산자는 좌항의 값이 null 또는 undefined인 경우에만 우항의 값을 반환하고, 그 외의 경우에는 좌항의 값을 반환합
SSR / CSR / SSG
SSR (Server-Side Rendering)서버쪽에서 렌더링을 준비한 후 클라이언트에게 전달하는 방식으로, 초기 요청에 대한 응답으로 이미 렌더링된 HTML을 전송하며, 사용자의 브라우저에서 JavaScript가 실행되기 전에 화면을 표시하는 방법입니다.(JSP나
Form태그로 PUT, PATCH ,DELETE 방식을 사용하기
form태그에 put,patch,delete사용REST방식으로 API를 설계할때 GET, POST말고 PUT, DELETE를 써야하는데 form 태그 method에 아무리 PUT,PATCH,DELETE 써봤자 GET방식으로 들어가는 문제가있음아래와 같이 처리하면 PUT
빌드 / 모듈 / 모듈번들러 / 웹팩
빌드 (Build):빌드는 소스 코드와 다른 리소스들을 처리하여 실행 가능한 애플리케이션 또는 배포 가능한 형태로 변환하는 과정입니다. 개발자가 작성한 소스 코드와 필요한 리소스(이미지, CSS 파일, 데이터 파일 등)를 컴파일, 번들링, 최적화 등의 작업을 통해 실행
노드와 엘리먼트 비교
노드(Node)는 DOM(Document Object Model)에서 문서 내 모든 개체를 나타내는 일반적인 용어입니다. DOM은 웹 페이지 내의 모든 HTML, XML 및 XHTML 요소를 객체 모델로 나타냅니다. 노드는 문서 내 모든 항목을 나타내며, 이들은 다음과
TypeScript메모
Type Script를 vscode에 설치nodejs로 전역으로 typescript 패키지를 설치npm install -g typescripttsconfig.json파일을 생성해당파일에서 컴파일 설정과 자바스크립트 버전설정등을 할수있다tsc --init컴파일 방법변경시
NPM / NPX
참고이미지의 각 파일명을 이 게시물에선 아래와같이 사용함package.json= 파일1uuid = 파일2uuid-bin.js = 파일3터미널에서 실시한 명령어 = 명령어1NPMNodeJs repositories (https://www.npmjs.com/) 에서 관리하는
require / exports (NodeJS의CommonJS)
1.본 게시물에서 소개할 내용은 NodeJS의 CommonJS의 require과 exports이다. ES6의 import와 export가 아니다자바스크립트 개발을 하다보면 모듈을 불러오는 문법 두가지 ( require / exports ) 와 ( import / ex
Blob / File / createObjectURL
자바스크립트에서 저장형태Blob: 주로 "파일 형태가 아닌" 바이너리 데이터(마이크 소리, canvas그림 등)를 다룬다.Chrome에서 954MB까지 이진데이터 저장가능하다.만약 DB에 파일을 그대로 저장하고싶다면 이 Blob형태로 저장하면된다File: Blob을 상
ES2022
1.멤버변수(클래스필드) 선언방식이 간단하게 바뀜constructor()로 멤버변수(클래스필드)를 선언하던 기존의 방식에서 아래와 같이 바뀜// 새로운 방식 class Human { age = 18; static category = "animal" } let