ilsancityboy

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 코스에서는 개발자 도구와 각 구성 요소에 대해 배운다. 코스에서 배우는 핵심 개념은 다음과 같다. • 개발자 도구(DevTools) 개발자 도구 ( DevTools ) 웹 개발을 할 때는 프론트엔드의 자바스크립트나 백엔드 API에서 버그가 발생하는 경우가 잦고, 적용한 CSS가 맘에 들지 않을 때도 많다. 이런 경우에는 코드 에디터로 원하는 부분을 수정하고 브라우저로 결과를 확인해야 하는데, 만족스럽지 않으면 에디터와 브라우저를 오가며 수정을 반복해야 한다. 특히 CSS는 변경 결과가 어떻게 반영될 지 쉽게 예상이 되지 않아서 수정 과정이 더욱 번거로워지기도 한다. 브라우저 개발자 도구(Devtools)는..

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 코스에서는 웹 브라우저의 개념과 역할에 대해 배웁니다. 코스에서 배우는 핵심 개념은 다음과 같다. • 웹 브라우저(Web Browser) • URL(Uniform Resource Locator) • DNS(Domain Name Server) • 웹 렌더링(Web Rendering 웹 브라우저 웹은 인터넷이라는 글로벌 네트워크 위에 구현되어있고 정해진 프로토콜을 기반으로 통신한다. 개발자가 아닌 일반인이 이러한 규칙을 이해하고 사용하긴 매우 어렵기 때문에 20세기에 등장한 웹 브라우저는 서버와 HTTP 통신을 대신해주고 수신한 리소스를 시각화하여 쉽게 만들어주었다. 이용자가 주소창에 dreamhack.io를..

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 게시글에서는 앞서 정리한 웹 기본상식 ( Background : HTTP/HTTPS ) 을 토대로 올라온 퀴즈를 풀어 정리 할 것이다. 1번 문제 HTTP Header : HTTP 요청이나 응답의 메타데이터 (속성들) 을 담고있는 부분이다. 예를 들면 요청속성, 캐시 관리 , 인증 정보 , 압축 방식 등이 여기 담길 수 있다. HTTP Method : 클라이언트가 서버에게 원하는 동작의 종류를 나타낸다. 주요 메소드는 GET(가져오기), POST(전송하기), PUT(갱신하기), DELETE(삭제하기)이고 각각의 메소드는 서버에게 어떤 작업을 요청하는지를 나타낸다. HTTP Body: HTTP 요청이나 응답..

*해당 모든 글은 Dreamhack.io (드림핵) 에 올라와 있는 자료를 토대로 정리한 것. 이번 게시글에서는 앞서 정리한 웹 기본상식 ( Background : Web ) 을 토대로 올라온 퀴즈를 풀어 정리 할 것이다. 1번 문제 A : CSS - CSS는 웹 문서의 생김새를 지정하는 것이다. 글자의 색깔이나 크기 폰트 이미지 배경 색상 위치등을 지정하기 위한 것. B: Javascript - Javascript 는 웹 문서의 동작을 의미한다. 이용자가 버튼을 클릭했을 때 어떻게 반응할지, 이용자가 데이터를 입력하면 어디로 전송할 지 등. C: HTML - 웹 문서의 뼈와 살을 담당한다. 태그와 속성을 통한 구조화된 문서 작성을 지원한다. 따라서 정답은 C - HTML 2번 문제 URI는 "Unifo..

*해당 모든 글은 dreamhack.io (드림핵) 자료를 바탕으로 정리한 것. 이번 코스에서는 웹 통신에 쓰이는 프로토콜인 HTTP와 HTTPS에 대해 배운다. 코스에서 배우는 핵심 개념은 다음과 같다. • HTTP • HTTP 메시지 • HTTP 요청 • HTTP 응답 • HTTPS 인코딩 단어는 사회적으로 정의해놓고 사용한다. 쉽게말해 우리는 사과라는 개체 이름을 "사과" 라고 정해놨기 때문에 사과를보며 "사과"라고 부르고 사용하며 바나나를 가르키고 "바나나"라고 이름지어서 사용하기로 약속 했기 때문에 바나나라는 이름이 붙은 것이다. 컴퓨터의 모든 데이터는 0과1로만 구분되는데 이를 이용해 문자를 표현하는것도 일종의 약속 덕분이다. 이런 약속들을 인코딩(Encoding) 표준 이라고 부르는데 대표적..

이번 코스에서는 웹과 각각의 구성 요소에 대해 배운다. 코스에서 배우는 핵심 개념은 다음과 같다. • 통신 • 웹 • 웹 클라이언트 • 웹 서버 • 웹 리소스 • 웹 서비스 웹 ( Web ) 이란 과거에는 서로 거리가 떨어진 사람들이 의사소통을 하기위해 말을타고 직접 찾아가거나 봉화 신호를 올리는 등의 방법으로 소통했다. 그러나 현대에는 전 세계에 걸친 통신망을 바탕으로 통신 할 수 있게 되었다. 웹이란 인터넷 통신망을 활용하여 구현된 전 지구적 정보 공간이다. 시간과 장소에 구애받지 않고 인터넷에 접속만 할 수 있다면 정보를 구하거나 공유 할 수 있다. 웹으로 연결된 사람들 사이에 형성된 정보의 흐름이 마치 거미줄 같다고 하여 웹 이라 이름이 붙여졌다. 인터넷을 기반으로 구현된 기술중 HTTP 를 이용..

드림 핵 - 웹 해킹 - 소개 해킹에 대한 막연한 호기심으로 드림핵을 방문하신 분들이 최대한 쉽게 웹 해킹에 입문할 수 있도록 도울 것 이 강의는 안전한 웹 서비스의 구현을 위해 반드시 알아둬야 할 웹 해킹의 기초적인 지식과 기술을 전달하는 것을 목표 라고 정의 되어있다. 앞으로 드림 핵에서 배우는 것과 실습하는 것들을 파트별로 정리해서 올릴 예정이다.

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? 3. 그누보드란? 그누보드는 정신 공유를 나타내는 "GNU" 와 게시판을 나타내는 "BOARD" 가 합쳐진 말 그누보드는 웹에서 게시글 , 회원정보 등을 편리하게 관리하는 게시판 프로그램이다. 오픈된 소스 코드를 바탕으로 다양한 기능 (플러그인) 을 추가하기 쉽게 제작되어 있다. - 공부후 따로 내..

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? -드림핵 가입- https://dreamhack.io/ 해킹과 보안에 대한 공부를 하고 싶은 학생, 안전한 코드를 작성하고 싶은 개발자, 보안 지식과 실력을 업그레이드 시키고 싶은 보안 전문가까지 함께 공부하고 연습하며 지식을 나누고 실력 향상을 할 수 있는 공간 해커들의 놀이터, Dreamhack..

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? 1. 파이썬 이해하기. -파이썬 맛보기 - - 웹 브라우저에서 파이썬 이용하는 법 파이썬 공식 홈페이지: http://python.org 또는, 파이썬 튜터(http://pythontutor.com/)나 ideone(https://ideone.com/) 같은 웹사이트에서도 파이썬 코드를 작성하고 실..