Background: Web Browser # 들어가며 - 서론 - 소프트웨어: 도구로서 반복적인 작업을 자동화하여 일의 능률을 높이고, 복잡한 기능을 쉽게 사용할 수 있도록 단순하고 직관적인 인터페이스를 제공 - 소프트웨어는 발전할수록 이용자 친화적인 인터페이스를 제공하면서 사용법은 쉬워지고, 다양한 기능을 제공 > 그만큼 소프트웨어는 내부에서 처리하는 연산이 점점 많아지고 복잡해질 수밖에 없음 > ex) 웹 브라우저 # 웹 브라우저 1. 웹 브라우저 - 웹: 인터넷이라는 글로벌 네트워크 위에 구현되어 있으며, 정해진 프로토콜을 기반으로 통신함 - 웹 브라우저: 서버와 HTTP 통신을 대신해주고, 수신한 리소스를 시각화하여 개발자가 아닌 일반 사용자가 인터넷을 사용할 수 있도록 해줌 - 웹 브라우저는 ..
Background: Web # 들어가며 - 서론 - 웹(World Wide Web, W3, Web): 현대 정보 통신을 대표하는 통신 수단 중 하나 - 웹이란, 인터넷이라는 통신망을 활용하여 구현된 전 지구적 정보 공간 > 시간과 장소에 구애받지 않고 인터넷에 접속할 수만 있다면, 웹에서 정보를 구하거나 공유할 수 있음 - 웹으로 연결된 사람들 사이에 형성되는 정보의 흐름이 마치 거미줄 같다고하여 웹으로 이름을 붙임 통신 과거 현대 목적 의사 소통 (정보 교환, 감정 표현 등) 수단 찾아가기, 봉화 신호 전화, 인터넷 특징 시간과 거리의 제약이 있음 시간과 거리의 제약이 거의 없음 # 웹 1. 웹 - 웹: 인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스 - 웹 서버(Web..
Background: HTTP/HTTPS # 들어가며 1. 언어에서의 약속 - 문장의 의미는 문장을 구성하는 단어의 의미, 문법 구조, 맥락, 독자의 배경 지식 등으로 결정됨 - 단어의 의미와 문법은 사회적으로 합의되어 있음 ex) 만약 사람들이 "사과"로 바나나를 가리키기로 약속했다면 우리는 바나나를 보고 "사과"라고 부를 것임 - 언어에서의 약속이란, 문장의 의미를 결정하는 매우 중요한 요소로 컴퓨터에서도 마찬가지로 적용됨 2. 인코딩 - 컴퓨터의 모든 데이터는 0과 1로 구성됨 - 0과 1로 우리의 문자를 표현하는 것도 일종의 약속 덕분인데, 이런 약속들을 인코딩(Encoding) 표준이라고 부름 ex) 아스키(Ascii)와 유니코드(Unicode) - 아스키는 7비트 데이터에 대한 인코딩 표준으로..
생활코딩 javascript 객체예고(29) - 객체의 활용(33) 1. 객체 - 관련 있는 함수들을 group하는 수납 상자 ex) var coworkers = { }; //객체 생성 배열 [ ] 사용 객체 { } 사용 2. 객체 쓰기와 읽기 var coworkers = { “programmer” : “egoing” // 객체의 프로퍼티: programmer “designer” : “leezche” // 객체의 프로퍼티: designer } ; document.write(“programmer:”+coworkers.programmer); // programmer : egoing 출력 coworkers.bookkeeper = “duru” ; // 객체 내용 추가 coworkers[“data scientis..
생활코딩 javascript 조건문 예고(14) - 함수의 활용(28) 1. 비교 연산자 - ===: 좌항과 우항의 값이 같은지 비교 - A 변수를 설정해 수정을 쉽게 함으로써 반복을 줄임 5. 반복문 ex..
생활코딩 javascript 수업소개(1) - 프로그램, 프로그래밍, 프로그래머(13) 1. Javascript - : 안에 javascript 문법이 작성됨을 알리는 태그 - document.write("hello world"); : 이 문서에 hello world를 출력하겠다. - A = B -> 대입연산자: 오른쪽 항을 왼쪽 항에 대입한다. - 변수 앞에 var(variable)를 쓰는 것이 좋다 2. HTML VS Javascript 언어 Javascript HTML 코드 document.write(1+1) 1+1 결과 2 1+1 특징 동적 정적 3. Event: 사건 - Javascript 사용이 필요함 - 이벤트 핸들러는 이벤트 앞에 on을 붙여준다 - onclick, onchange, onk..
생활코딩 CSS 수업 소개(1) - 박스모델 써먹기(9) 1. CSS의 기본 문법 선택자 O 디자인과 관련된 태그를 가두며 어디서부터 CSS영역인지 표시 style 속성 사용 선택자 X css의 효과를 입력한다 ex) style = "color:black" 2. 선택자 (selector) - 콤마(,)로 여러 개를 선택할 수 있다 - class를 사용하면 class명 앞에 점(.)을 찍는다 / class="클래스 명" * 클래스는 여러 개 사용이 가능하며 띄어쓰기로 구분함 - id를 사용하면 id앞에 #을 붙여 표시한다 / id="아이디 명" * id는 한 번만 사용 가능하다 - 우선 순위: id > class > tag 3. 선언 문법 정리 color : black 색상을 검은색으로 변경한다 text ..
생활코딩 HTML 기획(3) - 웹사이트완성(15) 1. 기획 - 만들기 전에 무엇을 만들 것인가를 설계하는 혹은 그려보는 과정 2. HTML ? Hyper Text Markup Language -> Public domain 3. 기본 문법 태그 tag: 열리는 태그 닫히는 태그(슬래시를 붙인다) 글씨를 굵게 한다 h1 ~ h6 까지 있으며 제목을 표시하는 tag이다 단락을 바꿀 때 사용한다 - 줄 바꿈을 할 때 사용한다 - 닫는 태그가 없다 4. 태그의 속성: 태그의 이름만으로는 정보가 부족할 때 사용한다 ex) 태그 -> src = " " " " 사이에 이미지의 주소 (파일의 이름)를 입력한다 width = " " " " 사이에 사진의 비율을 입력한다 태그 -> href=" " 링크시킬 주소 이름을 ..
게임 메모리 해킹: 치트 엔진(Cheat Engine) 튜토리얼 9단계 해결하기 (Game Memory Hacking Tutorial by Using Cheat Engine #10) # 튜토리얼 9 - 지금까지 공부한 내용들을 혼합해서 문제를 풀어야 함 - 문제 요약: Player 1과 Player 2가 우리 팀이고, Player 3과 Player 4가 적팀이다. 게임을 시작하면 각 플레이어의 체력이 감소하는데, 치트 엔진을 이용하여 우리 팀이 이기도록 처리해야 함 - Player 1인 Dave의 Health를 찾기 위해 값 100을 Scan - 문제에서 Health는 float형이라는 tip을 주었으므로 value type을 float으로 함 - Attack을 누름으로써 값이 94로 변하는 변수가 Da..
게임 메모리 해킹: 치트 엔진(Cheat Engine) 튜토리얼 8단계 해결하기 (Game Memory Hacking Tutorial by Using Cheat Engine #9) # 튜토리얼 8 - 다중 포인터를 이해하고 있는지 물어보는 단계 > 이번 문제는 여러 개의 포인터가 중첩되어 있음 - 문제 요악: 특정한 변수를 가리키는 포인터의 포인터의 포인터의 포인터의 포인터(5중 포인터)를 찾아내어 값을 5000으로 고정시키기 - 현재 변수의 값 1142를 가지고 First Scan을 진행 - 주소 리스트에 추가 - Find out what accesses this address를 눌러 어떤 포인터가 해당 변수를 가리키는지 확인 - Change value를 통해 값을 변경시켜 수행되는 기계어 확인 - m..