판봉 개발 일기

위 사진은 float를 썼던 기존 코드를 갈아 엎고 flex box 형식으로 되게끔 다시 다 만든 것 입니다. 원래는 이러 했습니다. 오른쪽에 2열로 광고 배너가 있습니다. 메뉴 안내 표시가 왼쪽에 따라오고 본문을 기준으로 오른쪽에는 광고 배너가 있고, 상단에는 큰 배너 광고가 있습니다. 구현 코드👇👇 더보기 10분안에 완성하는 초간단 요리! https://www.rocketpunch.com/" target="_blank"> 신라면 볶음밥 5분 육포 달걀 마요 비빔면 https://www.10000recipe.com/recipe/6938659" target="_blank">신라면 볶음밥 혼자사는 자취생들! 오늘 점심은 신라면 볶음밥 완전추천! 재료 목록 재료 용량 신라면 1개 달걀 1개 식용유 약간 밥 ..

오늘은 저번 시간에 못다한 CSS 레이아웃 및 속성과 Flex에 대하여 알아보겠습니다. 먼저 font에 관련된 것들 부터 알아 보겠습니다. font 속성 1.font-size 속성 기본적으로 h1의 기본 크기는 32픽셀, p태그의 기본 크기는 16픽셀입니다. 👇 더보기 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 위의 코드에 font-size라는 것 중에서 samll은 현재는 잘 사용하지 않는다고 합니다. 실제로 작업을 할때는 클래스를 만들어서 거기에 폰트를 조정하던지 하는 작업을 합니다. 👇 더보기 Lorem ipsum Lorem ipsum 위의 코드를 살펴보면 font=family가 보입니다. 그 뒤에 오는 것은 어떤 폰트인가를 결정해 줍..

뷰(view)의 개요 사용자에게 접근이 허용된 자료만을 제한적으로 보여주기 위해 하나 이상의 기본 테이블로부터 유도된, 이름을 가지는 가상 테이블입니다. 저장장치 내에 물리적으로 존재하지 않고, 사용자에게는 있는 것처럼 간주됩니다. 데이터 보저작업, 처리과정 시험 등 임시적인 작업을 위한 용도로 활용됩니다. 조인문의 사용 최소화로 사용상의 편의성을 최대화합니다. 뷰(View)의 특징 기본 테이블로부터 유도된 테이블이기 때문에 기본 테이블과 같은 형태의 구조를 사용하며, 조작도 기본 테이블과 거의 같습니다. 가상 테이블이기 때문에 물리적으로 구현되어있지 않습니다. 데이터의 논리적 독립성을 제공할 수 있습니다. 필요한 데이터만 뷰로 정의해서 처리할 수 있어서 관리가 용이하고 명령문이 간단해집니다. 뷰를 통해..

