FrontEnd

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.매개변수 기본값할당ES6에서는 매개변수 기본값을 사용하여 함수 내에서 수행하던 인수 체크 및 초기화를 간소화할 수 있다.function sum(x,y){ x=x||0; y=y||0; return x+y;}//ES6function sum2(x=0,y=0){ return x+y;}  2.REST 파라미터매개변수 이름 앞에 세개의 점 ...을 붙여서 정의한 매개변수함수에 전달된 인수들의 목록을 배열로 전달받음function sum3(...rest){ let sum=0; for(let i=0;i    3.Spread 문법대상을 개별 요소로 분리한다.function sum4(a,b,c){console.log(a+..

1.Vite 프로젝트 생성하기우선 Vite 프로젝트를 생성해준다.PS C:\Users\asa\Desktop\code\JavaScript\fruit_game> npm create vite@latest > create-vite√ Project name: ... fruit-game√ Select a framework: » Vanilla√ Select a variant: » JavaScriptScaffolding project in C:\Users\asa\Desktop\code\JavaScript\fruit_game\fruit-game...Done. Now run: cd fruit-game npm install npm run devPS C:\Users\asa\Desktop\code\JavaScript\fr..

1.ViteVite는 프런트엔드 개발 환경을 위한 빌드 도구로, 개발 서버를 빠르게 시작하고, 빌드 속도를 높이며, 최신 웹 기술을 쉽게 사용할수있게 해준다.    2.Vite 특징빠른 개발 서버HMR (Hot Module Replacement): 코드가 변경될 때 페이지를 새로 고치지 않고 변경된 모듈만 빠르게 교체하여 즉각적인 피드백을 받는다최신 JavaScript 지원빠른 빌드   3.Vite 사용하기공식홈페이지에서 Vite 프로젝트를 만드는 법을 알수있다.Node.js를 우선 다운받고 다음 명령어로 만들다.   y를 입력해준다.PS C:\Users\asa\Desktop\code\Web\vitetest> npm create vite@latestNeed to install the following p..

1.npm(Node Package Manager)JavaScript 프로그래밍 언어의 패키지 관리자다양한 오픈 소스 패키지를 쉽게 설치하고 관리할 수 있다.   2.npm기능패키지 설치 및 관리의존성 관리스크립트 실행  3.사용법Node.js 프로젝트에서 패키지 초기화$npm init원하는 패키지 다운로드$npm install 패키지이름  원하는 패키지 삭제$npm uninstall 패키지이름

1.Node.js서버 사이드 애플리케이션을 개발하기 위한 오픈 소스 런타임 환경Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다.   2.Node.js 특징JavaScript 런타임비동기 I/O단일 스레드 이벤트 루프npm(Node Package Manager)제공  3.Node.js 사용처웹 서버: Express.js와 같은 프레임워크를 사용하여 웹 서버를 쉽게 구축할 수 있다.API 서버: RESTful API 또는 GraphQL API 서버를 만들기 위해 사용실시간 애플리케이션:시간 데이터 스트리밍 애플리케이션 등에 적합마이크로서비스: Node.js는 가벼운 런타임 환경으로, 마이크로서비스..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.화살표 함수간략하게 함수를 선언시킨다.(x, y) => { ... } 방식으로 선언     🎈참고자료https://poiemaweb.com/es6-arrow-function

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.템플릿 한번에 여러줄의 문자열을 입력받을수있다. ` 를 사용한다.

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.letvar키워드를 통한 함수레벨 스코프를 가지는것 대신 let 키워드를 사용하여다른 언어처럼 블록레벨 스코프를  지원할수있다.    2.const상수를 위해 사용(재할당 불가능 = 선언과동시에 할당)블록레벨 스코프를 갖는다하지만 const의 타입이 객체일때 객체의 프로퍼티는 변경가능하다.const me={age:20};me.age=10;document.write(me.age+"")    🎈참고자료https://poiemaweb.com/es6-block-scope