본문 바로가기
728x90

전체 글200

비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 데이터를 받는 방식인 동기와 비동기 그리고 AJAX. 각각이 무엇이며, 어떤 특징이 있는지 예시를 통해 알아본다. 0. 동기와 비동기 개념 동기(synchronous : 동시에 일어나는) - 요청을 하면 (바로) 응답을 받는다는 의미. 말 그대로 동시에 일어난다는 뜻. 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다. -> 요청과 결과가 한 자리에서 동시에 일어남. -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 동시에 일어나지 않는다를 의미. .. 2021. 7. 22.
jQuery | 자바스크립트와 제이쿼리 비교, 제이쿼리 사용법 1. 자바스크립트, 제이쿼리 자바스크립트는 웹브라우저에서 작동하는 스크립트이다. 기능성 홈페이지 99% 이상이 이 기술을 사용하고 있다고 해도 될 정도로 많이 쓰이고 있다. ​ 그렇다면 jQuery 는? jQuery 역시 자바스크립트이다. 다만 자바스크립트로 빈번하게 사용되는 기능들을 조금 더 함축적인 코드를 통해 사용하게 만든 라이브러리, 즉 기능 덩어리 라고 할 수 있다. 그렇다면 두 가지의 차이점은 뭘까? 2. 자바스크립트, 제이쿼리 코드 비교 아래의 코드를 보면 조금 더 확실한 차이점이 보인다. [스크립트] function printArray() { var objResult = document.getElementById("result"); var objItem = document.getElemen.. 2021. 7. 22.
HTML로만 html 회원가입 폼 만들기 html로만 회원가입 폼 만들기! 스크립트 입히기 전 입니다. 완성된 페이지: 코드 : 회원 기본 정보 * 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 * 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 * 비밀번호확인: * 메일주소: 예) id@domain.com * 이름: 개인 신상 정보 * 주민등록번호 : - 예) 123456-1234567 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: 참고 자료: 1. 오디오 태그 : https://yangbari.tistory.com/24 ​ 2. 달력 태그 : https://blog.naver.com/PostView.nh.. 2021. 7. 22.
📝 정처기 필기 요약 '데이터 베이스' 요약 정리 정처기 필기 준비 했을 당시 정리해둔 문서 입니다. 1. 데이터 베이스 정의 (1) 정보와 데이터 ① 데이터 관찰이나 측정을 통해서 수집된 사실이나 값 (수치, 스트링) ② 정보 데이터를 가공하여 얻은 결과로써 부가가치를 지니며 의사 결정을 할 수 있게하는 유효한 해석이나 상호 관계. (2) 데이터베이스 정의 - 어느 한 조직에서 다수의 응용 시스템들이 공용으로 사용하기 위해 통합 저장된 운영 데이터의 집합 (=데이터 저장 방식) - 상호 연관 있는 데이터들의 체계적인 집합체. 1) 장점 - 데이터의 논리적 독립성, - 물리적 독립성, - 무결성 유지, - 중복의 최소화 (중복이 '없다'는 것은 아님!) - 불일치 제거, - 공유의 편리, - 보안성 유지 용이함. (중앙에 데이터가 있으니 중앙 컴퓨터에만.. 2021. 7. 22.
HTTP / Burp suite, Falcon Proxy 사용법 HTTP) Burp suite, Falcon Proxy 사용법 0. 프록시(Proxy)란? 사전적인 의미로는 대리인(agent)라는 의미. 서버와 클라이언트 사이에서 중계기로서 대리로 통신을 수행하는 기능을 가리켜 프록시, 해당 컴퓨터나 응용 프로그램을 프록시 서버라고 부른다. 일반적으로 프록시는 클라이언트에 위치하면서, 클라이언트와 서버 사이에서 요청과 응답을 처리한다.(Request,Response) 프록시를 이용한 통신 과정 1. 브라우저에서 프록시로 데이터 전송 2. 프록시에서 웹 서버로 Request 3. 웹 서버에서 프록시로 Response 4. 프록시에서 브라우저로 데이터 전송 1. burp suite 다운로드(mac) 웹 프록시 서버를 사용하여 클라이언트, 서버의 응답 및 요청 패킷을 확인.. 2021. 7. 22.
SSL 취약점을 이용한 공격, Heart bleeds(하트블리드) 실습과 웹 세션 하이재킹 (2) SSL 취약점을 이용한 공격, Heart bleeds(하트블리드) 실습과 웹 세션 하이재킹 [ 이전 글 ]과 이어지는 웹 세션 하이재킹 Heart bleed 실습 입니다. 1. 제로보드 설치 (간단한 웹사이트 생성) 우선 제로보드를 설치하기 위해, php php-devel php-pear php-mysql php-mbstring php-gd php-imap php-odbc php-xmlrpc php-xml을 설치한다. yum install php php-devel php-pear php-mysql php-mbstring php-gd php-imap php-odbc php-xmlrpc php-xml Loaded plugins: fastestmirror, refresh-packagekit, security .. 2021. 7. 22.
[CentOS network] 네트워크 ip 수동 설정 환경 : 맥북 / vmware fusion / CentOS 7 CentOS 7 네트워크 ip 수동 설정 가상머신 network-scripts 파일을 수정해서 네트워크를 설정하는 방법. network-scripts/ifcfg-ens 에 네트워크 구성 파일들이 있다. 1. 네트워크 어댑터 설정 가상머신과는 별개의 프로그램. vmnet2으로 설정. 2. network-scripts/ifcfg-ens (ifconfig로 ens 넘버 확인. 이게 안 맞는 경우가 가끔 있다.) 33번 장치 맞고. vi /etc/sysconfig/network-scripts/ifcfg-ens33 vi 편집기로 내용을 수정하자. 수정 할 땐 a 를 눌러 편집모드로 전환. BOOTPROTO = static ONBOOT = yes IPA.. 2021. 7. 21.
[네트워크] IP 주소, 멀리 떨어진 컴퓨터들의 통신 방법 IP 주소, 멀리 떨어진 컴퓨터들의 통신 방법 세상에 존재하는 수많은 네트워크 장비들은 어떻게 서로 통신하는 걸까? 전 세계 멀리있는 떨어져 있는 이 기기들은 어떻게 서로 통신을 할 수 있는 걸까? 에 대한 답, 우리가 살면서 한번 쯤 들어 본 단어 'IP주소'에 대해 알아보자. 1. MAC ADDRESS, IP ADDRESS 2. 3계층, 3계층의 기능 3. IP, Internet Protocol 4. IPv4의 구조 5. 일반적인 IP 주소, IPv4의 클래스 6. 낭비되는 IP 주소.. 7. 서브넷 마스크(Subnet mask)의 도입 8. 사설IP, 공인IP 9. 특수한 IP 주소 1. MAC ADDRESS, IP ADDRESS MAC ADDRESS와 IP ADDRESS의 차이가 뭘까? 이 글을 .. 2021. 7. 21.
DNS란? 도메인과 URL의 차이, URL의 구조, 도메인의 계층 관계, DNS 동작 방식 DNS란? 도메인과 URL의 차이, URL의 구조, 도메인의 계층 관계, DNS 동작 방식 DNS가 뭔가요? 🔄 DNS 란? DNS 또는 Domain Name System은, 사람이 읽을 수 있는 '도메인 ' 이름(예: www.amazon.com)을 컴퓨터 같은 기계가 읽을 수 있는 IP 주소(예: 192.0.2.44)로 변환하는 것 입니다. 도메인을 이해하기 위해서 전화기를 생각해 봅시다. 전화를 걸 때 필요한 정보는 전화번호 입니다. 그런데 친구들의 전화번호를 모두 기억하는 것은 힘들거나 불가능한 일이라, 전화기에는 친구의 이름과 그에 해당하는 전화번호를 저장해두죠. 그래서 친구이름 '토찌'를 입력하고 전화를 걸면, 전화기는 그 친구의 이름에 해당하는 전화번호를 찾아서 자동으로 전화를 걸어 줍니다. .. 2021. 7. 21.
728x90