본문 바로가기

분류 전체보기

 (98)
암호화 로직 처리 프론트단 필수 모듈 - crypto.js [암호화 방식 개요] 서버 쪽에서 양방향 암호화를 위한 퍼블릭 키, 프라이빗 키 생성 프론트 쪽에서 AES 키 생성 후 자체적으로 pw 1차 암호화 프론트 쪽에서 생성한 AES키를 서버쪽에서 전달받은 퍼블릭 키로 암호화 서버쪽에 암호화된 AES키와 pw 전달 서버쪽은 전달받은 AES키를 먼저 복호화 하고 최종적으로 복호화된 AES키를 가지고 pw를 복호화 [세부 내용 - 프론트 동작] 1. 프론트단 AES 키 생성 - crypto 모듈 사용. 16바이트 base64 - 로컬 스토리지에 생성한 키 저장 2. 사용자 pw 암호화 - 16바이트 난수 iv 생성 - 로컬 스토리지에서 AES 키 져옴 - 난수 iv와 AES키로 crypto 모듈을 사용해 암호화 로직 생성 ..
[워다타 프로젝트] 1. 프로젝트 세팅 package.json eslint rule 부분 추가 필요 [참고] airbnb 스타일 가이드 airbnb/javascript JavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub. github.com ESLint & Prettier, Airbnb Style Guide로 설정하기 ESLint & Prettier, Airbnb Style Guide로 설정하기 코드의 가독성을 높혀주고 에러나 컨벤션에 관한 경고 해주는 유명한 툴이 있는데바로 ESLint와 Prettier입니다. 매번 멘토님의 블로그를 보고 설치하고 설정하고 사용하던 ESLint와 Prettier를 가장 유 velo..
[프로그래머스] 2018 카카오 공채 - n진수 게임 오늘 푼 문제 1. n진수 게임/ Lv. 2 / 시간 : 57분 programmers.co.kr/learn/courses/30/lessons/17687 코딩테스트 연습 - [3차] n진수 게임 N진수 게임 튜브가 활동하는 코딩 동아리에서는 전통적으로 해오는 게임이 있다. 이 게임은 여러 사람이 둥글게 앉아서 숫자를 하나씩 차례대로 말하는 게임인데, 규칙은 다음과 같다. 숫자를 0 programmers.co.kr 1. 진법 변환 직접 구현 function solution(n, t, m, p) { var answer = ''; let fullStr = ""; let num = 0; while(fullStr.length(i+1-p)%m===0).join('').slice(0,t); return answer; ..
[리액트] 초기세팅 및 실습 5차 [참고] 상세 실습 내용은 노션 프론트 페이지 실습란 참고 1. router 독립적으로 사용하기 - 라우터 재사용성, 컴포넌트간 독립성 높이기 1) router.js 파일 분리해 모듈화하기 import Home from 'src/components/pages/Home'; import List from 'src/components/pages/List'; import MyPage from 'src/components/pages/MyPage'; import Login from 'src/components/pages/Login'; import NotFound from "src/components/pages/NotFound"; import Main from 'src/components/pages/Main'; im..
[git] 브랜치 네이밍, 웹호스팅 1. 브랜치를 이쁘게 관리하자 브랜치 명명 규칙 developer.gaeasoft.co.kr/development-guide/workflow/gitlab-style-guide/ GitLab & Git 스타일 가이드 (GitLab Style Guide) - 지어소프트 개발 가이드 GitLab & Git 스타일 가이드 (GitLab Style Guide) GitLab과 Git 사용 시에 네이밍과 문장 스타일에 대한 가이드 문서이다. 1. Group name 1.1. 규칙 단어(알파벳 소문자)와 구분자(-) 간략하게 구성 {발주기관에 대 developer.gaeasoft.co.kr 브랜치 전략 www.inbogi.com/bok/2020/04/1/ [GIT] GIT branch strategy 명명규칙 및 전략..
[프로그래머스] 고득점 키트 - DP1 오늘 푼 문제 1. N으로 표현 / Lv.3 / 시간 : 132분(타임오버) programmers.co.kr/learn/courses/30/lessons/42895?language=javascript 코딩테스트 연습 - N으로 표현 programmers.co.kr function solution(N, number) { var answer = 0; let temp = []; if(N===number) return 1; for(let i=1;i
[리액트] 초기세팅 및 실습 4차 [참고] 상세 실습 내용은 노션 프론트 페이지 실습란 참고 1. react-router-dom 도큐먼트 reactrouter.com/web/guides/quick-start React Router: Declarative Routing for React Learn once, Route Anywhere reactrouter.com 2. 생활코딩 - 리액트 라우터 youtu.be/WLdbsl9UwDc 3. Minjun Kim -리액트 라우터 v4 강의 사용법 알아보기 youtu.be/o6j8zi5mFIg 4. gradient css cssgradient.io/ [결과물] 코드 : github.com/GoldK11/React/tree/main/practice/simplePage GoldK11/React Reac..
[리액트] 초기세팅 및 실습 3차 [참고] 프론트 실습 - 네이버 오픈 API를 이용해 영화 목록 페이지 만들기 상세 실습 내용은 노션 프론트 페이지 실습란 참고 [결과물] 화면 더보기 코드 : github.com/GoldK11/React/tree/main/practice/simplePage GoldK11/React React self-study . Contribute to GoldK11/React development by creating an account on GitHub. github.com [실습목표] 리액트 컴포넌트 설계 및 라이프사이클에 익숙해지기 오픈 API로 데이터 통신해와서 화면에 뿌리기 라이브러리 연동해서 사용해보기 [컴포넌트 구조 설계] - 디자인 패턴은 아직 고려하지 않음(모델, 뷰, 컨트롤러 등을 분리하지 않음)..

티스토리툴바