본문 바로가기

전체 글

 (359)
자바스크립트의 this #자바스크립트 this #js this 출처: https://poiemaweb.com/js-this (this뿐만 아니라 apply/call/bind까지다루고 있다) 요약: Java와 달리 자바스크립트의 경우 Java와 같이 this에 바인딩(식별자와 데이터를 연결)되는 객체는 한가지가 아니라 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정되는 것이 아니고, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다(하지만 내 생각에는 어떻게 호출했는가 뿐만 아니라 어떻게 선언 되었는가도 영향을 주는것 같다. 아래의 예시를 보면 객체안에 함수표현식 방식으로 선언된 함수에서의 this는 해당..
Front, Back 분리시 동작 원리, 배포, 개발, 내가 궁금했던 것들(웹 서비스 구조) #배포 #분리하여개발 #서버 #프론트엔드 서버 #백엔드 서버 (아래가 정리된 내용으로 출처 말고 아래서 보기를 권함) 출처: https://it-eldorado.tistory.com/85 좋은글 출처: https://iborymagic.tistory.com/94 도움이 되는 채팅: https://okky.kr/questions/874573 https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html : Web server와 WAS의 차이와 웹 서비스 구조에 대해 설명한 매우 유익한 글 1. 일반적인 웹 어플리케이션의 동작 원리 : 풀 스택 (Full Stack) 프론트 엔드와 백 엔드가 구분되지 않는 일반적인 웹 어플리케이션의 동작 원리는 어떠할까? 파이..
비동기식 처리 모델과 Ajax 출처: https://poiemaweb.com/jquery-ajax-json 1. Introduction 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 화면 전환이 발생한다. 이것은 브라우저와 서버와의 통신에 의한 것이다. 서버는 요청받은 페이지(HTML)를 반환하는데 이때 HTML에서 로드하는 CSS나 JavaScript 파일들도 같이 반환된다. 클라이언트의 요청에 따라 서버는 정적인 파일을 반환할 수도 있고 서버 사이드 프로그램이 만들어낸 파일이나 데이터를 반환할 수도 있다. 서버로부터 웹페이지가 반환되면 클라이언트(브라우저)는 이를 렌더링하여 화면에 표시한다. Traditional Web Page Lifecycle Ajax(Asynchronous JavaScript and XML)는 자바스크립트..
JSON, JSON.parse()와 JSON.stringify() Deepdive p 819참고 JSON(JavaScript Object Notaion): 클라이언트와 서버 간의 HTTP통신을 위한 텍스트 데이터 포맷. 자바스크립트에 종속되지 않는 언어 독립형 데이터 포멧으로 대부분의 프로그래밍 언어에서 사용할 수 있다. JSON은 자바스크립트의 객체 리터럴과 유사하게 키와 값으로 구성된 순수한 텍스트이지만 JS의 객체 리터럴과 약간은 다르다. JSON의 키는 반드시 큰따옴표(작은따옴표 사용 불가)로 묶어야 한다. 값은 객체 리터럴과 같은 표기법을 그대로 사용할 수 있다. 하지만 문자열은 반드시 큰따옴표(작은 따옴표 사용불가)로 묶어야 한다. 서버에서 클라이언트로의 데이터전송, 클라이언트에서 서버로의 데이터 전송 모~두 JSON포멧의 문자열로 이루어진다. 직렬화(Ser..
Madang연습문제 모음 1. 마당 서점의 고객측에서 요구할 수 있는 질의 - 출판사가 '굿스프츠' ghrdms '대한미디어'인 도서를 검색하시오(두 개 이상의 값을 비교할 때 in이 쓰인다) select * from book where publisher in ('굿스포츠','대한미디어') -박지성의 총 구매액 //sol)조인문이용 select sum(saleprice) as 총액 from orders inner join customer on orders.custid=customer.custid where customer.name="박지성"; //혹은 select sum(saleprice) as 총액 from orders, customer where orders.custid=customer.custid and customer.n..
chrome-error://chromewebdata/의 소스 맵을 읽을 수 없음: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:" JS실습중에 발생했던 에러이다. 다른 폴더의 파일은 잘 실행이 됐지만 이상하게 특정폴더의 파일만 잘 동작하지 않았다. 원인은 json json파일 때문이었다. 파일의 모든 내용을 주석처리 한후 실행했더니 문제가 해결되었다. chrome-error://chromewebdata/의 소스 맵을 읽을 수 없음: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:"
시스템 보안위협(백도어, 루트킷) 백도어(Backdoor, Trapdoor): 정상적인 인증 절차를 우회하는 기법(모든 분야에 고루 쓰이는 말. 특정 제품, 컴퓨터 시스템, 암호시스템, 알고리즘, 유틸리티 프로그램 등등). '뒷문'이라는 단어의 어감에서 알수있듯이, 허가받지 않고 시스템에 접속하는 권리를 얻기 때무에 대부분 은밀하게 작동함. 벡도어는 어떤 고정된 형태가 있지 않고 프로그램의 일부로 감춰져 있거나 독자적인 프로그램 혹은 하드웨어의 모습을 가지기도 한다. 참고(유틸리티 프로그램이란? 메모장, 그림장과 같은 작은 단위의 프로그램) 백도어 탐지기법: 1. 현재 동작중인 프로세스 확인 2. SetUid 파일 검사: (setuid란? 파일이 실행되는 동안 해당 파일의 소유자의 권한을 획득하는 것. 유닉스에서 패스워드를 바꿀 경우가 ..
네트워크 보안과 방화벽 참고: https://www.youtube.com/watch?v=Wst3-l6eoxo 방화벽: https://www.youtube.com/watch?v=Wst3-l6eoxo 백도어: https://www.youtube.com/watch?v=7OIZtLcnoE0 APT, 랜섬웨어: https://www.youtube.com/watch?v=_kQk1w1J2ko 침입차단: 방화벽(경비실 아저씨의 역할): 인증되지 않은 트래픽을 차단한다. 기업이나 조직의 모든 정보가 컴퓨터에 저장되면서, 컴퓨터의 정보 보안을 위해 외부에서 내부, 내부에서 외부의 정보통신망에 불법으로 접근하는 것을 차단하는 시스템이다. 내부 네트워크와 외부 네트워크 사이에 위치하여 외부에서의 침입을 1차로 방어해 주며 불법 사용자의 침입차단을 ..

티스토리툴바