[웹개발종합반]1주차 1~4강

1-1 1주차 오늘 배울 것

1)네이버 해킹

인스펙터 점 세개 눌러서 사각형 겹친 것 확인

네이버 안에서 내용 바꾸기->서버에서 받아 왔기때문

새로고침의 의미

서버에서 html,css,js를 받아옴. html(뼈대), css(꾸미기) ,js(움직이기)

만들어낼 과제

 

1-2 필수프로그램 설치

1)파이참 설치

윈도우 – 프로페셔널 설치 – 넥스트 누르면 끝

컨펌 체크 – continue – jetbrains 회원가입 링크 코드스니펫 웹주소창 복붙 – 계정만들기

파이참 라이센스 코드 – 구매하기 – 파이참 – 할인코드 복붙(4개월간 무료로 사용 가능)

aws 회원가입 – 개인회원선택(personer)

 

1-3 HTML, CSS 기본내용

1)HTML, CSS 기본적인 내용

2)바탕화면 – 폴더(sparta) - 폴더(frontend) / 파이첨 실팽 – configure – pligin – korean(검색) - 열기 (스파르타, 프론트엔드) - 오른쪽 새로작성 – prac.html – 저장누르고 구글 창 열기 – title에 나의 첫 웹페이지 / 바디에 여기에 내용이 들어간다! 헤드는 웹페이지에 안들어가는 것들(위에 택등)

3)코드스니펫 div 구역을 나눠줌/ p문단 / ul,lo 불렛 / h는 제목 / 특정글자 잡기 span / a 하이퍼링크 / img / input /

 

1-4 QUIZ_간단한 로그인 페이지 만들어 보기

1)프론트엔드 오른쪽 html login.html

title 로그인 페이지 – h1 로그인 페이지 – p 태그로 한 줄 먹이고 id <p>id: <input type=“text”> (탭하면 띄우기 ,시프트탭은 원래대로)

button 로그인