본문 바로가기

전체 글

(5)
암호화와 보안: 데이터 보호의 첫걸음 암호화와 보안1. 왜 암호화가 중요한가?오늘날의 디지털 세상에서 데이터는 언제나 해킹 위험에 노출되어 있습니다. 특히, 사용자의 비밀번호와 같은 민감한 데이터가 데이터베이스에 평문으로 저장된다면, 해킹 시 치명적인 정보 유출이 발생할 수 있습니다. 이를 방지하기 위해 **암호화(Encryption)**와 **해시(Hashing)**가 사용됩니다. 2. 해시(Hashing)란 무엇인가?**해싱(Hashing)**은 데이터의 무결성을 확인하거나 비밀번호를 안전하게 저장하는 데 사용됩니다. 해싱의 특징단방향: 해시 함수는 원본 데이터를 복원할 수 없습니다.고정된 출력값: 입력 데이터 크기에 관계없이 고정된 크기의 해시 값을 생성합니다.충돌 가능성: 서로 다른 데이터가 동일한 해시 값을 생성할 수도 있습니다(충..
자바스크립트 비동기 실행 구조 Memory Heap메모리 힙은 메모리가 동적으로 할당되는 공간으로, 객체나 변수의 데이터가 저장되는 곳이다. 메모리 힙에서는 할당과 해제가 이루어지며, 개발자가 명시적으로 관리하지 않아도 된다.Call Stack콜 스택은 코드 실행 흐름을 관리하는 곳이다. 함수 호출이 발생할 때 호출된 함수가 스택에 추가되고, 실행이 끝나면 스택에서 제거된다. 이는 후입선출(LIFO, Last In First Out) 구조로 동작하며, 가장 나중에 추가된 작업이 가장 먼저 실행된다.  콜 스택의 동작 방식function first() { console.log("First");}function second() { first(); console.log("Second");}function third() { secon..
JavaScript 자료 구조와 메모리 관리 자료구조란?자료구조는 데이터를 저장하고 조직화하여, 데이터의 접근 및 수정, 검색 등을 효율적으로 수행할 수 있도록 돕는 방법알고리즘이란?자료구조에 저장된 데이터를 처리하고 조작하는 과정이나 절차 1. 단순구조 (Primitive Data Structure)프로그래밍에서 사용하는 기본 데이터 타입으로 구성된 구조하나의 값만 저장하며, 복잡한 데이터 관계를 표현하지 않음예시 (JavaScript 원시 타입):string, number, boolean, null, undefined프로그램에서 변수, 상수 등 단순 데이터를 저장하는 데 사용2. 비단순구조 (Non-Primitive Data Structure)여러 데이터를 목적에 맞게 효과적으로 저장하는 구조다양한 데이터 간의 관계를 표현할 수 있음예시 (Ja..
CSS - Flex Box로 레이아웃 디자인하기 너무너무 헷갈리는 Flex 어떻게 사용해야 할까??기본 코드는 container라는 부모요소를 만들고 안에 자식요소로 3개의 class를 만들어 border에 색상을 주었다. one two three display: flex; 이제 여기서 container(부모)에게 display를 flex로 하면?-----> 이렇게 되는 이유는 flex의 기본값이 있기 떄문이다.flex-direction: row 로 기본값이 들어가 있기 때문에 옆으로 수평으로 배치가 된다.align-items: stretch 각각의 아이템의 높이가 똑같아진다. 그럼 column과 row에 따라서 이후에 나오는 속성들이 다르게 동작하기 떄문에 두가지를 비교해보자! display가 fl..
웹 표준과 웹 접근성이란? 웹 표준(Web Standards)이란?어떤 운영체제나 브라우저에서든 동일한 콘텐츠를 볼 수 있도록 웹페이지를 만들때 지켜야 하는 규칙을 말한다.여기서 동일한 콘텐츠는 같은 내용이 아니라 모든 플랫폼(OS, 브라우저)에서 동등한 수준의 정보를 의미한다.웹 표준은 팀 버너스 리(웹의 아버지)를 중심으로한 조직의 토론으로 결정되었다. 특정 브라우저에서만 동작하는 태그나 기능 같은 경우 웹 표준에서 벗어난다.왜 웹 표준이 필요할까??1990년대 후반에서 2000년대 초반까지 넷스케이프와, 인터넷 익스플로러등 다양한 브라우저들이 나타나기 시작했다.그로 인해 과도한 경쟁이 발생했고, 개발자는 모든 브라우저에서 동작하는 웹을 따로따로 만들어야 했었다.이를 해결하기 위해 W3C라는 공식웹표준기구가 설립되었고, 이를 ..