'분류 전체보기' 카테고리의 글 목록 (58 Page)

인트로 Vite는 프랑스어로 빠르다는 것을 의미한다. 빠르고 간결한 모덥 웹 프로젝트 개발을 목적으로 탄생한 빌드 도구이다. 핵심 컨셉은 두가지 이다. 네이티브 ES Module을 넘어 다양한 기능을 제공한다. 번들링 시, Rollup 기반의 다양한 빌드 커맨드를 사용할 수 있다. 최적화된 정적 리소스들을 배포할 수 있게끔 하고, 미리 정의된 설정을 제공한다. 왜 Vite를 사용해야 할까? 브라우저에서 ES Modules를 지원하기 전가지, javascript 모듈화를 네이티브 레벨에서 진행할 수 없었다. 개발자들은 그래서 어쩔 수 없이 우회적인 방법인 번들링을 사용할 수 밖에 없었다. 모듈화된 소스 코드를 브라우저에서 실행 할 수 있게 파일로 한데 묶어 연결해주는 작업을 걸쳐야 했단 것이다. 하지만 애..

Yarn은 패키지 관리자이다. Node.js 런타임 환경을 위해 페이스북이 만들었다. npm 패키지 관리자의 대안으로 대형 코드의 일관성, 보안, 성능 문제를 해결하고자 개발되었다. 설치 Node.js 16.10 버전 이후부터는 Corepack으로 yarn을 설치 할 수 있다 맥북 기준으로 corepack을 설치하고, corepack enable을 하면 된다 brew install corepack corepack enable yarn init -2 여기가지하면 yarn으로 프로젝트 초기화까지 완료되었다 특징 yarn은 npm의 대항마로 나왔으니 npm과 비교해볼까 한다 패키지 설치 방식 yarn은 병렬 설치 npm은 직렬 설치 설치 방식에 기인해서 yarn의 패키지 다운로드 속도는 매우 빠르다. 보안 n..

문제 JSON 형식의 파일에서 정해진 조건으로 데이터를 출력하는 문제이다 const users = [ { "name": "하윤", "gender": "female", "age": 23, "birth": "2000-3-25" }, { "name": "예준", "gender": "male", "age": 24, "birth": "1999-4-4" }, { "name": "도윤", "gender": "female", "age": 22, "birth": "2001-5-12" }, { "name": "민준", "gender": "male", "age": 24, "birth": "1999-4-14" }, { "name": "서준", "gender": "male", "age": 23, "birth": "2000-10..

VScode 플러그인을 마구잡이로 깔다보니 지저분해서 모두 지우고 다시 설치하는 겸에 포스팅한다 설치 방법은 간단하다. VScode extension에 들어가서 Prettier 검색 후 설치하면 된다 나의 경우, 2가지만 설정하고 바로 사용하고 있다. MAC 기준으로 command + , 또는 설정에 들어간다. format on save 파일 저장 시 자동으로 포맷터가 실행 된다. 코드가 지저분해졌다 싶을 때 한 번씩 저장과 포맷팅을 동시에 할 수 있어서 애용 중이다 Default formatter를 Prettier로 설정

블록 암호화 k 비트의 블록 단위로 암호화 된다 k=64이면, 메세지를 64 비트의 블록들로 쪼개어 각 블록을 독립적으로 암호화 k 비트 블록의 평문을 k비트 블록의 암호문으로 대응 일대일 사상 각각의 입력에 대해서 서로 다른 출력을 얻게 된다 하나의 사상은 가능한 모든 입력의 순열이다 3 비트로 표현하니 8개의 입력이 가능하고, 일대일 사상을 하기 때문에 순열로 암호화 된다 des, 3des, aes 등이 블록 암호화 방식 미리 정의된 테이블을 사용하지 않고, 각 화살표에 대응되는 함수들을 사용한다 비트열을 키로 사용한다 알고리즘의 키는 알고리즘 내부에서 특정 미니 테이블의 사상과 순열을 결정 한다 테이블 기반 암호화 = 현실성 없는 전략 매우 안전한 대칭키 암호화 방법 k가 커지면 입력 블록에 대한 ..