외우지말고 이해하라.

외우는 것 보단 이해해서 내것으로 만들어 활용하기

분류 전체보기 143

공개키 암호 표준 (PKCS) 이란?

공개키 암호 표준(PKCS)은 Apple, Microsoft, DEC, Lotus, Sun, MIT를 포함하는 비공식 콘소시움과 함께 협력하여 RSA 연구소가 개발한 공개키 암호에 대한 표준의 집합이다 - PKCS #1은 RSA 공개키 암호알고리즘을 사용하는 암호화 및 서명에 대한 메커니즘을 정의한다. - PKCS #3는 Diffie-Hellman 키분배 프로토콜을 정의한다. - PKCS #5는 한 패스워드로부터 유도된 비밀키로 문자열을 암호화하는데 대한 방법을 설명한다. - PKCS #6은 확장 인증서에 대한 포맷을 설명한다. 확장 인증서는 인증서의 발행인에 의해 서명된 속성의 집합을 가지는 X.509 인증서로 구성된다. - PKCS #6은 X.509의 버전 3에 발맞추어 단계적으로 없어지고 있다. -..

IT Study/IT 상식 2021.10.07

JavaScript - for, foreach, filter, map, reduce 기능

자바스크립트에서 map(), filter(), reduce() 메소드는 배열 요소를 나열하거나, 특정 조건에 맞게 보여줄 때 자주 쓰인다. 해당 메소드들의 동작 원리를 알아보고자 해당 메소드들이 for문으로 어떻게 돌아가는지 작성하려 한다. const listData = [ { id: 1, text: 'hello', }, { id: 2, text: 'everyone', }, { id: 3, text: 'welcome', }, { id: 4, text: 'to', }, { id: 5, text: 'my blog', }, ] 공통으로 사용되는 데이터 1. filter var newArr = arr.filter(function(v, i, arr) { return condition; }); filter의 가장 ..

WEB Trands (SSR & CSR? & SSG?) 이란

1. Static Sites 1990 중반까진 서버에 만들어진 HTML 문서를 계속 불러오는 방식 페이지내에서 다른 링크를 클릭하면 계속 문서를 새로 받아와서 문제.. 2. iframe 태그 도입 1996 페이지에서 부분적으로 문서를 불러와 업데이트 할 수 있게 되었음. 3. XMLHttpRequest 1998 HTML 문서 전체가 아니라 JSON 같은 포멧으로 필요한 데이터만 받아올 수 있게 되었음 4. AJAX 2005 SPA (Single Page Application) 등장 5. CSR (Client Side Rendering ) - 클라이언트에서 모든 것을 처리 함 큰 문제점 : 첫 화면을 보기까지 시간이 걸릴 수 있음, Low SEO (Search Engine Optimization) 문제 S..

IT Study/IT 상식 2021.10.06

2021.10.05 - Work Feedback

- 실수를 통해 계속 성장해라, 개선 점은 명확하게 생각하고 그 부분을 피드백받아라. - Keep growing through mistakes. Think clearly about the improvements and get feedback on them. Today's Work HTTPS Movement : Check the source of the server in your browser. ㄴ os - root 인증서 : 루트 인증서는 루트 인증 기관 에서 관리하는 공개 키 인증서나 자체 서명 인증서이다. ㄴ 클라이언트에서 서버의 서비스의 정보 (CA, 도메인 등등)를 받아와 인증한다. Chrome ver.94 Organize the issue into a document. - Cloud issue ..

2021.10.04 - Work Feedback

- 능동적인 사람이 되어라, 기다리지말고 할 수 있는 것을 직접 찾아서 그 이상의 것을 해나아가라. - Be an active person, Don't wait instruction ! Do more than assigned work Today's Work Javascript Basic Study & ES6 - ES8 Study Reading books about IT WEBUI code analysis (1~3 page) Today's Feedback 항상 질문을 던저라, 새로운 것을 배울때 명확한 목표와 의도를 잘 설정하라. 다른 사람에게 내가 알게된 기술을 설명할 수 있도록 노력하자. 오늘 있었던 일을 기록하고 나의 강점과 약점을 잘 파악하자.

IT 개발 상식 06 - SPA (Single Page Application) 란?

Single Page Application 기존 MVC 아쉬움 1. 작은 변화에도 페이지를 '깜빡'이면서 새로고침하고 다시 웹사이트를 불러온다. (하나때매 작업을 다시함,비효율) ㄴ ajax 가 나와서 이 문제가 어느정도는 해결됌, http 통신으로 데이터 전송후 그 부분만 변경(JS로 일일히) 2. 모바일 시대가 열리고 PC용, 모바일, 안드로이드, ios 개발을 해야함. -> 서버에서 데이터만 보내줘도 브라우저에서 랜더링이 가능하면 서버는 어디서 정보를 요청하든 동일한 작업을 수행해서 데이터를 전송하면 된다. 웹에서 이렇게 동작하도록 만들기 위해 JS 를 이용한 프레임워크가 탄생한다. ㄴ 주어진 데이터에 따라 서버가 하던 일을 브라우저에서 해낼 수 있도록 함 ㄴ 한번 로드된 화면에서 여러가지 일을 처..

IT Study/IT 상식 2021.10.04

Vue.js 란?

Vue.js 란 ? 프론트 프레임 워크이다. UI 단에서 데이터를 관리하고 이를 처리하기 위한 프레임워크, 화면을 꾸며주는 프레임워크는 아니다. 프론트엔드의 종류 Angular - Typescript 사용, 구글 등 React - 탄탄한 아키텍쳐, ES6 필수, 페이스북 등 Vue - page 수준의 라이브러리 참조 (script 태그) 가 가능, 가벼움 - React 와 Angular 의 장점을 차용해서 만듬 장점 : 가볍고 유연함 , 동작 속도가 빠름(React 다음으로), 초기 러닝커브가 완만함, JQuery 보다 구현 방식이 쉽고 간단함, 구조를 정확히 지키지 않아도 동작 특징 : SPA : single page Application , MVVM 패턴 : Model - view - viewMode..

Node.js 란?

Node.js 란? Ryan Dahl 이라는 사람이 만듬. 기존 프레임워크의 단점을 지적하면서 이것을 해결하기 위해 node.js 를 만들었음. 웹 브라우저 뿐만아니라 다른 곳에서도 javascript 를 실행하는 환경을 만들어준다. 예를 들어 서버에서 자바스크립트를 사용할 수 있음 GUI , AI 등등 다양하게 사용할 수 있음 Node.js를 배우면 뭐가 좋을까? JS 만 알아도 모든 웹사이트 제작 가능 프론트, 백 모두 사용 가능 Paypal, Netflix 에서도 node.js 를 이용해 개발함.

JavaScript 중급 01 - 변수(var / let,const 와 스코프 TDZ 이해)

var / let,const 와 스코프 TDZ 이해 용어 정리 scope : 선언한 변수가 유효한 영역 function scope : 선언된 변수는 선언된 함수안에 접근 가능 - 함수 block scope : 모든 코드 블록에서 선언된 변수는 코드 블록 내부에서만 유효함 - if, while, for, try 문 등 호이스팅(Hoisting)이란 ? 스코프 내부 어디서든 변수 선언은 최상위 선언된 것 처럼 행동 var 은 한번 선언된 변수를 다시 선언 가능 - 선언은 호이스팅 되고 할당은 호이스팅 되지않음 에러 발생 x let, const 는 선언된 변수를 다시 선언 불가능 - 주로 이 둘을 사용해야 에러 방지 - 호이스팅은 되지만 에러 발생 o Temperal Dead Zone (TDZ) : 이 영역이..