개발자(15)
-
웹 프론트 JS
1. 인사 자바스크립트 런타임 : 자바스크립트 엔진을 포함하는 실행 환경 자바스크립트 엔진 : 자바스크립트 코드를 실행하는 프로그램 2. 디버깅 console.log(); chrome 개발자 도구 debugger; 3. DOM 다루기 Window 객체 Document 객체 특정 요소 찾기 getElementById getElementsByTagName 인접 노드 접근 children parentElement 노드 생성 createElement Node.style Node.innerHTML 4. 브라우저 객체 Navigator location location.href History 5. 이벤트 Click. Mouseover, keydown, focus… 이벤트 핸들러 addEventListener 6. 에..
2023.04.17 -
JS 기초 문법
1. 인사 console.log(x,y,z) 2. 기본연산자, 값 산술 연산자 : + , - , * , / , % , ** 복합할당 연산자 : += , -= , *= , /= , %= , **= 할당 연산자 : = 3. 연산자 비교 연산자 : == , === , = 증감 연산자 : ++ , -- , ++X, X++ 논리 연산자 : ||(OR) , &&(AND) 부정 연산자 : ! 4. 변수와 상수 let : 변수 생성 키워드 const : 상수 생성 키워드 var : 레거시 키워드 5. 자료형 동적 타입 언어 숫자형 : Infinity, -infinity, NaN BigInt형 : 2^53-1 보다 크거나 -(2^53-1) 보다 작은 정수 표현, 숫자 끝에 N을 붙혀서 사용 문자형 : “”, ..
2023.04.17 -
모듈
여러 파일로 하나의 어플레케이션을 분리할 때, 각각의 파일들을 모듈이라고 부름 1) 모듈 내보내기 export const func = () => {}; export const a = 1; 2) 모듈 가져오기 Import fileObj from ʻ./file.jsʼ; fileObj .func(); Import { func, a } from ʻ./file.jsʼ; func(); 3) 모듈 시스템 내보내지 않은 변수는 외부로 노출되지 않아 자원 보호가 가능함 CommonJS const func = require(ʻ./file.jsʼ) ES Modules Import func from ʻ./file.jsʼ; export const bark = () => { console.log('Bow-wow'); }; imp..
2023.04.16 -
배열
프로퍼티의 key가 숫자이며 프로퍼티 간의 순서를 가지는 객체 1) 배열 생성 : [] 대괄호나 배열 생성자로 생성 const array = []; const array = new Array(length); 2) 배열 접근 array[index] -> index는 0부터 시작 const colors = ['red', 'blue', 'green', 'pink', 'mint']; console.log(typeof colors); // object -> 배열도 객체로 구현한 것이기 때문 console.log(colors[2]); // 인덱스 접근, 인덱스는 0부터 시작 //green console.log(colors.length); // 자체적으로 length라는 프로퍼티가 있음 //5 3) 배열 관련 함수 ..
2023.04.16 -
함수
함수 비슷한 코드가 반복해서 사용될 때 사용한다. 1) 함수 선언식 function 함수이름(매개변수 = 기본값) { // 코드 } 2) 함수 표현식 const 함수이름 = function(매개변수) { // 코드 } let a = 2; const makeNumber = function (value = 10000) { // 초기값 // 숫자가 아니거나 0보다 작으면 0으로 return, 넘겨진 value를 숫자형으로 만들어서 return if (value < 0) return 0; // early return let a = 1; // console.log(a); // 지역변수가 전역변수를 가림 const newValue = Number(value); return isNaN(newValue) ? 0 : n..
2023.04.16 -
조건문과 반복문
1. 조건문 1) if if(조건1){ 조건1이 참일 때(1) } else if (조건2) { 조건1이 거짓 / 조건2가 참일 때 (2) } else { 조건1, 2가 모두 거짓일 때 (3) } 2) 삼항 연산자 조건 ? // 조건이 참일 때 (1) : // 조건이 거짓일 때 (2) 3) switch switch (값) { case 케이스1 : // 값이 케이스1일 때 break; default : // 앞선 케이스들에 하나도 해당되지 않을 때 } 2. 반복문 1)for for (초기; 조건; 실행){ // 반복되는 코드 } for (let a = 1; a < 10; a++) { 회원번호 a에게 포인트 제공 } 2) while 초기 while(조건){ // 반복되는 코드 실행 } let a = 1; wh..
2023.04.16