알렉스 페레이라의 격투 블로그

보호되어 있는 글입니다.

https://inpa.tistory.com/entry/WEB-%F0%9F%8C%90-CIDR-%EC%9D%B4-%EB%AC%B4%EC%96%BC-%EB%A7%90%ED%95%98%EB%8A%94%EA%B1%B0%EC%95%BC-%E2%87%9B-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC-%EA%B3%84%EC%82%B0%EB%B2%95 🌐 CIDR 개념 쉽게 이해해보자 & 계산법 CIDR (Classless Inter-Domain Routing) 네트워크 설계를 하면서 가장 많이 접하게 될 개념이 CIDR(사이더) 이다. CIDR의 full name은 (Classless Inter-Domain Routing) 으로 클래스 없는 도메인간 라우팅 기법이라는 뜻을 inpa.tisto..

보호되어 있는 글입니다.

AWS자격증 취득을 위해 공부를 시작한다.. 여유있게 따려고 했지만 3주의 기간밖에 없어 최대한 열심히 해야할것 같다. EC2 Elastic Compute Cloud의 준말로, AWS에서 제공하는 독립된 컴퓨터 서버이다. Windows, Linux, Unix와같은 원하는 운영체제를 설치하여 원하는 컴퓨터 서버를 구축할 수 있다. EC2하나하나를 인스턴스라고 하며 AWS에서는 이 인스터스를 기반으로 다양한 서비스를 제공한다. ELB Elastic Load Balancing의 준말로, EC2인스턴스간의 부하를 조절하기 위한 EC2의 기능이다. 타겟 인스턴스를 설정하면 트래픽을 분산하거나 Auto-Scailing으로 인스턴스를 생성/삭제하는 방식으로 부하를 조절한다. S3 Simple Storage Servi..

보호되어 있는 글입니다.

jQuery를 사용하는 환경에서, 특정 tr태그를 클릭했을때, 클릭한 tr태그에 background-color를 주고, 나머지 tr태그에는 background-color를 흰색으로 주는 기능을 개발 하려고 한다. 하지만 아래와 같은 소스에서,, tr태그에서 background-color가 먹지 않는 현상이 발생한다. $("tr[data-oid]").css("font-weight", "normal"); $('tr[data-oid=' + indexOID + ']').css('font-weight', 'bold'); $("tr[data-oid]").css("background-color", "#ffffff"); $('tr[data-oid=' + indexOID + ']').css('background-colo..

Form을 전부 만들었다. 이제 백단에서 회원가입 API를 만들어 프론트딴과 통신을 해 회원가입을 구현하자. 알다시피 axios를 사용할것이다. 1.axios를 설치한다. npm install --save axios Vue 컴포넌트의 script단에서 axios를 import한다. import axios from 'axios'; 2. 서버단에서 Controller를 생성한다.(테스트용) 3. 회원가입 버튼에 event를 붙인다. 4.테스트 성공! 이제 Controller딴과 Service, Repository, VO등 작성한다. Controller package com.project.api.signin; import com.project.mybatis.vo.SignInVO; import lombok.Re..

데이터를 안전하게 관리하는 방법중 첫번째로 생각나는건 암호화다. ●암호화 관련 참고 : http://www.jidum.com/jidums/view.do?jidumId=614 지식덤프 I. 데이터 안전한 교환과 저장을 위한 보안 알고리즘, 암호화의 개요 가. 암호화(Cryptography)의 정의 메시지의 내용이 불명확하도록 평문(Plain text)재구성하여 암호화된 문장 (Cipher text)으로 만드는 www.jidum.com AES, SHA, RSA 등 다양한 방법이 있지만, AES256방식 암호화를 Vue.js에서 사용해보려한다. 1. npm install crypto-js명령어를 사용해 라이브러리르 설치한다. npm install crypto-js 2. Vue 컴포넌트의 script단에서 Cr..

웹 포탈의 가장 기본인 회원가입 / 로그인기능을 만드려고 한다. 다음의 4단계를 거쳐 구성할 계획이다. 화면 설계 개념 정리 DB스키마 설계 화면단 구축 back단 구축 우선 화면을 설계해 보자면, 상단메뉴의 우측에 로그인이 되어있을시 - 로그아웃버튼만 로그인이 되어있지 않을시 - 로그인버튼, 회원가입 버튼을 보여주려 한다. 로그인 및 회원가입 창은 전부 bootstrap의 modal을 통해 보여줄것이고 로그인여부는 axios를 통해 back단에 요청할 계획이다. 사용자 테이블도 구성하여 간단히 회원가입 시킬 예정 (+ 더 가능하다면 네이버 회원가입도) 우선, 상단메뉴 컴포넌트인 NavBar.vue에 버튼을 그린다. isLogin이라는 변수를 통해 분기렌더링 할것. {{msgSearch}} {{msgSe..