사자자리

react-app 디렉토리의 public 디렉토리 - index.html 파일이 있다. - 아래 사진의 오른쪽 창(React 샘플 웹 app)이 웹브라우저에서 index.html을 실행한 결과이다. index.html 파일의 - React를 통해 만든 컴포넌트들은 id가 root인 곳 안에 들어가도록, create react app이 약속했다. (id 이름은 바꿀 수 있다.) - id가 root인 태그 안쪽에 들어가는 컴포넌트들은 src 디렉토리 안의 파일을 수정해서 만들 수 있다. 사용자 정의 태그 App - React 샘플 웹 app을 실제로 구현하는 태그

React 샘플 웹 app 실행하기 1. Visual Studio Code 다운로드: https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com *언어 변경 방법 - Ctrl + Shift + P - Con..

REACT 공식 사이트: https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 리액트(React) - 자바스크립트 UI(사용자 인터페이스) 라이브러리 컴포넌트(Component) - 사용자 정의 태그 - 가독성과 재사용성을 높인다. Create React App 설치: npm 이용 npm - node.js를 이용해서 만들어진 여러 앱을 명령어 환경에서 쉽게 설치할 수 있도록 도와주는 도구 1. Node.js 설치: https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtim..

Quest 1. HTML Injection - 취약한 매개변수에 악성 HTML을 심어서 공격하는 방법 - 사용자가 연결을 요청한 페이지에 악성 HTML을 심어서 의도치 않은 내용을 보게 하거나, 악성 사이트로 연결되게 하는 방법 Quest 2. 아래 화면을 출력하시오. [난이도 low] First name에 Regulus, Last name에 Black을 입력하니 Welcome Regulus Black이 아래에 그대로 출력된다. 이를 이용해서 퀘스트를 수행하자. View Page Source에서 출력할 형식에 맞는 태그들을 찾았다. First name: SUCCESS Last name: [난이도 medium] 같은 방법으로 입력했더니 위와 같이 나왔다. 터미널에서 소스파일이 있는 /var/www/bWAP..

1. bee-box v1.6.7z 다운로드 bWAPP - Browse /bee-box at SourceForge.net bWAPP - Browse /bee-box at SourceForge.net sourceforge.net 2. 압축 해제 3. VMware - Open a Virtual Machine 4. Edit Virtual Machine Settings: 메모리를 4GB로 수정 5. 실행 (초록색 화살표) - I Copied It 클릭 6. 터미널에서 ifconfig를 입력하여 ip주소 확인할 수 있다.

var_dump(); - 입력값과 데이터타입을 같이 출력하는 함수 isset(); - 변수가 설정되었는지 확인하는 함수 조건문 if WEB HTML CSS JAVASCRIPT PHP 반복문 while 배열 array scandir(); - List files and directories inside the specified path WEB

웹브라우저와 서버의 상호작용 1. 웹브라우저의 주소창에 index.html 입력 2. 웹서버가 확장자가 html임을 확인하고, 본인이 직접 처리할 수 있다는 것을 알게 됨 3. 웹서버가 서버 컴퓨터의 HDD나 SSD에 설치된 htdocs 디렉토리에서 index.html 파일을 읽어서 웹브라우저에게 전송 4. 웹브라우저가 전송받은 코드의 내용을 해석해서 화면에 표시 1. 웹브라우저의 주소창에 index.php 입력 2. 웹서버가 확장자가 php임을 확인하고, 본인이 직접 처리할 수 없다는 것을 알게 됨 3. 웹서버가 index.php 파일에 대한 처리를 PHP에게 위임 4. PHP가 htdocs 디렉토리 내의 index.php 파일을 열어서 php의 문법에 따라서 해석하고 html 파일을 생산 5. 만들어..

PHP를 이용하면 웹페이지를 자동으로 생성할 수 있다. 사이트의 운영자가 컨텐츠의 내용을 작성해서 PHP에게 넘기면 PHP는 사용자 대신에 컨텐츠를 HTML로 만들어준다. 사이트 운영자는 컨텐츠에 전념할 수 있게 된다. PHP 설치 및 준비 1. bitnami wamp 검색 2. https://bitnami.com/stack/wamp/installer Install WAMP, Download WAMP show MD5 2e044343a83e84e8c82ee6baae8da731 SHA1 0df71b08cea601c2daa38697d0b6d8574f161f40 SHA256 c701a88e99cddf3ef3b7b240cb0b641a5e1ddfce9f37d1cf63ec3ea81ecf2f9e bitnami.com ..