IT 성장일기

실시간으로 두 개의 input 요소의 값 비교해서 이벤트 발생시키기 예를 들면 입력한 두 개의 비밀번호 값이 일치하는지 검사해야 하는 경우는 정말 자주 있습니다. 그럴 때 값을 비교해서 이벤트를 발생시키는 방법을 기록합니다. Template 두 개의 input 요소를 추가해 줍니다. New password Enter again Script document.addEventListener("DOMContentLoaded", function() { const newPassword = document.querySelectorAll(".newPassword"); let password1 = ""; let password2 = ""; newPassword.forEach((input, index) => { input..

HTML 텍스트 요소를 정리해 보자 - 주석과 인용구 주석 (Comment) 주석은 개발자라면 수 없이 접하게 될 아주 중요한 요소입니다. 주석의 용도는 크게 두 가지로 나눌 수 있습니다. 코드에 부연 설명을 달거나 디버깅을 하기 위해 사용합니다. 지금은 사용하지 않게 된 코드를 무효화(?) 하기 위해 사용합니다. 또한 주석은 아래와 같은 여러 가지 특징을 지니고 있습니다. HTML 문서의 경우 주석은 웹브라우저에 표시되지 않습니다. HTML 문서의 경우 다음과 같이 표시합니다. 언어나 문서의 종류에 따라 주석의 형태가 다릅니다. 주석 처리 된 문장은 아무런 기능도 수행하지 않게 됩니다.

HTML 텍스트 요소를 정리해보자 - 서식 서식 (Formatting) HTML이 제공하는 여러 서식 태그를 이용하면 글씨에 다양한 효과를 더할 수 있습니다. 강조하기 글씨를 굵게 강조하고 싶을 땐 태그나 태그를 이용할 수 있습니다. 또는 외래어 등을 표시할 때 기울임체 (이탤릭체)로 쓰는 경우가 있는데 태그와 태그가 이 효과를 지원합니다. 태그나 태그나, 태그나 태그나. 겉으로는 별반 차이가 없는데 같은 기능을 하는 태그가 왜 두개씩 존재할까요? 태그와 태그는 해당 태그 내부의 내용 또한 중요하다는 의미를 내포하고 있다고 합니다. 따라서 검색엔진은 이 태그들로 강조된 텍스트를 더 중요하게 인식한다고 합니다. HTML 삽입 미리보기할 수 없는 소스 글씨를 강조해봅시다. 굵직한 b 태그입니다. 굵직한 st..

HTML 텍스트 요소를 정리해 보자 - 제목과 문단 제목 (Heading) HTML은 문서의 제목을 정의하는 요소로서 여섯 개의 태그를 제공합니다. 태그로부터 태그까지 크기가 점점 작아집니다. HTML 삽입 미리보기할 수 없는 소스 h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. 태그는 검색엔진에 의해 문서의 제목으로 인식되고 키워드를 수집하는 수단으로써 중요한 역할을 맡고 있습니다. 문단 (Paragraph) 내용의 문단을 표현하기 위해 HTML은 태그를 제공합니다. HTML 삽입 미리보기할 수 없는 소스 HTML 텍스트 요소를 정리해보자 HTML 텍스트 요소를 정리해보자 태그는 문단을 나눠주는 태그이기 때문에 자동으로 한줄의 줄 바꿈이 실행됩..

HTML 기초 찍먹하기 HTML이 뭔가요? Hyper Text Markup Language의 약자로서 웹페이지를 뼈대를 구성하는 언어입니다. 우리가 보는 웹페이지는 대부분 HTML로 이루어져 있습니다. (프로그래밍 언어가 아니라 마크업 언어입니다!) HTML 태그 HTML은 저마다의 역할을 가지고 있는 여러 가지의 태그로 구성됩니다. 태그는 꺽쇠괄호('')로 표현되며 아래와 같이 시작태그와 종료태그 한 쌍으로 이루어지는 것이 일반적입니다. HTML태그를 닫지 않아도 문서의 표시는 가능하지만 반드시 태그를 닫는 습관을 들이는 것이 좋습니다. 예상치 못한 예외나 오류를 발생시킬 수 있기 때문입니다. 몇 가지 예외적으로 시작태그만으로 사용되는 태그가 존재하는데 이를 빈 태그(Empty tag)라고 부릅니다. ..

함수 - 함수의 종류 모두의 SQL을 읽고 배운 것을 복습하기 위해 정리해서 기록합니다. 해당 도서는 Oracle 데이터베이스를 기준으로 하고 있습니다. 0. 함수란 무엇인가요? 미리 정의된 기능을 통해 데이터를 조금 더 편리하게 다룰 수 있도록 해주는 것을 뜻합니다. 함수를 사용하는 목적은 아래와 같습니다. 데이터 타입을 상호 변환합니다. 데이터베이스에는 문자 타입, 숫자 타입, 날짜 타입 등 다양한 타입의 데이터가 저장됩니다. 예를 들면 124라는 값이 문자 타입으로 저장되었을 때 이를 숫자 타입으로 변환할 수 있게 해 줍니다. 데이터의 값을 계산하거나 조작합니다. 행을 그룹 지어서 계산하거나 요약할 수 있습니다. 1. 단일 행 함수 한 번에 하나의 데이터를 처리하는 함수를 의미합니다. 하나의 컬럼에..

WHERE 모두의 SQL을 읽고 배운 것을 복습하기 위해 정리해서 기록합니다. 해당 도서는 Oracle 데이터베이스를 기준으로 하고 있습니다. 0. WHERE? 유의미한 데이터를 조회하기 위해서는 필요한 데이터만 골라내는 과정도 필요합니다. 구글이나 네이버에 키워드를 입력하여 검색하듯이 WHERE 절을 이용해 조건에 부합하는 데이터만 조회할 수 있습니다. WHERE 절을 사용하여 조회 조건을 지정할 수 있습니다. WHERE 절은 FROM 절 다음에 위치하며 비교 연산저, SQL 연산자, 논리 연산자, 열 이름, 표현식, 숫자, 문자 등 다양한 조건을 사용할 수 있습니다. 데이터가 조회되는 논리의 순서는 아래와 같습니다. FROM (어디서 가져올까요?) WHERE (어떻게 가져올까요?) SELECT (무엇..

SELECT 모두의 SQL을 읽고 배운 것을 복습하기 위해 정리해서 기록합니다. 해당 도서는 Oracle 데이터베이스를 기준으로 하고 있습니다. 0. SQL의 기본 문법 SELECT 구문은 데이터베이스에서 데이터를 조회하기 위한 가장 기초적인 구문입니다. 기본적인 구조는 아래와 같습니다. SELECT culumn01, culumn02 FROM my_table SELECT 다음에는 조회할 컬럼이, FROM 다음에는 데이터를 가져올 테이블이 명시됩니다. 1. SQL 작성 규칙 대소문자를 구분하지 않지만 명령어는 대문자로 작성하고 나머지를 소문자로 작성하면 가독성이 좋아집니다. SQL문은 줄 바꿈에 있어서 자유롭습니다 (긴긴 쿼리를 한 줄로도 작성할 수 있습니다!) 어떤 코드에도 통용되지만 규칙적인 들여 쓰기..

버튼에 값을 저장하고 클릭 시 이벤트 부여하기 jQuery를 이용해서 버튼에 값을 저장하고 이를 이용하는 방법을 기록합니다. Template 버튼입니다. jQuery 도움이 되어드렸다면 구독 / 좋아요 부탁드립니다.👏🏻 감사합니다.🙂

Checkbox 체크할 때 이벤트 발생시키기 Checkbox On Off 이벤트 발생 시 즉각적으로 이벤트를 처리할 수 있습니다. Template Script 도움이 되어드렸다면 구독 / 좋아요 부탁드립니다.👏🏻 감사합니다.🙂

Oracle DB ORA-01045: user lacks CREATE SESSION privilege 새로 생성한 유저에게 세션 관련 권한을 주지 않아서 발생한 예외입니다. 해결 방법은 간단합니다. 아래 프로세스를 따라 유저에게 권한을 부여하면됩니다. 1. CMD를 열고 오라클 관리자 계정으로 접속합니다. 1-1. sqlplus 입력 1-2. user-name : sys as sysdba 입력 1-3. password : 입력하지 않고 엔터 2. 아래 코드를 입력하여 권한을 부여합니다. GRANT CREATE SESSION TO username; 또는 GRANT CONNECT, RESOURCE TO username; 그런데 저는 다른 권한 일일이 따로 부여하기 귀찮아서 DB관리자 권한을 부여했습니다. G..

테이블 컬럼에 설명 추가, 수정, 삭제 및 조회하기 SQL Server에는 테이블 생성 시 직접 코멘트를 추가하는 기능은 제공되지 않지만 확장속성을 활용하여 테이블 메타데이터와 비슷한 정보를 추가할 수 있습니다. 물론 DBeaver 등 IDE를 활용하면 더욱 간편하게 테이블을 생성/수정할 수 있지만 개발자라면 툴 뿐 아니라 코드를 다룰 수 있어야 하므로 배워보도록 하겠습니다.😤 예시를 위해 테이블 이름은 DUMMY_TABLE, 데이터베이스 이름은 임의로 DATA_VASE라고 하겠습니다. 테이블 생성 먼저 아래 쿼리로 Dummy 테이블을 생성하겠습니다. CREATE TABLE DATA_VASE.DBO.DUMMY_TABLE ( NAME NVARCHAR(50) NOT NULL , AGE NUMERIC(3) ,..