얼음꽃의 일지

[항해99 9기] 항해 일지

2022.09.19 : 항해 시작! + OT 항해 스타트를 했습니다! OT를 시작하고 팀원들과 어색어색한 시간을 가졌습니다! 프로젝트의 주제를 정하고 그 프로젝트를 관련해서 S.A를 만들었습니다! https://iceflower.tistory.com/27 [Chapter 1] 5조 S.A(Starting Assignment) 1. 프로젝트명 타임뮤직 (탐뮤) 2. 소개 그 시절 우리가 좋아했던 음악 음악은 언제나 우리와 함께였지..☆ 지구 뿅뿅 음악실 그 시절 우리가 좋아했던 노래 3. 와이어프레임 3 - 1) 메 iceflower.tistory.com 2022.09.20 : 미니 프로젝트 01 기본적인 뼈대를 만들고, 회원가입, 로그인, 메인페이지, 댓글 & 좋아요 로 나눠서 시작했습니다. 저는 좋아요..

사용자 패스워드를 전송/보관

사용자 패스워드를 보관 시 -> 암호화를 진행 -> 대신 암호화를 할때 단방향, 양방향을 고려 -> 단방향(해싱)으로 할시에 복호화가 불가능하고, 속도는 느리지만, 안정성 좋음 -> 양방향으로 살시에 복호화가 가능하고, 속도는 빠르지만, 유출 가능성 있음 단방향 -> 데이터를 완전히 매핑시켜서 완전히 다른 암호화로 변경 -> 다이제스트라고 부름 -> 복호화 불가능 -> salt나 해시함수 여러번 시행을 안하게 되면 동일한 메시지 혹은 비밀번호는 동일한 다이제스트를 가짐 -> 이러한 동일한 다이제스트를 모아둔 테이블을 레인보우 테이블이라고 함 -> 해시 함수 여러번 수행, salt를 하게되면 유출을 어느정도 막을 수 있음 -> Key Streching : 다이제스트 여러번 암호화 -> Salt : 해시 함..

트랜스파일러와 번들러

트랜스파일러(Transpiling) - 특정 언어로 작성된 코드를 비슷한 다른 언어로 변환시키는 행위 - 모든 브라우저가 ES6+ 기능을 제공하지 않기 때문에 이전 버전인 ES5로 변환시켜줌 - JSX, TypeScript -> JS로 변환 가능 번들러(Bundler) - 모듈단위로 파일 엮어서 개발하는 방식을 하게되면 의존성에 문제가 생김 - 이 문제를 해결해주는 아이가 번들러 - 각각의 모듈의 의존성에 해결하여 하나의 자바스립트 파일로 만듦과 동시에 ES6+ 스펙을 ES5로 변환까지 해주는 도구

Node.js === single-thread || multiple-thread??

과연 Node.js 이 아이는 어떤 스레드일까? 1. 컴퓨터를 켜서 프로그램을 실행하게 되면 프로세스가 작동 2. 이 프로세스가 작동하게 되면 그 안에 있는 최소 한개의 스레드가 움직임 3. node도 기본적으로 보자면 여러개의 스레드를 가지고 있음 4. 그러나 node안에서 실행하는 언어인 javascript를 실행하는 스레드가 하나이기에 싱글 스레드라고 봄 5. 물론 기본 작업 외에 특정 작업을 할때, 추가 스레드가 필요하면 새로 스레드를 만들어서 쓸 수 있기에 멀티 스레드도 가능성이 있다고 봄 6. 노드는 이벤트 기반 플랫폼이고 이벤트가 발생하면 미리 지정해둔 작업을 수행하는 방식 7. 그럼 지정해둔 작업을 수행하는 것이기 때문에 콜백 처리하는것과 같음 8. 현재 Node.js는 v8이라는 Java..

JWT

토큰 - 서버에 접속을 하면서 서버에서 해당 클라이언트에게 인증되었다는 의미로 주는 토큰 ( ex ) 기차표 ) - 이 토큰 유일한 값 - Access Token, Refresh Token 등이 존재 - 이 토큰 자체를 저장하는 방식은 쿠키, 세션 다 가능 - 토큰 자체는 저장소를 따로 쓰지 않기 때문에 메모리를 안잡아먹음 - 탈취 당하면 상황이 조금(?) 심각해짐 - payload는 암호화가 되는게 아니기 때문에 token만들 시 중요한 내용을 담을 수는 없음 - 쿠키, 세션과 다르게 길이가 길어서 요청이 많아지면 조금(?) 부하가 올 수 있음 JWT - JSON Web Token의 약자로 인증에 필요한 정보들을 암호화시킨 JSON 토큰 - JWT는 이제 서버에서 처리를 하게 되는데 클라이언트에서 로그..

깊은 복사 와 얕은 복사

얕은 복사 깊은 복사 객체의 참조값(주소값)을 복사 객체의 실제 값을 복사 참조값을 복사할 때 변수가 객체의 참조를 가르키고 있고, 복사된 변수 또한 같은 것을 가르키고 있기에 하나의 값을 바꿔주게 되면 기존의 값도 영향을 받아 변경 원시 값을 복사 할때, 아예 독립적인 메모리 공간에 할당하기 때문에, 원시 값에는 영향이 없음 // 얕은 복사 const a = { num : 1, string : "dog" } let b = a; console.log(a); // {num : 1, string : "dog"} b.num = 2; b.string = cat; console.log(a); // {num : 2, string : "cat"} cossole.log(b); // {num : 2, string : "..

동시성과 병렬성

동시성(Concurrency) 병렬성(Parallellism) 여러 작업이 동시에 실행되고 있는 것처럼 구현 여러 작업이 실제로 동시에 실행되도록 구현 싱글 코어 환경에서 (1 프로세스) : (N 스레드)를 동작하여 구현 멀티 코어 환경에서 (1 프로세스 or 1 스레드) : (N 스레드)를 동작하여 구현 빠른 시간에 하나씩 많은 양을 처리 동시에 여러 것을 처리 논리적 물리적 아이스크림 출구가 하나인 아이스크림 기계에서 초코,바나나,딸기, 바닐라 바꿔가면서 나오도록 구현 아이스크림 출구가 다 따로따로 있는 아이스크림 기계에서 각각의 맛이 나오도록 구현

call by value 와 call by reference

Call by Value - arguments로 값 넘김 - 값이 넘어올때 복사된 값이 넘어옴 - 복사된 값이 넘어왔기 때문에 원본 데이터에는 영향을 받지 않음 - ex ) 전역변수에 선언해두고 함수 내에서 값을 바꿔도 전역 변수에는 변화가 없음 let a = 10; const mul = function(b) { b = b * 3; } mul(a); console.log(a) // 10 Call by Reference - arguments로 값을 넘김 - 이때 넘어오는 값은 값 자체가 아닌 값에 대한 주소, 혹은 메모리 변수 - 참조 하는 부분을 넘기기 때문에 값을 복사할 이유가 없음 - 대신 위치를 넘겨받았기 때문에 변화가 생기면 전체에도 변화가 생김 let a = {}; let turn = funct..