[WEB][CSS3] 기초

CSS: Cascading Style SheetCascade: 중첩CSSCSS3에서 특정 HTML 태그를 선택할 때는 선택자를 사용선택자 { 스타일 속성: 스타일 값; }보통 제목 글자! Lorem ipsum dolor sit amet, consetetur adipiscing elit. 이 코드에서 중첩을 볼 수 있다!> p 색깔이 전체에 씌워놓은 노랑색을 덮어씌웠음.> 이때, 아예 덮어버려서 없어지는 것이 아니라 쌓이는 것임! 중요 💥  CSS  스타일의 우선 순위 1. 호출 순서2. id3. class 드렁슨드렁슨 div 영역 하하 div 영역 여러 태그에 동일한 속성을 지정한다면 → 콤마를 사용하여 일렬로 나열.이때, 콤마를 쓰지 않으면 → ..

• format_list_bulleted Web/css
• · 2025. 3. 6.
• textsms

[WEB][HTML5] 구조화 태그

💥 중요 포인트 💥부모/자식(DOM) 관계!!공간 분할 태그div: 블록 형식으로 공간 분할> width: 전체 행> 한 행을 모두 차지하며 끝 태그 이후 바뀜span: 인라인 형식으로 공간 분할> width: 컨텐츠의 크기> 내용 만큼만 영역을 차지 / 끝 태그 이후 줄바꿈 하지 않고 다음 내용 출력 블록 형식: div, h1~h6, p, 목록, table> 부모 태그의 크기> 상하좌우 마진 가능, 상하 마진 다른 div와 겹칠 수 있음> 크기 조정 가능 💨 인라인 형식: span, a, input, 글자 형식, 입력 양식> 상하 마진 불가> 좌우 마진 가능! (부모 기준)> 조정 불가능 💫 인라인-블록 형식: img 시맨틱 태그(semantic): 웹 페이지의 태그에 의미를 부여하는 태그hea..

• format_list_bulleted Web/html
• · 2025. 3. 6.
• textsms

[WEB][HTML5] 입력 양식 태그

입력 양식용 태그, 태그 속성method> 생략 가능> default: GET 방식 요청action> 생략 가능> default: 현재 사용중인 URL로 전송autocomplete> 예전에 입력했던 값들을 노출되지 않도록 하기 위함enctype> default: application/x-www-form-urlencoded> 특수 문자일 경우 다른 문자로 인코딩 되어서 전송됨(ex) @ → %40> 파일을 보낼 경우엔 반드시 multipart/form-data로 설정하여 인코딩 안 되고 그대로 전송!  type="text"기본 입력창 type="password"비밀번호 입력창입력한 내용이 보이지 않음  one two ..

• format_list_bulleted Web/html
• · 2025. 3. 6.
• textsms

[WEB] HTTP 프로토콜

HTTP 프로토콜* 문자 기반 프로토콜* 서버 측에서 접속에 대한 상태 유지 x, 각각 독립적인 요구사항으로 인식 → 안정성! 요청method (URL)GET: 정보 읽기POST: 정보 생성PUT: 정보 수정DELETE: 정보 삭제header [n줄] 웹 브라우저에 대한 정보를 웹 서버에게 자료를 전달해 주는 것meta 정보, cookie에 대한 정보 등이 담겨있음 (ex) 나는 chrome이야~ 나는 window 기반이야~ ... bodyGET일 때 body 사용 안 함 → URL 경로 뒤에 쿼리스트링으로 정보를 담아서 보내! (ex) kyumin.html?name=kyumin&age=00POST일 때 body 사용 → 요청할 정보를 body에 담아! 보안 안전성: GET 전송 가능한 정보 길이: GE..

• format_list_bulleted Web/basic
• · 2025. 3. 5.
• textsms

[프로그래머스 | SQL 고득점 키트 | join] 5월 식품들의 총매출 조회하기

-- 코드를 입력하세요SELECT b.PRODUCT_ID, a.PRODUCT_NAME, SUM(b.AMOUNT*a.PRICE) AS TOTAL_SALESFROM FOOD_PRODUCT a JOIN FOOD_ORDER b ON a.PRODUCT_ID = b.PRODUCT_ID AND b.PRODUCE_DATE LIKE '%2022-05%'GROUP BY a.PRODUCT_ID, a.PRODUCT_NAMEORDER BY SUM(b.AMOUNT*a.PRICE) DESC, PRODUCT_ID ASC

• format_list_bulleted Coding test/sql
• · 2024. 11. 2.
• textsms

[프로그래머스 | SQL 고득점 Kit | join] 특정 기간동안 대여 가능한 자동차들의 대여비용 구하기

Level 4.CAR_RENTAL_COMPANY_CAR 테이블과 CAR_RENTAL_COMPANY_RENTAL_HISTORY 테이블과 CAR_RENTAL_COMPANY_DISCOUNT_PLAN 테이블에서 자동차 종류가 '세단' 또는 'SUV' 인 자동차 중 2022년 11월 1일부터 2022년 11월 30일까지 대여 가능하고 30일간의 대여 금액이 50만원 이상 200만원 미만인 자동차에 대해서 자동차 ID, 자동차 종류, 대여 금액(컬럼명: FEE) 리스트를 출력하는 SQL문을 작성해주세요. 결과는 대여 금액을 기준으로 내림차순 정렬하고, 대여 금액이 같은 경우 자동차 종류를 기준으로 오름차순 정렬, 자동차 종류까지 같은 경우 자동차 ID를 기준으로 내림차순 정렬해주세요.* 할인율이 적용되는 대여 기간..

• format_list_bulleted Coding test/sql
• · 2024. 11. 2.
• textsms