웹을 하다보면 자주 접하는 중복 로그인 방지 기능 요청사항이 들어오는데, HttpSessionListener를 통해 관리할 수 있습니다. 해당 객체는 Session이 생성되거나 제거될때 발생하는 이벤트를 제공하므로 등록만 해주면 세션을 통제할 수 있습니다. HttpSessionListener @WebListenerpublic class SessionConfig implements HttpSessionListener { @Override public void sessionCreated(HttpSessionEvent hse) { //세션 생성시 } @Override public void sessionDestroyed(HttpSessionEvent hse) { //세션 삭제시 ..

자바스크립트로 돈 버는 방법 중 하나로 브라우저 확장 기능 개발이 있어요. 비교적 만들기 쉬우면서도 큰 수익을 내는 사례들이 꽤 많죠. 💰1. 브라우저 확장 기능, 왜 주목해야 할까?* 높은 수익 잠재력: 간단한 아이디어로 시작해도 큰 성공을 거둘 수 있어요. * Honey: 쇼핑몰 할인 쿠폰 자동 적용 기능으로 시작해 페이팔(PayPal)에 거액으로 인수되었죠. 🍯 * Grammarly: 원래 문법 교정 사이트였지만, 브라우저 확장 기능을 출시하며 사용자가 폭발적으로 증가했고, 연 2천억 원 이상의 수익을 내고 있어요. ✍️ * CSS Peeper: 웹사이트 CSS 속성을 쉽게 확인하는 기능으로, 라이선스 판매를 통해 상당한 수익을 올렸어요. 🎨 * 이메일 ..

.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..

컬럼 추가 (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..

UNION ALL은 UNION처럼 두 테이블의 합집합을 보여준다는 점은 같습니다. UNION ALL 하지만 겹치는 것을 중복 제거하지 않고, 겹치는 것들을 그대로 둘다 보여준다

DESCRIBE [테이블명]; 컬럼 정보를 한번에 볼 수 있음 Field : 컬럼의 이름 Type : 컬럼의 데이터 타입 Null : 컬럼의 Null 속성 유무 Key : Primary Key, Unique 속성 여부(Unique 속성은 곧 배웁니다) Default : 컬럼의 기본값(기본값 속성은 곧 배웁니다) Extra : AUTO_INCREMENT 등의 기타 속성 DESCRIBE를 그냥 DESC라고 줄여서 써도 됩니다.

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로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, ..

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, ..

개수(COUNT) 최댓값(MAX) 최솟값(MIN) 평균값(AVG) 모두 null 값을 제외하고 계산함 모든 행의 수는 count(*) 모든 값의 합을 구하는 SUM() 함수, 모든 값의 표준편차를 구하는 STD() 함수 ABS() 함수 - 절대값을 구하는 함수 SQRT() 함수 - 제곱근을 구하는 함수 CEIL() 함수 - 올림 함수 FLOOR() 함수 - 내림 함수 ROUND() 함수 - 반올림 함수

null: 사용자가 값이 없다는 걸 의도적으로 표기할 때 사용 undefined: 사용자가 값이 없다는 걸 표기하기보다, 코드를 실행했는데 값이 없을 경우 사용

truthy한 값: falsy한 값 true: false 0을 제외한 모든 숫자 (음수, 소수 포함): 0 ''을 제외한 모든 문자열 (공백으로만 이루어져 있는 문자열 포함):'' -:null -:undefined

숫자로 변환Number() 문자열로 변환String() 불린으로 변환Boolean()

자료형설명예시 숫자형정수와 소수1, -2, 3.832 문자열글자'JavaScript', '*%&^$', '' 불린형참과 거짓 둘 중 하나의 값을 가짐true, false null값이 없다는 것을 의도적으로 표현null undefined코드를 실행했는데 (변수에) 값이 없을 경우undefined

relative, sticky는 요소의 원래 자리를 차지하기 때문에 플렉스박스의 영향을 받음 absolute랑 fixed는 요소의 원래 자리에서 쏙 빠져버리기 때문에 글의 흐름에서 빠지는 거랑 마찬가지로, 플렉스박스랑 상관없이 배치됨

..

값이 비어있을 때 보여주는 값 placeholder input::placeholder { color: #dddddd; } 반드시 입력해야 하는 값 required 자동 완성 autocomplete https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

post 방식 데이터 확인 사이트 Request Bin(https://requestbin.com/)

이미지 비디오 자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여 주는 controls 속성 오디오 자동 재생을 하는 autoplay 조작하는 버튼들을 보여 주는 controls 속성 iframe 인라인 프레임이라는 뜻으로, 다른 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..