[HTML+CSS_Summary] 총 정리

• HTML+CSS : 웹디자인 기능사 실기 화면 만들 수 있으면 된다.
• HTML 주요 태그 : div, span, ol. ul, li, a, img, input, form 
• CSS 주요 태그 : display, float, position

display : block, inline, inline-block
float : left, right
position : static - 정적인(모든 요소의 디폴트, 안 움직임), relative - 상대적인 - 현재 위치로 부터 ~만큼, 자기 자신 기준 ~만큼. 똑같은 값을 줘도 위치가 다르다. absolute 이것의 상위(조상) 요소 기준~ 누구를 기준으로 할것이냐? 상위요소 기준점을 설정 : 주로는 부모요소를 기준점으로 준다(position:relative;) 
보통은 부모에 relative만 주고, 요소에 absolute로 기준을 잡아 화면 결과를 보며 이동시킨다.
fixed, sticky : viewport 고정~(팝업창, 검색창 고정)
팝업창- position:fixed;
검색창 고정 - 스크롤 이벤트, 클래스 동적적용 + position:fixed;
margin - 요소 사이 간격
padding - 내부 여백
반응형 웹 - 가변~, 뷰포트, 미디어 쿼리(선택적 css), 3단 변신 로봇
HTML+CSS, JavaScript, Jquery 반응형 웹 사이트 구축
웹 퍼블리셔는 웹개발자가 기능 만들때 메인기능 만들 때 편하라고 다른 디자인, 퍼블리싱 같은 것들을 대략적으로 다 해준다.

 

• chatGPT는 정형화 되어있는, 정답이 나와있는 대답은 잘하지만 https://developer.mozilla.org/ko/docs/Web 사이트에서 직접 document를 찾아 확인해보는 것이 좋다.
• 화면제어 : 웹 퍼블리싱, 메뉴 동작, 검색창 고정, 이벤트
• 백엔드 : 백엔드에 데이터 전송하고, 받기
• + 검색어 자동완성(입력창에 검색어 치면 변화 인지해서, 검색어를 백엔드에 보내 그 검색어에 해당하는 영화가 있는지 확인하고 그 영화 정보 가져와서 입력창 밑에다 목록으로 띄운다.)
• 닷홈 호스팅 - 웹호스팅 업체이다.
• 웹 호스팅  - 닷홈, 가비아, cafe24, aws... (면접에서 쇼핑사이트 같은 것을 만들기 위해 cafe24를 사용한 경험이 있는지 물어보기도 한다.)
• 업체에서 서버세팅, 환경설정 해 놓은 것에다가 파일을 올리고 작동시킨다.
• 닷홈- apache2.4 웹서버로 세팅 되어있고, DB도 구현되어 있다.
• 파일질라 - FTP를 사용하는 프로그램의 일종이다.
• 파일질라, 알FTP - FTP를 사용해서 서버에 파을을 전송하는 프로그램이다.
• FTP - File Transfer Protocol 파일을 보내는 통신규약
• FTP(21), SFTP(22), UDP, TCP/IP, SMTP 등
• TCP/IP 소켓 프로그래밍(JAVA, C++)

파일질라로 닷홈 서버에 접속하는 방법
호스트 : ftp:fortpower.dothome.co.kr
아이디(FTP아이디): fortpower
비밀번호(FTP비밀번호): 땡땡땡
포트 : 21(생략가능, FTP이므로 알아서 21번이 할당된다)

로컬                                                 리모트
(내컴퓨터)                                        (원격-닷홈서버공간)
로컬 파일을 리모트 html폴더안에 넣기
로컬 홈페이지 파일을 html폴더안에 넣기