전체 글

· FrontEnd
연산자하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값 생성값으로 평가된 피연산자를 연산해 새로운 값을 만든다.피연산자: 연산의 대상, 값으로 평가될 수 있는 표현식일 것연산자 표현식: 피연산자와 연산자의 조합, 값으로 평가될 수 있는 표현식이다.7.1 산술 연산자피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값 생성!산술 연산이 불가한 경우 NaN 반환7.1.1 이항 산술 연산자2개의 피연산자를 산술 연산모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수효과 X ⇒ 어떤 산술 연산을 해도 피연산자 값 변경 X 언제나 새로운 값 생성!이항 산술 연산자의 종류+ : 덧셈- : 뺄셈* : 곱셈/ : 나눗셈% : 나머지7.1.2 단항 산술 연산자1개..
· 웹해킹
보호되어 있는 글입니다.
타입, 원시타입, 객체타입, JS의 7개 타입, BigInt, 템플릿 리터럴, 이스케이프 시퀀스, 데이터 타입 필요성, 동적 타이핑, 동적 타입 언어데이터 타입줄여서 ‘타입’이라고도 표현값의 종류를 의미자바스크립트(ES6 기준) 7개의 데이터 타입 제공JS의 모든 값은 데이터 타입을 갖는다.ES11에서 추가된 BigInt!JS의 7가지 데이터 타입구분데이터 타입설명원시타입number 타입숫자 (정수, 실수 구분 X) string 타입문자열 boolean 타입논리적 참과 거짓 (true / false) undefined 타입var 키워드로 선언된 변수에 암묵적 할당되는 값 null 타입값이 없음을 의도적 명시할 때 사용되는 값 symbol 타입ES6에서 추가된 7번째 타입객체 타입 객체, 함수, 배열 등6..
값 / 평가 / 변수 / 리터럴 / 표현식 / 동치 / 문 / 세미콜론 / ASI / 완료 값5.1 값식(표현식)이 평가되어 생성된 결과평가식을 해석해서 값을 생성하거나 참조하는 것10 + 9; 는 식이 평가되어 19라는 값을 생성한다.데이터 타입모든 값은 데이터 타입을 가진다.이는 메모리에 2진수(bit)로 저장된다.메모리의 값은 같은 값이어도 데이터 타입에 따라 다르게 해석된다.ex) 0100 0001은 숫자로 해석했을 때 65, 문자로 해석하면 ‘A’가 된다.변수와 값변수는 하나의 값 저장을 위해 확보한 메모리 공간 자체 or 그 메모리 공간 식별을 위해 붙인 이름값은 그런 변수에 할당되는 것5.2 리터럴값을 생성하는 가장 기본적인 방법사람이 이해할 수 있는 문자 or 약속된 기호를 사용해 값을 생..
· FrontEnd
변수 / 메모리 / 메모리 셀 / 데이터 / 메모리 주소 / 할당과 참조 / 변수명 / 식별자 / 선언과 초기화 / 참조 에러 / 호이스팅 / 재할당 / 가비지 콜렉터 / 네이밍 컨벤션4.1 변수란 무엇인가? 왜 필요한가?변수프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념why? 어떤 애플리케이션이든 데이터를 입력 → 처리 → 결과 출력의 과정을 통해 데이터를 다루기 때문JS 엔진의 수식 해석10 + 9 이런 식을 어떻게 계산할까?코드 평가(계산) 시 필요 조건10, 9, + 라는 기호의 의미를 알고 있어야 한다. (10과 9는 리터럴, +는 연산자이다.)10 + 9라는 표현식의 의미를 해석(Parsing)할 수 있어야 한다.메모리식을 계산하기 위해선, 연산자의 좌우에 존재하는 피연산자를 기억해야 ..
· FrontEnd
브라우저 / Node.js / Web API / 개발자 도구 / 디버깅 / npm / VSC / 확장 플러그인3.1 자바스크립트 실행 환경브라우저와 Node.js모든 브라우저 및 Node.js는 자바스크립트 엔진이 내장따라서 JS는 브라우저 환경 또는 Node.js 환경에서 실행 가능하며기본적으로 브라우저에서 동작하는 코드는 Node.js 환경에서도 동일하게 동작한다.But, Node.js와 브라우저의 용도는 서로 다르다.브라우저의 목적HTML, CSS, JS를 실행해 웹 페이지를 브라우저 화면에 렌더링Node.js의 목적브라우저 외부에서 JS 실행 환경을 제공하는 것⇒ 따라서 브라우저와 Node.js 모두 JS의 코어인 ES를 실행할 수 있지만, 둘 사이에서 ES 이외에 추가로 제공하는 기능은 호환되지..
· FrontEnd
React & Spring Boot 연동해보기!프로젝트 진행에 앞서 연습해보기! Front-end : ReactBack-end : Spring Boot 스프링 부트를 통해 서버 API 역할을 구축하고, UI 로직을 React에서 담당( React는 컴포넌트화가 잘되어있어서 재사용성이 좋고, 수많은 오픈소스 라이브러리 활용 장점 존재) 개발 환경도구 (설치할 것)VSCode에서 ctrl-shift-p 입력 후, spring 검색해서 Spring Initalizr: Generate Maven Project Spring 선택 프로젝트를 선택하면 나오는 질문은 아래와 같이 입력 언어 : Java Group Id : no4gift Artifact Id : test Spring boot version : 2.1.6..
· 웹해킹
blind sql injection advancedhttps://dreamhack.io/wargame/challenges/411 Admin password를 구해야함 파이썬으로 password를 알아내는 코드를 짜야함  패스워드의 각 비트열을 모두 추출해야해 비밀번호의 길이를 찾고 문자열을 하나하나 찾아줘야함 이를 다시 문자로 변환해주어야 한다.  이 때 한글과 같이 아스키코드 범위가 아닌 문자의 경우, 인코딩에 유의하여 변환해주어야 한다. 비트열을 다시 문자로 변환하기 위해서는 다음과 같은 순서로 진행해야 한다.1.비트열을 정수로 변환2.정수를 Big Endian 형태의 문자로 변환3.변환된 문자를 인코딩에 맞게 변환비트열을 정수로 변환하기 위해 int 클래스를 사용할 수 있고, 정수를 Big Endi..
· 웹해킹
#!/usr/bin/python3from flask import Flask, request, render_templatefrom selenium import webdriverfrom selenium.webdriver.chrome.service import Serviceimport urllibimport osapp = Flask(__name__)app.secret_key = os.urandom(32)try: FLAG = open("./flag.txt", "r").read()except: FLAG = "[**FLAG**]"def read_url(url, cookie={"name": "name", "value": "value"}): cookie.update({"domain": "127.0.0...
· 웹해킹
xss게임 1단계 ~5단계문제 풀기!XSS game (xss-game.appspot.com) XSS gameWelcome, recruit! Cross-site scripting (XSS) bugs are one of the most common and dangerous types of vulnerabilities in Web applications. These nasty buggers can allow your enemies to steal or modify user data in your apps and you must learn to dispatch thexss-game.appspot.com1단계미션 설명이 수준은 사용자 입력이 적절한 이스케이프 없이 페이지에 직접 포함되는 크로스 사이트 스크립팅의 ..
유민기
Youminki