본문 바로가기

학원에서 배운 것85

KDT 5th 웹개발자 입문 수업 2일차 -1 어제 이어서 남은 태그 사용자가 HTML 문서에서 작성한 내용을 보내기 위해서 사용하는 태그 -> 서버로 보낸다 1. 사용자가 보내기를 원하는 데이터를 으로 감싸고 으로 받아온 다음, 2. input의 type ="submit"을 만들어주고 눌러줘야 제출이 됨 태그 action 속성 : 데이터를 받을 서버의 주소를 입력 method 속성 : 데이터를 보내는 방식 GET : 서버로부터 정보를 가져만 올 때 - 전달되는 정보가 주소창에 보임, 보안에 위험 POST : 서버에게 데이터를 추가, 수정, 삭제 한 후 응답을 받음 - 전달되는 정보가 주소창에 보이지 않음 2023. 1. 27.
KDT 5th 웹개발자 입문 수업 1일차 1. HTML 역사 2. HTTP (Hyper Text Tranfer Protocol) 클라이언트 HTTP 웹 서버 요청 메세지 - request 응답 메세지 - response 3. VSCode extension - live Server : 비쥬얼 스튜디오 코드 우측 아래 Go Live 클릭 시 live Server가 가상의 서버를 만들어서 (HTTP 통신으로) 파일을 오픈해줌. 파일을 연 것과는 달리 변경 내용을 바로 적용시켜줌(따로 새로고침 할 필요 없음) 단축키 : cmd + l + o 주소는 ip 주소와 port의 번호를 포함하여 만들어지며, 비쥬얼 스튜디오 코드 아래에 라이브 서버를 켜게되면, port번호가 노출되는데 이를 토글해주면 서버를 닫아줄 수 있다. - Prettier : 저장하는 순.. 2023. 1. 26.
FlexBox 정리 인터페이스 안 아이템 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 즉, 레이아웃을 다룰 때 1번에 1개의 차원(행 또는 열)을 다룬다는 의미임. (2차원 모델인 Grid 레이아웃도 있음) flex-direction 속성을 사용하여 축을 지정하며 주축(Main Axis)과 교차축(Cross Axis)으로 flexbox를 동작한다 flex-direction 값 동작 주축 row row-reverse 인라인 방향으로 행을 따름 column column-reverse 블록 방향으로 열을 따름 교차축 row row-reverse 열 방향을 따름 column column-reverse 행 방향을 따름 reverse는 말그대로 시작선과 끝선을 반대로 바꾼다는 것임 주축과 교차축은 서로 수직임을 잊지 .. 2022. 12. 14.
Css? 기존의 html 속성인 style을 한번에 Element에 적용하기 위해 CSS 사용 방법 Element 속성 중 style="..." 사용 사이에 1. Selector - 선택자의 구분자는 , 임 1) 전체 선택자 : * 2) 태그 선택자 : 태그명 (ex. a, p, ...) - 해당 태그에 속하면 모두 스타일이 지정됨 3) 클래스 선택자 : .클래스명 - class="클래스명"으로 태그 속성에 넣어줘서 지정해줌 - 구분자는 공백 4) id 선택자 : #id명 - id="id명"으로 지정된 Element로, id명은 유일해야 함 5) 하위 선택자 : 기준태그 하위태그 - 해당 기준태그 아래 하위태그 모두 적용 6) 자식 선택자 : 기준태그 > 자식태그 id선택자 > class선택자 > 태그 선택자 순.. 2022. 12. 13.

티스토리툴바