잡다한IT

- 위와 같은 양식의 청첩장을 만들는 과정 - gnb, main, cta를 구분지어 HTML을 이용하여 뼈대를 만든다. - , 태그 등을 이용하여 뼈대를 만드는 과정이다. - CSS를 이용하여 꾸미기를 완료해주면 해당 청첩장 만들기 완성이다.

1) 결과물 보고 계획 세우기 - 구역 계획하기 , HTML 쓰기, CSS 설정 하기 - GNB : 어느 페이지에 들어가든 공통적으로 사용할 수 있는 메뉴 바를 지칭 - Main : 본문 주 컨텐츠 - CTA : 사용자의 반응을 유도 하기 위한 버튼이나, 베너를 가르킴 2) 태그를 매칭 - 쓰다 보면 익숙해진다 외우려고 하지 말자!! - span 태그는 글자 단위로 묶어줄때 쓰인다. 3) 따라 해보기 - 위와 같은 형태로 코딩을 해보록 하겠다. - 안에 들어갈 메세지와 이미지를 삽입하여 태그를 이용하여 하나로 묶는다. .wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; } - 태그의 clas..

웹 브라우저는 HTML, CSS, Javascript를 이용하여 클라이언트 서비스가 이루어진다. - HTML은 뼈대, CSS는 꾸미기, Javascript는 입체감을 주는 역할을 한다. - 이처럼 눈에 보이는 부분을 '프론트엔드'라고 한다 ▶ 로그인 페이지 만들기 1. HTML 구성 - 웹페이지에서 뼈대를 담당하는 HTML.DMS 기본적으로 head 영역과 body영역으로 이루어져 있다. - 웹페이지를 만들때 사용하는 태그 모음이다. 다 외울 필요는 없다. - HTML을 사용시 필요한 태그를 구글링을 통해 검색하여 내가 필요한 태그를 사용에 맞게 사용하면 된다. - 태그를 사용하여 HTML을 사용시 나타나는 결과물이다. - 위의 태그를 이용하여 로그인 페이지를 만들어 보면 다음과 같다

요즘 코딩 공부를 한다. 왜 이렇게 할 일을 필요없이 늘리는지 모르겠지만 어쩔수 없다. 궁금하니까... 일지도 도움이 된단다... 나의 온라인 선생님께서 그래서 한번 적어보려 한다. 네이버영화 랭크 사이트를 웹스크래핑 하는 방법이다. 코로나 양성 판정을 받아서 1주일 학습을 미뤄두다가 다시 할려니 다 까먹었다 -_- 그래서 해설을 참고 하며 다시 차근차근 시작해본다. 위 보이는 화면에서 랭킹, 제목, 별점을 가져와 자료를 만들어볼것이다. - pip install requests bs4를 통해 설치 - 설치 후 헤더를 입력하면 된다.(항상 저 양식 똑같다. 내가 누구라는 통성명과 같다고 한다 그냥 그렇게 알고만 있으란다) - requests란에 내가 검색하고자 하는 API을 넣어두자 - print(soup..