나만 보는 개발 블로그

원형 이미지 import 'bootstrap/dist/css/bootstrap.min.css'; import Image from 'react-bootstrap/Image'; bootstrap 이용. nth :nth-child() ex) .클래스이름 :nth-child(숫자) ex) 3번째 자식 제외하고 적용 .second_block>div:not(:nth-child(3)) hr태그 꾸미기 Community🌐 /{" "} 자유게시판⚽ /* 상단 구분선 시작*/ .division_line { position: relative; display: flex; margin: 32px 0; } .division_line > div { background-color: white; color: #999999; displ..

CSS Cascading Style Sheet HTML 문서의 스타일을 꾸밀 떄 사용하는 스타일시트 언어 head 안에 작성, body X 선택자 오늘점심은 엄마주방 손님이없던데 과연맛있을까 걱정된다 * id 중복정의하면 웹 표준 오류테스트에서 오류남!! 계층 선택자 우리반 규칙 지각하지 않기 결석하지 않기 불가피할땐 미리 연락하기! 복습 꼭 하기 클래스 테스트1 클래스 테스트2

img src : 경로 alt : 이미지에 설명 추가 src에 적는 경로 1. 절대경로 : 파일이 가진 고유한 경로 ex)이미지 주소복사 2. 상대경로 : 특정 위치 기준 * ./ : 현재폴더 * ../ : 상위폴더 * / : 루트폴더 ex) *실습) 네이버 이미지클릭시 네이버로이동 --------------------------------------- 테이블 태그 *실습) 테이블태그로 좋은국밥 메뉴판 만들기 좋은 국밥 메뉴 가격 비고 좋은 국밥 8,000원 식사 머리국밥 7,000원 고기국밥 7,000원 소주 4,000원 주류 맥주 4,000원 막걸리 판매중지 입력양식 태그 form태그 ID를 입력하세요 : 이름을 입력하세요 : 비밀번호 입력 : 이메일선택 구글 네이버 다음 체크박스(여러개 선택) : ..

web Client - 클릭한 페이지를 요청(request) web Server - 요청한걸 응답(response) protocol HTTP * hyper text transfer protocol 컴퓨터들 간의 원활한 통신을 위해지키기로 한 규약 요청/응답방식으로동작 웹페이지 구조 HTML*뼈대 CSS *디자인 JS * 기능 HTML * hyper text markup language 웹페이지에서정보를담아서 표시하기위한 마크업 언어 hyper text 하이퍼 텍스트 다른문서로접근할 수 있는텍스트 markup 표시 ex) -------------------------------------------------- ㅣ content(내용) ㅣ ㅣ시작태그 끝태그 ㅣ -------------------------..