우리는 지난시간에 ES6 의 class 에 대해서 공부를 했다 이렇게 한 이유는 ES6에 class 를 사용할 수 있는 무엇인가를 알기 위함이지만 사실 이번 포스트를 위해서 지난시간 ES6의 클래스형에 대해서 잠깐 공부를 해보았다 복습을 해보자면 객체지향 프로그래밍에 맞게 자바 스크립트에서도 class 를 생성할 수 있으며 객체 메서드 정의 생성자 ...

ES6 Class 오늘은 다음에 할 class 형 react 에 대비해서 ES6 에 도입된 자바 스크립트 문법중 하나인 class 에 대해서 알아보겠습니다 Class 는 ES6 부터 도입된 문법으로 java 의 객체지향 프로그램밍을 더욱 쉽고 간결하게 만들 수 있게 제공이 되었습니다 자바 class 처럼 객체를 생성하기 위한 템플릿이며 이를 통해 객체...

우리는 지난시간에 간단한 KeyClock 와 Resource - Server 연동과 권한이 없을때 리소스 서버가 행동하는 EntryPoint 에 대해서 알아보았습니다 이제는 우리가 KeyClock 에서 받은 Resource - Server 에 토큰을 던저서 그 검증절차를 한번 다루어보겠습니다 우리는 권한부여방식은 Authorization code ...

지난시간에 간단한 어플리케이션 만들면서 리액트를 써보았는데 실제로 cnd 방식으로는 거의 개발을 하지 않고 npm 의 라이브러리를 불러와서 개발을 진행을 하게 됩니다 오늘은 npm 에서 제공하는 React 어플리케이션 만드는 방법을 보고 JSX 문법 연습 몇가지 더 진행을 해보겠습니다 Node Js 설치 https://nodejs.org/en/do...

우리는 지난시간에 간단한 JSX 문법을 사용해서 React 컴포넌트(엘리먼트) 를 만들었다 이번시간에는 Component 하고 Props 에 대해서 알아보도록 하자 Component 리액트트는 리액트 컴포넌트의 조합으로 이루어져 있습니다 하나의 페이지는 리액트 컴포넌트로 이루어져 있고 그 리액트 컴포넌트는 다른 작은 리액트 컴포넌트로 이루어져 있습니...

우리는 앞에서 리액트를 쓰기 위해 간단한 자바스크립트 부터 복잡한 함수형 프로그래밍 등 여러가지를 보았습니다 이제 이것들을 바탕으로 이 장부터 React 에 대한 이야기를 하도록 하겠습니다 그전에 리액트가 무엇인지 먼저 알아보겠습니다 리액트란 리액트는 전 페이스북 현 메타에서 개발한 오픈소스 자바스크립트 라이브러리로 사용자 인터페이스를 만들기 위한...

보안에 있어서는 정말 생명이다 특히나 서버에 접속하는 SSH 비밀번호 같은것은 노출이 되게 되면 심각한 보안사고가 일어나게 되는데 우리 앞에서 배포한것들 중에 파라미터를 한번 살펴보자 이렇게 파라미터 빌드할떄 비밀번호를 가려 놓을 수 있다 이렇게 하면 안전할꺼라고 생각하지만 파이프라인에서 보안이 쉽게 뚫리게 된다 stage('SOURCE T...

고차함수의 정의 고차 함수는 다음의 2가지 중 한가지를 수행할때 이를 고차함수라고 합니다 다른 함수를 매개변수로 받는 함수 함수를 반환하는 함수 함수를 인자로 전달하는 function opertaionFunction (x , y , optFunction){ return optFunction(x ,y);...

순수함수 어떤 함수의 실행이 외부에 영향을 끼치지 않는 함수를 뜻합니다 순수함수의 특징 동일한 입력에 대해서는 항상 동일한 출력을 반환합니다 동일한 인자로 호출시 항상 동일한 값을 반환합니다 부수효과가 없습니다 함수 내부에서 외부 상태를 변경하지 않으며 외부 상태에 영향을 주지 않고 외부 변수를 의존하지도 않습...

정의 함수의 불변성은 함수가 호출되면 함수에 전달된 인자나 함수 내부의 상태를 변경하지 않은 원칙을 나타냅니다 불변성은 프로그램의 안정성과 예측가능성을 향상시키며 코드를 이해하고 유지모수 하기 쉽게 만듭니다 함수의 인자는 변경되지 않음 함수가 호출되면 그 함수에 전달된 인자는 변경되지 않아야 합니다 이것은 함수 내에서 전달된 인자의 값을 변경하지 않...