2024/08 20

a 태그

📢a태그- 다른 페이지로 이동하게 하는 태그 - 시작태그와 끝태그 안에 글자를 입력하면  => 클릭시 이동 ✔ href 속성     - 이동할 url, 값이 없다면 현재 페이지에서 새로고침     - url 값이 http:// 로 시작하면 url로 인식, 없으면 파일로 인식     - tel: 전화번호로 연결. 모바일용에서 사용     - mailto : 이메일로 연결 ✔ target : _self, _blank 가장 많이 쓰임.     - _self : 기본값, 현재 화면에서 페이지 교체     - _blank : 새창에서 연결     - _parent : 부모 창에서 링크를 새로 연결         결제창처럼 팝업창(자식창)이 뜨고 팝업에 대한 정보를 반영하여 원래의 창에(부모창) 반영되어 변경되는..

input, form 태그(2)

📢input 속성모든 태그는 속성을 가지고 있음. 속성은 순서에 상관 없음. name=" " : 서버로 정보를 전송시 변수명으로 사용되는 속성 value=" " : 서버로 전송시 값으로 사용되는 속성 name = value  id=" " : 한페이지에 하나만 허용(중복X) (주로 js에서 사용) id가 겹치면 에러가 나지는 않지만 작동하지 않을 수 있고, 엉뚱한 작동을 할 수 있음. class : css / js 구분자 역할을 하는 속성    중복 가능, 여러개 가능 class="a b c ab" => a b c ab 4개의 class 사용 readonly : 읽기전용 disabled : 비활성화, 서버로 값을 보내지 않음 tabindex : 탭순서 정할때 사용  required : 필수   ..

MySQL JOIN(1)

이중에서 가장 많이 쓰이는 건 left join과 inner join이다.일반적으로 join 이라고 하면 inner join을 말한다. 기본값. --school db에서 활용--1. at_year을 2024로 업데이트update attend set at_year='2024';mysql> select * from attend;+--------+------------+------------+---------+---------+--------+----------+-----------+-------+---------------+----------+| at_num | at_std_num | at_co_code | at_year | at_term | at_mid | at_final | at_attend | at_h..

백엔드/MySQL 2024.08.30

새로운 DB 생성 및 외래키 지정

https://koop.tistory.com/12 ERD 그리기 실습ERD(Entity-Relationship Diagram) 란- DB의 구조를 시각적으로 표현- DB에 어떤 데이터가, 어떤 관계를 맺고 있는지 보여줌데이터가 어떻게 구조화되고 연관되는지를 시각적으로 표현한 다이어그램 📢실koop.tistory.com앞서 그렸던 ERD를 토대로, 새로 DB 및 테이블을 만들고 데이터 입력, 조회를 해보려고 한다. /*DB생성 - root 계정에서 생성mysqlUser => 생성한 DB를 사용할수 있는 권한 부여DB명 => school (student, attend, course 테이블 생성)*/--1. root 계정으로 접속mysql -uroot -p비밀번호--2. db생성create database ..

백엔드/MySQL 2024.08.30

input, form 태그(1)

📢input 태그는 단일태그속성값이 다양하여 여러가지 기능에 활용가능.form 태그와 같이 사용됨. (데이터를 서버로 전송하는 역할) input type="text" : 가장 많이 사용. 한글, 영어, 특수문자, 숫자 등 글자를 입력 placeholder : 흐리게 표시, 안내문구 같은 것을 입력할 때 사용. 문자를 입력하면 사라짐 input의 value값이 없으면 내가 쓴 값을 value로 인지 "> type ="button" : 일반버튼 type="submit":전송버튼 - form 태그안의 값을 서버로 전송 type ="reset":취소버튼 - form 태그안의 값을 리셋 태그에서도 동일한 속성 사용. value="값" input 태그안의 값을 나타내는 속성 ..

HTML 텍스트(text)

비주얼 스튜디오 코드 (Visual Studio Code, 이하 VS Code) 에서 html 파일 생성 후, ! 누르고 엔터를 치면 자동으로 HTML5의 기본 소스를 입력해 준다.HTML 기본 태그 개념을 이해하기 위해 제목, 텍스트, 줄바꿈 태그를 활용함. body입니다. 제목입니다 제목입니다 제목입니다 제목입니다 제목입니다 제목입니다 --> body입니다. html 공부중 span 태그입니다. span 태그입니다. p태그입..

ERD 그리기 실습

ERD(Entity-Relationship Diagram) 란- DB의 구조를 시각적으로 표현- DB에 어떤 데이터가, 어떤 관계를 맺고 있는지 보여줌데이터가 어떻게 구조화되고 연관되는지를 시각적으로 표현한 다이어그램 📢실습 step 1. 먼저 파워포인트로 ERD를 어떻게 그릴 것인지 설계    step 2. 위의 내용들을 토대로 https://www.erdcloud.com/  이 사이트에서 ERD를 작성 ERDCloudDraw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool.www.erdcloud.com

백엔드/MySQL 2024.08.29

MySQL generated columns 및 transaction

테이블 관리와 generated columns, 트랜잭션(transaction) 활용을 해보기 위해 새로운 테이블 만들어서 실습을 해봄.-- 제품 테이블 (product) 생성create table product(num int auto_increment,type_a varchar(50) not null,type_b varchar(50) not null,name varchar(100) not null,price int default 0,amount int default 100,sale_amount int default 0,register_date datetime,primary key (num));-- 제품 데이터 추가insert into product(type_a, type_b, name, price, a..

백엔드/MySQL 2024.08.29