전체 글 67

[javascript] 모듈 .mjs Vs .js

.mjs Vs .js 원래 Node.js의 모듈 시스템은 commonjs를 사용했습니다(require과 module.exports를 사용하는..) 그러다가 ECMAscript 모듈 시스템이 표준이 되었고, Node.js는 이를 지원하게 되었습니다. Node.js 는 .cjs 파일로 commonjs 모듈 시스템을 지원했고, .mjs파일로 ECMAsript 모듈 시스템을 지원했습니다. 그러고 js파일은 둘 다 모두를 지원하게 되었습니다. (default는 commonjs) (package.json에 "type" :"module"쓰면 ecma 모듈 지원) .JS const b = require("./main2.js"); console.log(b.a); 받아오는 js function hello() { retur..

program/javascript 2024.02.12

[MySQL] 테이블 수정 (ALTER TABLE)

컬럼 추가 (Add) ALTER TABLE table_name ADD COLUMN ex_column varchar(32) NOT NULL; 컬럼 변경 (Modify) ALTER TABLE table_name MODIFY COLUMN ex_column varchar(16) NULL; 컬럼 이름까지 변경 (Change) ALTER TABLE table_name CHANGE COLUMN ex_column ex_column2 varchar(16) NULL; 컬럼 삭제 (Drop) ALTER TABLE table_name DROP COLUMN ex_column; 테이블 이름 변경 (RENAME) ALTER TABLE table_name1 RENAME table_name2; 컬럼 이름 변경 ALTER TABLE s..

DB 2024.02.12

[css] bootstrap

https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com link 복사 Hello, world! 번역된 부트스트랩 https://getbootstrap.kr/ Bootstrap 강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, ..

[db] mysql select 문 실행순서

SELECT FROM WHERE GROUP BY HAVING ORDER BY LIMIT 아래의 순서대로 해석 및 실행됨 FROM WHERE GROUP BY HAVING SELECT ORDER BY LIMIT FROM: 어느 테이블을 대상으로 할 것인지를 먼저 결정합니다. WHERE: 해당 테이블에서 특정 조건(들)을 만족하는 row들만 선별합니다. GROUP BY: row들을 그루핑 기준대로 그루핑합니다. 하나의 그룹은 하나의 row로 표현됩니다. HAVING: 그루핑 작업 후 생성된 여러 그룹들 중에서, 특정 조건(들)을 만족하는 그룹들만 선별합니다. SELECT: 모든 컬럼 또는 특정 컬럼들을 조회합니다. SELECT 절에서 컬럼 이름에 alias를 붙인 게 있다면, 이 이후 단계(ORDER BY, ..

DB 2024.02.04

[html] 테이블

Premium Standard Basic 화질 최대 FHD HD 다운로드 무제한 월 30회 불가 ₩15,900 ₩10,900 ₩8,900 table { border: 1px solid red; /* 표 전체의 테두리를 빨간색으로 */ } th { border: 1px solid green; /* 제목 셀의 테두리를 초록색으로 */ } td { border: 1px solid blue; /* 각 셀의 테두리를 파란색으로 */ } table { border: 1px solid red; border-collapse: collapse; /*테두리 겹치기 */ } th { border: 1px solid green; } td { border: 1px solid blue; } table { border: 1px s..

[css]캐스케이드(Cascade)

캐스케이드(Cascade) 최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 적용하는 걸 의미 스타일 시트의 종류 브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮습니다. 코드 상의 순서 코드에서 아래 쪽에 쓴 코드일수록 우선순위가 높습니다. 명시도 선택자마다 명시도 점수가 있는데요. 간단히 말해서 아이디 개수, 클래스 개수, 태그 개수를 적어서 점수를 비교합니다. 상속 부모 태그에 적용된 CSS 규칙은 자손에게도 상속되는데요. 모든 속성이 상속되는 건 아니고, 상속되는 속성들이 정해져 있습니다. 상속된 속성의 우선순위 조상 태그들에서 스타일이 모두 계산된 상..

[javascript] null vs undefined

let vvv; console.log(vvv); // undefined vvv= null; console.log(vvv); // null null: 사용자가 값이 없다는 걸 의도적으로 표기할 때 사용 undefined: 사용자가 값이 없다는 걸 표기하기보다, 코드를 실행했는데 값이 없을 경우 사용됨 변수에 undefined를 할당해도 오류가 나지는 않음 let vvv = undefined; console.log(vvv); // undefined 변수에 아무 값도 할당하지 않으면 어차피 undefined가 되기 때문에 이건 불필요한 코드 변수는 값이 없다는 걸 의도적으로 표현하기 위해서는 undefined 대신 null을 사용

program/javascript 2024.02.03