본문 바로가기

IT 공부/Javascript4

npm 기초 node js 자바스크립트 런타임 환경 npm (node package manager)라이브러라, 모듈 등을 설치받을 수 있게 쉽게 도와주는 메니저 package.json프로젝트에 대한 정보를 갖고 있는 파일.dependecies 와 같은 속성을 활용하여 프로젝트에 의존된 라이브러리를 관리한다 package.json 파일은 직접 작성할 수도 있고,npm init 명령어를 사용해 자동으로 생성도 가능하다! npm 속성name : 프로젝트 이름version : 프로젝트 버전 description : 프로젝트 설명keywords: 프러젝트 검색시 참조되는 키워드private : true (소스 공개 안할거 )main : 패키지 메인 기본 진입점scripts : 자주 실행하는 명령어는 scripts로 작성예)n.. 2024. 12. 10.
자바스크립트 파일, script defer, async load 이벤트 리스너 등록window.onload : html  파싱 DOM 생성 그리고 외부 콘텐츠(css, images, scripts)가 로드된 후 발생하는 이벤트 window.onload = function () {  document.querySelector('#btn').addEventListener('click', functin() {     alert('aaaa')  })} >> 근데 비효율적임!왜냐면, 만약 사진이 100개 정도 있으면 그거 다 뜰때까지 기다렸다 실행할거임?그래서 DomContentLoaded HTML파싱 DOM생성 후 발생하는 이벤트 (외부 콘텐츠 로드 기다리지 않음) document.addEventListener('DOMContentLoaded', function ().. 2024. 12. 9.
자바스크립트 기본 객체, 배열, 블록문, 스코프 객체와 배열은 참조타입객체복합적인 정보를프로퍼티로 키와 벨류값으로 갖는 자료형. 키 in 객체 ( 특정키 포함 여부 확인 ) 'age' in person; * const 선언 객체의 프로퍼티 변경은 가능하나새로 다시 할당은 불가!const person1 = { name: 'sd', age: 21};person1.job = 'developer'person1 = {}; 배열const a = [a, 'b',332, null ]배열 내에 다양한 자료형 넣을 수 있음원시타입/ 참조타입  -> 값복사인지 주소복사인지 블록문0개 이상의 문들을 묶은 단위, 일반적으로 제어문, 함수등에 사용되며 새로운 스코프를 생성{ console.log('blog');} 스코프 scope블록 안에 선언된 변수, 상수를 밖에서 사용 불.. 2024. 12. 2.
javascript 기본. 자바스크립트란? 변수와 상수, 자료 자바스크립트란?자바스크립트는 인터프리터 언어-컴파일 언어 : 코드 -> 컴파일 -> 실행 -인터프리터 언어 (따로 포장하거나 가공하는 과정 없음)바로 실행 => 버그가 덜 걸러지고 실행은 좀 느리지만 딱히 차이 없음 동적 자료형숫자로 저장한 변수에 객체나 함수 등으로 바꿀 수 있음.코딩이 자유롭지만, 에러가 날 가능성=> 이를 보완한 자바스크립트 코드를 엄격한 과정을 거쳐 생성해주는 타임스크립트 언어가 있음자바스크립트는 객체지향적인 언어지만, 자바랑은 또 색다름프로토타입 기반, (클래스 방식보다도 강력)일급 객체를 이용해서 함수형 프로그래밍을 할 수 있음 *Babel (코드 변환 소프트웨어)최신 문법인 자바스크립트 코드를 예전 버전으로 자동으로 번역해서 사용할 수 있어어떤 버전에서 나온 건지 상관없이 마.. 2024. 12. 2.

티스토리툴바