분류 전체보기

나의 수업일지

인천 일보 아카데미 32일차 -1- 선택자(selector) / 가상 선택자(hover) / hover 사용 - 감추고 보여주기

태그 선택자 (2가지 이상 태그에 동일 스타일 적용) 태그 선택자는 태그를 지정하고 지정 태그 전체에 속성값을 적용하는 선택자입니다 2가지 이상의 태그에 속성값을 모두 주고 싶다면 ? 기본 문법 A , B { 속성 : 속성값 } 자손 선택자 (descendant selector) 기본 문법은 A공백B { 속성 : 속성값 } 자손 선택자는 A태그 안에 소속된 모든 B태그에 속성값을 줄때 사용한다 아래 사잔을 참고하자 자식 선택자(child selector) 기본 문법 A > B { 속성 : 속성값 } 자식 선택자는 A > B로 A태그 안에 있는 B태그에 속성값을 적용한다 아래 사진을 참고하자 자손 선택자와 자식 선택자는 설명만보면 비슷하기 때문에 헷갈릴수 있다 위 사진을 비교해서 보자면 자손 선택자는 di..

나의 수업일지

인천 일보 아카데미 31일차 -2- 사용해보며 알아보기 (요소 - 블록,인라인/ link 사용 / font 변경 / 선택자(selector))

요소 - block , inline 사용해보기 출력 결과를 볼 때 태그의 사용에 따라 문자의 출력 방식이 다르다는걸 알 수있다 이유는 h , b , p 태그는 block 요소(태그)이기 때문이다 출력하면 위아래 +1까지 영역으로 아무도 올 수 없다 하지만 strong , i , del , sub , sup 태그는 inline 요소(태그)이기 때문에 출력문까지만 자신의 영역으로 옆에 붙어서 출력된다 이해가 안된다면 아래 사진을 참고하자! block 요소(태그) inline 요소(태그) 이미지 올려보기 / link 걸어보기 a 태그도 inline 요소(태그)이기 때문에 붙어서 출력되는걸 확인할 수 있다 href 속성은 링크를 받아 저장해주고 target속성은 열림 방식을 의미한다 또한 태그의 시작과 끝 사이..

나의 수업일지

인천 일보 아카데미 31일차 -1- / frontend_간단한 구성요소 / html - 문법 /html - 파일 구조 / 요소 - 블록 , 인라인 / 상대경로,절대경로 / 선택자(selector)

프론트엔드(frontend)의 큰 목차? 프론트엔드 개발자 웹 디자이너 : 말그대로 디자인하는사람이고 웹 퍼블리셔 : 디자이너가 디자인한 웹을 작동 가능하게 만들어 주는 사람이다 프론트(fromnt) 간단한 구성요소 HTML : 구조를 정의 (HTML은 프로그램 언어라고 하기는 힘들고 마크업 언어라고 한다) CSS : 꾸미는 용도 JAVASCRIPT : 동적기능을 담당 파일의 형식 .html 파일은 웹으로 실행한다 ( 대표적으로 크롬의 크로니움이라는 엔진이 있다 ) ( java를 실행하기 위해서 jdk가 필요한것과 같다 ) html 문법 - 시작 태그 div,p 태그는 모두 body 태그에 소속됨 div 태그에 소속된 부분 p 태그에 소속된 부분 - 종료 태그 종료 태그가 따로 없는 태그도 있음 대표적으..

나의 수업일지

인천 일보 아카데미 30일차 / 문자 합치기(CONCAT)_자르기 (LEFT , RIGHT , SUBSTR), CASE_END 사용 , View / Index , commit / rollback

만들어보기 만들어보기 준비물 _TABLE 각 필요한 입력 정보를 INSERT 했습니다 그냥 한번 만들어보기 -- 1.1 후보자 , 정당 테이블 조인 SELECT M.*,P.P_NAME,P.P_TEL1,P.P_TEL2,P.P_TEL3 FROM TBL_MEMBER_202005 M , TBL_PARTY_202005 P WHERE M.P_CODE = P.P_CODE; -- 1.2 필요한 정보만 조회(컬럼이름 한글로) SELECT M.M_NO AS '후보번호', M.M_NAME AS '성명',P.P_NAME as '소속정당' ,M.P_SCHOOL AS '학력', M.M_JUMIN AS '주민번호' ,M.M_CITY AS'지역구',P.P_TEL1,P.P_TEL2 ,P.P_TEL3 FROM TBL_MEMBER_202..

나의 수업일지

인천 일보 아카데미 29일차 / 페이징(limit) / 게시판의 구성 / DB의 행동 구조

풀어보기 - DB입장에서 보기 -- 2. 이메일 중복체크 -- 기존 가입되어 있지 않은 이메일로 가입하려고 한다면 select member_email from member_table where member_email = 'member_email7'; -- 멤버 컬럼에 없음 -- 기존 가입된 이메일로 가입하려고 한다면 select member_email from member_table where member_email = 'member_email0'; -- 멤버 컬럼에 있음 -- 6. 회원정보 수정화면 요청 select * from member_table where member_email = 'member_email3'; -- 특정 회원의 정보를 가져오고 -- 7. 회원정보 수정 처리(비밀번호 변경) up..

나의 수업일지

인천 일보 아카데미 28일차 - table 구조 변경 alter / ERD보는법

27일차 풀어보기 - 정답 -- 13. 1번 고객이 주문한 도서 총 판매액 조회 select sum(o_saleprice) from orders where id = 1; -- X select sum(o_saleprice) from orders where customer_id = 1; -- O -- 17. 김연아고객(고객번호 : 2) 총 구매액 select customer_id , sum(o_saleprice) from orders where customer_id = 2 group by customer_id; -- X select sum(o_saleprice) from orders where customer_id = 2; -- O -- 둘다 가능-- -- 21. 7월 4일 ~ 7일 사이에 주문한 도서의 주..

나의 수업일지

인천 일보 아카데미 27일차-1- 참조관계 / 참조관계-특징 / 참조관계 - 제약조건 / pk-fk

참조관계 알아보기 1:1관계 블로그를 비유로 1명의 회원은 하나의 블로그만 소유할 수 있다 1:N관계 게시판을 비유로 1명의 회원은 여러개의 글을 쓸 수 있다 , 1명의 회원은 여러개의 댓글을 쓸 수 있다 N:1 관계 비유가 없다 정말 잘 쓰지 않는다 N:M관계 매우 복잡하기 때문에 잘쓰지 않는다 대부분 N:1 , 1:M 관계로 분리하고 분리하 참조관계 알아보기 - 특징 참조관계가 맺어진 후에 부모테이블 삭제하는 경우 삭제 불가능하다 그렇기 때문에 자식 테이블도 삭제해야 삭제가 가능하다 참조관계 실습 constraint fk_comment1 foreign key(board1_id) references board1(id) -- constrint fk_commnet1 foreign key(board1_id)..

나의 수업일지

인천 일보 아카데미 27일차 -2- ERD란 ? / ERD 만들어보기

참조관계 - 풀어보기 각 테이블의 id 컬럼은 pk로 지정하고 auto_increment를 사용합니다. 그리고 orders 테이블의 customer_id는 customer 테이블의 id 컬럼을 그리고 book_id는 book 테이블의 id 컬럼을 참조합니다. drop table if exists book; create table book( id bigint auto_increment, b_bookname varchar(20), b_publisher varchar(20), b_price bigint, constraint pk_book primary key(id) ); desc book; select *from book; insert into book(b_bookname , b_publisher , b_pr..