개발일지(6)
-
모듈
여러 파일로 하나의 어플레케이션을 분리할 때, 각각의 파일들을 모듈이라고 부름 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. 객체 기본 객체는 사전적인 정의로 실제 존재하는 것을 의미함 1) 객체 생성: {}중괄호나 객체 생성자로 생성 const obj = {}; const obj = new Object(); 2) 객체 구조 사람 = { key: value} // 이 때 중괄호 안에 들어가는 key: value를 프로퍼티(property)라고 함 3) 객체 접근 점 표기범 : obj.key 대괄호 표기법 : obj[key] 사람. 성별 사람. 말하다() 2. 객체 응용 1) 객체 관련 함수 삭제 : delete obj.name; 프로퍼티 유무 : property1 in obj 반복 : for (변수 in obj) { // 변수를 이용한 코드 } 옵셔널 체이닝 : obj?.property?.subProperty 구조 분해 ..
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 -
메타데이터 요소
메타데이터의 역할 head의 내용은 페이지에 표시되지 않음. 대신에 head의 내용이 하는 일은 페이지에 대한 metadata를 포함함 데이터를 위한 데이터 데이터를 설명하는 정보 html문서를 설명하는 정보 title title태그 사이에 text로 문서를 설명하는 제목을 넣어주면 됨 title 태그 사이에 텍스트는 무시가 됨 하나의 html엔 하나의 title만 있어야함 페이지 제목은 SEO에 큰 영향을 줌 명사로만 이루어진 제목은 피하는게 좋음. 광고로 인식을 하는 경우가 많음 meta-문서 정보 빈요소기 때문에 정보가 없음 속성에다가 정보를 나열하게 됨 name이라는 속성은 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공 할 수 있음 application-name은 웹..
2023.03.27