👩‍💻 Jinsol's Blog 👩‍💻 |

[MySQL] 제약조건 (Constraint) - NOT NULL, DEFAULT, PRIMARY KEY, AUTO_INCREMENT / CRUD

15 Nov 2021 - 1 minute read

Constraint (제약조건) NOT NULL UNIQUE PRIMARY KEY FOREIGN KEY DEFAULT Null / Not Null Null = N / Not Null = NN Null은 공백이 아닌 ‘미입력 상태’를 의미 Not Null 설정 CREATE TABLE table_name ( column_name data_type NOT NULL ); null값 입력 방법 ex) CREATE TABLE people( num int, name... Continue reading...

[MySQL] MySQL 설치 / 기본 쿼리 - DATABASE, TABLE, INSERT / SAFE MODE

14 Nov 2021 - Less than 1 minute read

MySQL 설치 🐬 MySQL 설치 & 설치 확인하기 🐬 MySQL Workbench 설치하기 MySQL 쿼리(Query)문 데이터베이스 (Database) 데이터베이스 생성 CREATE DATABASE database_name; 데이터베이스 삭제 DROP DATABASE db_name; DROP DATABASE IF EXISTS db_name; 데이터베이스 사용 USE db_name; 데이터베이스 리스트 조회 SHOW DATABASES; 현재 사용중인 DB SELECT DATABASE(); 테이블 (Table) Columns (headers) /... Continue reading...

[JSP] EL / JSTL

12 Nov 2021 - 1 minute read

EL (Expression Language) 표현식 또는 액션태그를 편리하게 출력하기 위한 언어 ex) ${ } <%=value %> -> ${value} <jsp:getProperty name="member" property="name" /> -> ${member.name} => 코드의 가독성과 절약성 ↑ EL 내장객체 pageScope : page Scope 참조 Scope란? 웹 어플리케이션에서 생성된 변수 또는 객체가 유효한 범위 page scope = page 영역의 객체... Continue reading...

[jQuery] 탑버튼 (.scrollTop)

10 Nov 2021 - Less than 1 minute read

탑버튼 구현하기 See the Pen Top Button by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ScrollTop</title> </head> <body> <div id="wrap"> <h1> 탑버튼 구현 </h1> <span id="topBtn">TOP</span> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </body> </html> CSS @charset("UTF-8"); html { scroll-behavior: smooth; }... Continue reading...

[jQuery] 방향키가 있는 이미지 슬라이드쇼

10 Nov 2021 - 2 minute read

방향키가 있는 이미지 슬라이드쇼 만들기 See the Pen 방향키가 있는 이미지 슬라이드 by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Slide Show</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <h1>슬라이드쇼 : 가로이동방식</h1> <div id="slideShow"> <!-- 이미지 한개의 크기... Continue reading...