본문 바로가기

Knowledge/Base10

암호화 방법 간략 정리 그냥 가끔 살짝 헷갈릴때 보려고 암호화 방법에 대하여 간략하게 정리했다. 🥲 맨날 헷갈리냐… 이런 나쁜 머리 🔒 단방향 암호 암호화 가능 복호화 불가능 해시를 이용 SHA 알고리즘이 있음 SHA1, SHA2, MD5 알고리즘 사용하지 말자 (보안 취약성 발견) SHA3(SHA512)을 사용하자 🔑 대칭형 암호 암호화 키와 복호화 키가 같음 대표적으로 DES, AES가 있다 🛠 비 대칭형 암호 공개키 암호화라고도 한다 암호화키와 복호화 키가 다르다 암호화키는 공개키라고 한다 복호화키는 개인키라고 한다 RSA 암호화가 대표적이다 나무위키 참고 2021. 5. 13.
Browser의 기본 구조 및 동작 과정 브라우저란? 웹 서버를 이동(navigate)하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 GUI 기반의 응용 소프트웨어이다. 브라우저의 종류 : FireFox, Chrome, IE, Edge, Opera, Safari 등... 브라우저의 기본 구조 UI (사용자 인터페이스) 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등, 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 브라우저 엔진 (Brower Engine) UI와 렌더링 엔진 사이의 동작을 제어 렌더링 엔진 (Rendering Engine) 요청한 콘텐츠를 표시 통신 (Network) 네트워크 호출에 사용 자바스크립트 해석기 (JavaScript Interpreter) JavaScript 코드를 해석하고 실행한다. JavaScr.. 2020. 9. 10.
Context Menu의 ...(ellipses)의 의미 가끔 메뉴를 보면 ... 이 붙은 메뉴 아이템이 있다. '찾기(F)...' 여기서 ...(줄임말)의 의미는 뭘까? 컨텍스트 메뉴(우클릭 메뉴)에서 ...의 의미는 바로 "다이얼로그 박스가 열릴때"라는 의미 입니다! (모달 윈도우가 열릴때) https://docs.microsoft.com/en-us/windows/win32/uxguide/cmd-menus#using-ellipses https://ux.stackexchange.com/questions/73830/can-three-dots-be-used-for-context-menu/73833 2020. 9. 3.
호스팅(hosting)이란? 호스팅이란? 서버의 전체 혹은 일부를 이용할 수 있도록 임대해 주는 서비스 호스팅의 종류 웹 호스팅 서버 호스팅 클라우드 서버 형태 (서버 : 고객) 1 : N 하나의 서버를 여러고객이 사용 1 : 1 하나의 서버를 고객이 단톡으로 사용 1: 1 가상화된 서버를 단독으로 사용 장점 저렴하다 업체에서 통합관리를 받을 수 있음 넓은 하드웨어 공간 서버를 직접 운영/관리 가능 빠를 데이터 전송 속도 필요에 따라 서버 자원이 유동적 단점 서버 운영 관리에 제한이 있음 하드웨어 사용에 제한이 있음 비용이 높음 클라우드 서버 이슈에 종속적 2020. 4. 4.
Domain Name과 DNS이란? 알고 있는 내용이지만 최근 FE 로드맵 따라서 정리를 하는 중 내용을 남기고 있다. Domain Name 의 발생 배경 인터넷 상에서 다른 단말에 접근하기 위해서는 숫자와 구분자(.)로 이뤄진 고유의 IP를 알아야함 ex) 192.168.10.100 ▼ 특정 서버에 IP를 매칭해서 하나씩 외우는 것은 불편함을 초래함. ex) 네이버(125.209.222.142), 구글(216.58.197.206) 등 ▼ 숫자와 구분자(.)로 구성된 IP를 대신해 사용자가 기억하기 쉬운 영문, 숫자 및 구분자(.)로 이뤄진 도메인 네임(Domain Nam)이 등장 하였음. Domain Name 의 정의 넓은 의미로는 네트워크상에서 컴퓨터를 식별하는 호스트 명가리키며, 좁은 의미에서는 도메인 레지스트리에게서 등록된 이름을 .. 2020. 4. 4.
인터넷(Internet) 인터넷(Internet)의 정의 International Network의 줄임말로 TCP / IP 프로토콜을 이용하여 정보를 주고 받는 컴퓨터 네트워크 인터넷이 하는 일은 무엇 일까? How Does The Internet Work? 기본적으로 TCP / IP 프로토콜을 이용하여 네트워크 상에서 패킷을 라우팅 하는 일을 한다. 프로토콜 이란? What is Protocol? 다른 말로는 통신 규약이라고 하며 네트워크 상에서 데이터를 주고 받는 방법/약속을 정의한 것을 말함. (예를 들면 내가 부처!라고 하면 너는 핸섭!이라고 대답하기로 약속하자) 패킷 이란? What is Packet? 네트워크 통신할때 주고 받는 데이터의 형식이다. 라우팅 이란? What is Routing? 네트워크 안에서 통신할 데.. 2020. 4. 2.
SSH Key 생성 및 등록 방법(GitHub, Bitbucket) Github, Bitbucket 등 클라우드 원격 저장소에서 소스를 클론하기 위해서는 PC를 인증해야 한다. https는 계정으로 로그인 ssh는 ssh key가 필요하다. 그 중 ssh key를 생성 및 등록 하는 방법을 알아보자 SSH Key 생성 OS 별 사전 조건 Windows Linux Mac git bash 설치 후 사용 openssh 설치 후 사용 (기본적으로 설치 되어 있음) SSH Key 생성 $ ssh-keygen -t rsa -b 4096 -C "본인의 E-Mail" 붉은색 네모칸에는 해당 ssh key가 저장되는 path와 ssh key의 패스워드 입력이 요구된다. 패스워드를 입력하면 원격 저장소랑 통신하는 매번 입력해야하니 Enter 치고 넘어가자 (이게 상당히 귀찮다...) SS.. 2020. 2. 27.
나에게 마크다운(Markdown) 언어란? 예전부터 쭈욱 사용해오던 마크다운 언어. "마크다운 언어가 뭐야?" 라는 마음속 질문에 정의를 말하지 못해서 정리해본다. 마크다운(Markdown) 이란? What is? 일반 텍스트 양식을 편집하는 문법 Where is? README 파일, 온라인 문서 등.. Why used? 쉽게 HTML, PDF 등 문서로 변환 가능 여기까지가 Wiki에서 말하는 Markdown 언어이다. 내가 생각하는 마크다운(Markdown)은? What is? 개발자라면 알아야하는 텍스트 편집 문법 Where is? Wiki(confluence, git wiki 등), git blog 등등 Why used? 개발자라면 익혀야하는 Default 필수 문법이다! 참고 https://ko.wikipedia.org/wiki/%EB%.. 2020. 2. 22.
윈도우 카오모지/이모티콘 단축키 사용으로 인싸되기 최근에 어쩌다가 윈도우 제공해주는 이모티콘 기능을 알게되었다. ❤🎪🖼🥼🧵🎠🎉🎟🎏🧨🎇🤣😂😊😍😒👌😘💕😁 👍🙌🤦‍♀️🤦‍♂️🤷‍♀️🤷‍♂️✌🤞😉😎🎶😢💖😜👏💋🌹🎂🤳🐱‍👤 🐱‍🏍🐱‍💻🐱‍🐉🐱‍👓🐱‍🚀✔✨😆🤔🤢🎁👀👱‍♂️👸🤴👳‍♀️👨‍🦱👦🧑👩‍🦰 블로그 쓸때 유용할듯 ㅎㅎ. 네이버에서도 쓸수 있다! 단축키 Window 키 + ; 단, Windows 10 1903 이후 부터 사용 가능하다. 버전 확인 방법 시작 > "winver" 입력 후 실행 > 확인 ㅜㅜ 아쉽지만 카톡에서는 안된다 2020. 2. 19.
크로스브라우징(Cross Browsing)의 정의 * 크로스 브라우징의 한줄 정의는 맨 아래 참조 크로스 브라우징의 정의 Cross Browsing이란 적어도 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말하는 것이다. 또한, 지원할 수 없는 다른 웹 브라우저를 위한 장치를 구현하여 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것이다. 키워드 : 서로 다른 브라우저, 비슷하게 만듦, 어느한쪽에 치우치지 않은 공통 요소 크로스 브라우징에 대한 오해 모든 웹 브라우저에서 100% 똑같이 보이도록 만드는 것! 크로스 브라우징을 위해서 위와 같이 비호환성을 억.. 2020. 2. 9.