22-1학기/WINS_모의해킹(12)
-
6주차 정리
Node.Js 1~14.boolean 1. 수업소개 1990년 웹이 처음 등장하면서 인류는 정보를 웹페이지로 표현할 수 있게 되었고 인터넷을 통해서 웹페이지를 전송할 수 있게 되었다. 웹페이지의 html의 구조를 바꾸려면 많은 노력이 필요하고, 수동으로 바꾸는 게 힘들기 때문에 귀찮고 반복되는 html의 작성 작업을 기계에게 시키기 위해 server side application을 만들었다. 2. 수업의 목적 목록을 숫자가 아니라 숫자가 없는 목록으로 만들기 위한 코드를 작성하기 태그를 태그로 바꾸는데 만약 웹페이지가 1억개라면, 1억번 수정해야 한다. 이렇게 비효율적인 상황에서 구원해 줄 수 있는 도구가 바로 nodejs이다. 자바스크립트를 이용하고 있는 nodejs를 이용해서 우리의 웹사이트에 방문하..
2022.07.13 -
5주차 정리
Node.Js 섹션 1~2.5 섹션 0.HTTP 1. Javascript와 HTTP http = Hypertext Transfer Protocol 팀 버너스 리(tim berners-lee)라고 하는 웹의 창시자에 의해 만들어짐 웹 브라우저와 웹 서버 사이에서 서로 주거니 받거니 하기 위해서 나름대로의 규칙이 필요하다. 그 규칙을 정의하기 위해 만든 통신 방법이 바로 http이다. 웹브라우저의 주소창에 어떤 주소를 입력하고 엔터를 치면, 웹브라우저는 웹서버를 찾아가서 어떤 정보를 요청하는 데 이것을 영어로 Request(요청)라고 한다. 그럼 웹서버는 그 요청에 따라서 적당한 정보를 웹브라우저에게 응답하고 바로 그것을 영어로 Response(응답)라고 부른다 요청과 응답은 사실 컴퓨터와 컴퓨터 사이의 일..
2022.07.06 -
4주차 정리
javascript - 10 ~ 19 10. CSS 기초 (style 태그) CSS를 웹페이지에 삽입하는 방법2 : 선택자 1. 태그 : 어떤 의미도 기능도 없는 무색 무취의 태그. 단지 CSS나 JavaScript를 통해서 어떤 정보를 제어하고 싶을 때 그 정보를 감싸주는 역할을 하는 태그 화면 전체를 쓰기 때문에 줄바꿈 처리가 됨 (ex-h1태그, h2태그) 2. 태그 : 태그와 마찬가지로 어떤 의미도 기능도 없는 무색 무취의 태그인데, 태그와는 달리 줄바꿈 처리가 되지 않는 태그임 태그 태그 - 글자 두께를 두껍게 하는 style 속성 -> 강조 표시 : JavaScript *웹페이지에 있는 수많은 "JavaScript"라는 단어를 한꺼번에 바꾸는 방법: -> class 속성 사용 : 선택자를 통해..
2022.07.04 -
3주차 정리
javascript - 1 ~ 9 1. 수업소개 HTML은 정적이고 한 번 화면에 출력되면 언제나 그 모습 그대로임 데스크탑이나 모바일에서 사용되는 여러 프로그램들, 예를 들면 게임 같은 건 사용자의 조작에 반응해서 프로그램이 움직임. 사름들은 웹페이지도 게임처럼 동적으로 사용자와 상호작용할 수 있게 되기를 원했음. 그래서 사용자와 상호작용하는 웹페이지를 만들고 싶다는 욕망으로 인해서 JavaScript가 개발됨. ->웹 : HTML을 이용해서 웹페이지를 우선 만든 후에, 그렇게 만들어진 웹페이지를 자바스크립트를 이용해서 사용자와 상호작용할 수 있도록 기능을 추가함으로써 HTML의 정보와 자바스크립트의 기능을 모두 갖춘 시스템 EX) 웹사이트들이 프로그램처럼 사용자와 상호작용하면서도 검색엔진을 통해서 검..
2022.06.27 -
2주차 정리 & GitHub 사용법
WEB1 - 12 ~ 19.1.3 12. 부모자식과 목록 -태그가 서로 포함 관계로 연관되어 있을 때 포함하고 있는 태그를 부모태그 , 포함된 태그를 자식 태그라고 부름 -목록을 만드는 태그 : = 자식태그 -목록을 서로 구분해주는(띄어쓰기) 태그 : 태그의 부모 태그 = -목록의 리스트를 자동으로 숫자화해주는(numbering) 태그 : (ol 역시 부모 태그임) *ol = ordered list, ul = unordered list 13. 문서의구조와 슈퍼스타들 -정보를 잘 정리 정돈하기 위한 체계, 구조라는 것이 필요함 -> 구조 만드는 법 배울 것임 -제목을 사용자에게 명시적으로 알려주고 , 검색 엔진과 같은 기계들이 인식할 수 있도록 만들어주는 태그 : -한글을 입력했을 때 한글 그대로 웹페이지..
2022.05.26 -
1주차 정리
#생활코딩 HTML & Internet – 1. 수업소개 ~ 11. 최후의 문법 속성 & img 왼쪽 : 원인에 대한 결과, 기계가 하는 일 = Application, App, Program, Webpage, Website 오른쪽 : 원인, 사람이 하는 일 = Code, Source, Language => 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심임 *웹페이지를 만드는 코드 = HTML(HyperText Markup Language) -HTML 언어의 특징(장점) 1. 쉬움 2. 중요함 (자주 사용되기 때문) 3. PUBLIC DOMAIN임 (저작권이 없다는 의미) -HTML이라는 언어를 이용해서 코딩을 하기 위한 준비물 1) 웹 브라우저 2) HTML 코드를 작성하는 프로그램 ex..
2022.05.26