IT's Jenna

DevOps란? Developer + Operator로 개발팀과 운영팀의 조합을 의미한다. 이전엔 개발팀에서 서비스를 개발하고 운영팀에서 프로그램을 배포하고 운영하는 형태였다. 하지만 하나의 서비스를 두 개의 팀에서 관리하는 것은 상당히 비효율적이고 의사소통 문제도 발생할 수 있다. 그렇기 때문에 차세대 운영방식으로 나온 것이 DevOps이다. 개발팀과 운영팀을 하나로 합쳐서 개발부터 배포 및 테스트까지 즉, 하나의 팀에서 하나의 서비스를 온전히 담당하는 것 그것이 DevOps이다. 이렇게 DevOps 방식으로 서비스를 운영할 때 사용할 수 있는 것을 알아보자. 1. Docker 도커란 컨테이너 기반의 오픈소스 가상화 플랫폼이다. 우리가 AWS로 서버를 만들면 서버에 소스파일을 올리고 필요한 모듈들을 모..

AWS란? - Amazon Web services - Amazon에서 운영하는 Cloud Computing Platform 클라우드 컴퓨팅의 상용화 이전에는 각 업체가 모두 전산실을 가지고 서버를 구축해야 했다. 따라서 서버를 만들기 위해 하드웨어 구성이 먼저 완료되었어야 하고 그 전산 시스템을 관리하기 위한 유지보수도 지속적으로 필요했다. 이렇게 자체적으로 전산실을 구축하고 서버를 생성하는 방식을 on-premise 방식이라고 한다. 이에 반해 클라우드 컴퓨팅 시스템은, 가상으로 서버를 생성할 수 있다. 실제 하드웨어 전산 시스템은 AWS에서 가지고 있고 사용자는 해당 업체에 일정 금액을 내고 컴퓨팅 시스템을 임대한다. 이렇게 되면 서버를 위한 하드웨어를 직접 구축할 필요가 없기 때문에 시간적인 측면에..

리액트에서 상태 관리를 할 때 사용하는 방식은 state를 props로 넘겨주고 값을 공유하는 top-down 방식이다. 본 구조는 컴포넌트가 많아지고 구조가 복잡해질수록 관리가 어렵다는 단점이 있다. 특히 depth가 깊어질수록 초기 상태 및 상태 변화를 확인하기 위해서 타고 들어가야 하는 파일들이 많아지기 때문에 오류 핸들링이 굉장히 어렵다. 코드 복잡성의 증가는 개발자들의 협업에 많은 이슈를 발생시키고 효율적인 코드 관리도 어려운 critical한 문제이다. 이러한 지역적인 상태 관리에 한계점을 느끼고 개발된 것이 전역적인 상태 관리 방식이다. 전역적인 상태 관리란 상태를 별도의 공간에 모아 두고 모든 컴포넌트들이 해당 공간에서 상태를 받아오는 것이다. 아래 그림은 지역적인 상태 관리와 전역적인 상..

화면을 렌더링 하는 방식은 두 가지가 있다. 1. CSR (Client Side Rendering) : 서버로부터 전달받은 데이터를 Client 측에서 직접 렌더링 하는 방식 2. SSR (Server Side Rendering) : 서버에서 전달 받은 HTML을 렌더링 하는 방식 처음 화면을 렌더링 하는 방식은 모두 static sites 방식이었다. 즉, user가 도메인을 통해 접속하면 서버에서 전체 페이지를 HTML 파일로 전달하고 브라우저는 파일을 렌더링만 한다. 해당 방식이 SSR이다. 그러던 와중에 서버에서 Json 형태로 파일을 보내줬을 때 jQuery에서 HTML을 구성하고 Client 측에서 알아서 화면에 테이블을 렌더링 할 수 있게 된다. 이것을 바탕으로 개발자들은 일부 컴포넌트만 구..

하나의 서비스를 완성하기 위해선 수많은 개발자들이 투입된다. 그렇기 때문에 개발을 함에 있어서 협업은 굉장히 중요하다. 백엔드 엔지니어가 API를 만들면 프론트엔드 엔지니어가 해당 API를 활용해야 하기 때문에 그에 대한 정보 공유가 필수다. 따라서 백엔드 엔지니어는 각각의 API가 어떤 매개변수를 입력받아서 어떤 결과를 내놓는지 등의 API 스펙에 관한 문서를 만든다. 하지만 이것을 워드나 엑셀로 만든다면 만드는 사람도 상당히 귀찮고 그것을 확인하는 입장에서도 굉장히 불편하다. 따라서 보다 편하게 API문서를 자동으로 관리할 수 있도록 나온 것이 swagger다. swagger 공부를 처음 시작할 때 참고하기 좋은 사이트가 있다. Swagger에서 자체적으로 개발자들을 위한 Editor을 오픈해두었다 ..

서버를 만들기 위해 Back-end에서 사용하는 java script 개발환경이 node js이고 이러한 node js의 프레임워크가 express이다. 그에 비교하여 Front-end에서 웹앱을 만들기 위해 사용하는 java script 개발환경이 React이고 이 React의 프레임워크가 CRA와 Next.js이다. React는 원래 java script밖에 인식을 하지 못한다. 하지만 페이지를 구성하기 위해선 css 또는 font 등 추가적으로 인식되어야 하는 파일들이 있다. 이때 React가 해당 파일들을 인식할 수 있도록 하기 위해서 loader라는 모듈 등을 설치하고 그에 대한 설정을 해주는 과정이 필요하다. 이러한 설정의 모음인 React의 configuration library가 있는데 그..