오늘은 CSS의 두번째 시간이었다. 먼저 위치속성을 알아 보았다. 위치 속성 position 속성 - static(기본): 일반적인 문서 흐름에 따라 배치 - relative: 기준 위치를 선택한 요소로 변경 - absolute: 문서(static) 또는 부모(.relative) 기준 절대 위치 좌표를 설정 - fixed: 화면을 기준으로 절대 위치 좌표를 설정 위치 속성과 관련된 공식 - 자손의 position속성에 absolute 키워드를 적용하면 부모는 height 속성을 사용 (공간영역을 차지하도록 함) - 자손의 position 속성에 absolute 키워드를 적용하면 부모의 position 속성에 relative키워드를 적용 (기준점을 변경) 즉, 쉽게 말해서 static -> 정적임(멈춰있는..

내장 SQL(Embedded SQL)의 정의 내장 SQL은 응용 프로그램 내에 데이터베이스에서 사용하는 데이터를 정의하거나 질의하는 SQL 문장을 내포하여 프로그램이 실행될 때 함께 실행되도록 호스트 프로그램 언어로 만든 프로그램에 삽입된 SQL입니다. 내장 SQL의 특징 내장 SQL 실행문은 호스트 언어에서 실행문이 나타날 수 있는 곳이면 프로그램 어느곳에서나 사용 가능합니다 일반 SQL문은 수행 결과로 여러 개의 튜플을 반환하는 반면, 내장 SQL은 단 하나의 튜플만을 반환합니다. 내장 SQL문에 의해 반환되는 튜플은 일반 변수를 사용하여 저장할 수 있습니다. Host Program의 컴파일 시 내장 SQL문은 선행처리기에 의해 분리되어 컴파일 됩니다. 호스트 변수와 데이터베이스 필드의 이름은 같아도..

삽입문(INSERT INTO~) 삽입문을 기본 테이블에 새로운 튜플을 삽입할 때 사용합니다. 일반 형식 INSERT INTO 테이블명(속석명, 속성명2,...) VALUES (데이터1, 데이터2...); 대응하는 속성과 데이터는 개수와 data_type이 일치해야 합니다 기본 테이블의 모든 속성을 사용할땐 속성명을 생략할 수 있습니다. SELECT문을 사용하여 다른 테이블의 검색 결과를 삽입할 수 있습니다. 삭제문(DELETE FROM~) 삭제문은 기본 테이블에 있는 튜플들 중에서 특정 튜플(행)을 삭제할 때 사용합니다. 일반 형식 DELETE FROM 테이블명 WHERE 조건; 모든 레코드를 삭제할 때는 WHERE절을 생략합니다 모든 레코드를 삭제하더라도 테이블 구조는 남아 있기 때문에 디스크에서 테이..

SELECT문은 테이블을 구성하는 튜플(행)들 중에서 전체 또는 조건을 만족하는 튜플을 검색하여 주기억장치 상에 임시테이블로 구성하는 명령문입니다. 일반 형식 SELECT Predicate [테이블명. ] 속성명1,[테이블명.]속성명2,... FROM 테이블명1, 테이블명2,... [WHERE 조건] [GROUP BY 속성명1, 속성명2,...] [HAVING 조건] [ORDER BY 속성명 [ASC | DESC]]; SELECT절 - 속성명 : 검색하여 불러올 속성(열) 또는 속성을 이용한 수식을 지정함 --> 기본 테이블을 구성하는 모든 속성을 지정해야 할땐 '*'를 씁니다. --> 두개 이상의 테이블을 대상으로 검색할 땐 '테이블명.속성명'으로 표현합니다. - Predicate:불렁로 튜플 수를 제..

개인적으로 추천하는 찌개 TOP 3🥘 부대찌개 스팸김치찌개 순두부찌개 부대찌개 레시피 재료 목록과 수량 재료 수량 김치 1줌 비엔나 20개 스팸 1개 두부 1/3모 떡 1줌 대파 10센티 4개 홍고추 2개 쳥양고추 큰것 2개 사골곰탕 1봉지 조리순서 고추는 어슷썰고 두부는 한입크기로 썰어주세요. 스팸은 반드시 얇게 잘라주세요. 두꺼우면 국물 맛이 제대로 안 배고 맛이 따로 놀아요. 비엔나는 사선으로 잘라주세요. 떡은 너무 많이 넣으면 국물이 텁텁해지므로 반드시 1줌만 넣어주세요. 김치도 많이 넣으면 김치맛이 많이 나요. 적당한 밸런스가 중요한데요. 밥공기 1/4 넣어주세요. 된장반큰술,고추가루 4큰술(듬뿍), 마늘2큰술, 국간장2큰술, 설탕반큰술, 물 소주컵 반컵을 섞어주세요. 두부, 햄, 떡을 테두리에..

오늘은 CSS의 의사 클래스인 구조, 문자 선택자에 대하여 알아 보겠습니다. 먼저 의사 클래스란 무엇이나면 가짜, 같은 역할을 하는 비슷한 이라는 의미로 흔히 말하는 [짝퉁]의 개념이라고 보시면 될것같습니다. 물론 짝퉁도 엄연히 그 물건의 용도를 하고 있습니다. 의사 클래스의 구조 선택자에는 다음과 같은 3가지의 선택자가 존재합니다. (많이 쓰는것 3가리를 꼽은 것) :first-child - 형제 관계 중에서 첫번째에 위치하는 태그를 선택 - 선택자와 같은 레벨의 요소들 중 첫번째 요소를 선택 :last-child - 형제 관계 중에서 마지막에 위치하는 태그를 선택 :nth-child(수열) - 형제 관계 중에서 앞에서 수열 번째에 태그를 선택 - 예) 1, 3, 5, 7, 9 => 2n+1=> nth..

DDL DDL(Data Define Language, 데이터 정의 언어)은 SCHEMA, DOMAIN, TABLE, VIEW, INDEX를 정의 하거나 변경 또는 삭제할 때 사용하는 명령문 DDL로 정의돈 내용은 Meta-data가 되며, 시스템 카탈로그에 저장한다. 기본 테이블 이름을 가지고 있고 독자적으로 존재함 뷰 테이블 독자적 존재 불가, 기본 테이블로부터 유도된 이름을 가진 가상 테이블 임시 테이블 질의문 처리 결과로 만들어진 테이블로 이름을 가지지 않음 CREATE SCHEMA 스키마를 정의하는 명령문 스키마의 식별을 위해 스키마 이름과 소유권자나 허가권자를 정의함 표기형식은 다음과 같습니다. CREATE SCHEMA 스키마_이름 AUTHORIZATION 사용자_id; CREATE DOMAIN..