Javascript(6)
-
Crypto와 Crypto-JS 선택 과정과 성능 비교
내가 이 글을 쓰게 된 이유암호화 기능을 구현할 때 어떤 라이브러리를 선택해야 할지 고민하게 되었습니다. Node.js 환경에서 기본 제공되는 Crypto 모듈과, 브라우저에서도 손쉽게 사용할 수 있는 Crypto-JS가 주요 후보였습니다. 이 글에서는 두 라이브러리를 비교하고, 최종적으로 왜 Crypto-JS를 선택했는지에 대해 다뤄보려 합니다. Crypto와 Crypto-JS 소개Crypto란?Crypto는 Node.js에 기본 내장된 암호화 모듈로, 다양한 암호화 알고리즘을 제공하여 서버 측 암호화 작업에 최적화되어 있습니다. 주로 데이터 암호화, 디지털 서명 생성, 해시 처리 등을 위한 API를 제공합니다.Crypto-JS란?Crypto-JS는 JavaScript 기반 암호화 라이브러리로, 브라..
2025.01.20 -
내일배움캠프 JavaScript 영화 검색 사이트 회고
💻프로젝트 소개JavaScript와 TMDB API를 사용하여 영화 검색 기능을 구현하는 것을 목표로 합니다. 사용자는 영화 제목을 검색하여 해당 영화의 정보를 확인할 수 있습니다 🔧적용기술 HTML, CSS, JavaScript 시연영상📌구현기능영화 검색 기능: 검색 기능은 사용자가 영화 제목을 입력하여 해당 영화의 상세 정보를 확인할 수 있으며, 검색어를 입력한 후 Enter 키를 누르거나 검색 버튼을 클릭하여 검색을 실행할 수 있습니다.영화 목록: 초기 페이지 로드 시 TMDB API를 통해 가져온 데이터를 사용하여 영화 목록이 표시될 수 있게 만들었습니다.반응형 웹사이트: 웹사이트를 이용할 때 레이아웃이 매끄럽게 조정되어 보다 편리한 경험을 이용할 수 있습니다.정렬 기능: 평균 평점을 사..
2024.04.29 -
[JavaScript] 프로그래머스 피자 나눠 먹기(1)
문제 설명머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요. 입출력 예nresult7111153 입출력 예 설명입출력 예7명이 최소 한 조각씩 먹기 위해서 최소 1판이 필요합니다.1명은 최소 한 조각을 먹기 위해 1판이 필요합니다.15명이 최소 한 조각씩 먹기 위해서 최소 3판이 필요합니다. 풀이function solution (n){ if(n % 7 === 0){ return n / 7 }else { return parseI..
2024.04.24 -
JavaScript 제너레이터(Generator) 알아보자!
TMI 자바스크립트 개발을 하면서 제너레이터라는 말은 많이 들어보았지만 개념을 몰라서 이번에 알아보기로 한다!! 제네레이터(Generator) 제너레이터란 우리가 알고있는 function에 함수는 retrun까지 실행이 되는데 제너레이터는 중간에 멈추었다가, 다시 실행시킬수 있는 함수이다!! 개념을 알기 위해 강의와 구글링 MDN을 찾아다녔다.... 제네레이터 함수 사용하기 const foo = function* () { yield 'a'; yield 'b'; yield 'c'; }; let str = ''; for (const val of foo()) { str = str + val; } console.log(str); // Expected output: "abc" 코드를 보면서 의아할수도있다 func..
2024.04.23 -
JavaSrcipt 일급 객체(First Class Object)란 무엇인가?
자바스크립트를 개발하면서 일급 객체라는 말을 많이 들었었는데 이번에 개념을 정리 해보려고 합니다. 일급 객체(First Class Object) 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 매개변수로 넘기기, 수 정하기, 변수에 대입하기와 같은 연산을 지원할 때 일급 객체라고 한다. - 출처: 위키 말로는 어렵기 때문에 특징을 예시로 봅시다!! 1. 변수에 함수를 할당할 수 있다. const sayHello = function() { return "Hello World"; } console.log(mozzi()); // Hello World 출력 2. 파라미터로 전달할 수 있다. const sayHello = function(){ let me = 10; re..
2024.04.23 -
내일배움캠프 미니프로젝트 회고
4월 15일부터 내일배움캠프가 시작 내일배움캠프를 합류하자마자 미니프로젝트를 진행하게되었다. 미니프로젝트에서는 팀소개페이지와 개인페이페이지를 만들게 되었다 [팀구성] 리더- 김현민 팀원- 안홍걸 팀원- 조영진 팀원- 김만규 [프로젝트 기간] 2024.04.15~2024.04.18 ( 1주) [적용 기술 및 협업 툴] HTML, CSS, JaveScripit ⚙️ Collaboration Tool Github, Notion, Slack [github] FrontEnd GitHub [https://github.com/fierceCry/team_sparta.git] 1. S.A작성 미니프로젝트이다보니 간단하게 만들수있는 팀소개페이지와 개인소개페이지를 만들었다 [개인페이지] 나는 HTML과 CSS를 간단하게 만..
2024.04.17