판수개발자

pinpoint 란? 네이버에서 자체 제작하고 오픈소스화한 APM(Application Performance Management)이다. APM : 응용 소프트웨어의 성능과 서비스 이용성을 감시하고 관리하는 데 초점을 둔 시스템 관리 방법론을 의미합니다. 또한, 운영 중인 시스템의 성능을 모니터링하고 분석하여, 시스템의 가용성 및 안정적인 시스템 운영을 돕는 도구입니다. cms server 개발 초기에 아키텍처를 검증 방법 개발 초기에 성능에 영향이 큰 모듈부터 개발하고 APM을 통해 성능을 분석하여 아키텍처에 대한 성능을 검증 효과 아키텍처를 사전에 검증하여 프로젝트 후반에 아키텍처를 변경하는 불상사가 발생하지 않도록 예방 투입 인력 초과비용 발생과 납기일 미준수에 대한 리스크 감소 프로젝트 진행 시 지..

Authentication 로그인 인증 구현 방식에는 session cookie 방식과 jwt토큰 방식이 존재한다. session cookie 방식은 사용자에 따라서 고유의 session ID가 발급되며 유의미한 정보를 담고 있지 않기 때문에 쿠키방식보다는 안전하지만, 세션저장소에 모두 담아두기 때문에 다수의 요청이 발생시 부하가 발생할 수 있다. JWT 세션쿠키와 하게 인증에 필요한 정보들을 암호화한 토큰을 사용한느 방식으로 비밀키가 유출되지 않는 이상 토큰을 복호화 하지 못하므로 보안이 유리하다. access token의 기한은 유효하지만 access token이 만료되기 전에 사용자가 로그인하면 refresh token을 이용해서 access token을 재발급하여 사용기한을 늘릴 수 있다. ref..

1. SSR의 정의와 설명 "Server Side Rendering"의 약자로 서버쪽에서 렌더링 준비를 마친 상태로 완전하게 만들어진 HTML파일을 클라이언트에 전달하는 방식이다. CSR에 비해 초기 로딩 속도가 빠르다. 그래서 사용자가 컨텐츠를 빠르게 볼 수 있다. 모든 검색엔진에 대한 SEO(검색엔진 최적화)가 가능 매번 페이지를 요청할 때마다 새로고침 되기 때문에 UX가 다소 떨어진다. 페이지를 이동할 때마다 매번 서버에 요청을 하기 때문에 서버의 부하가 커진다. 2. CSR의 정의와 설명 "Client Side Rendering"이란? 전통적인 방식으로는 SPA가 사용하는 렌더링 방식 최초 로딩 시 브라우저가 서버에 HTML을 비롯한 CSS, JS 등 각종 리소스들을 받아오는 방식 -> HTML을..

npm : 자바스크립트 언어를 위한 패키지 관리자로 Node.js의 기본 패키지 관리자 - package.json을 사용해 패키지를 확인하고 버전을 기록할 수 있다. yarn : facebook에서 만든 자바스크립트 패키지 매니저npm의 단점(속도, 안정성, 보안성)을 해결하기 위해 제작 속도(performance) yarn은 다운받은 패키지 데이터를 캐시에 저장하여 중복된 데이터는 다운로드 하지 않고, 캐시에 저장된 파일을 활용함으로써 이론적으로 npm에 비해 패키지 설치속도가 매우 빠르다. 또한 패키지 설치시 병렬처리 구조이기 때문에 performance와 speed가 증가된다. 안정성(stability)/보안성(security) npm은 패키지가 설치될 때 자동으로 코드의 의존성을 실행할 수 있도록..

Vue.js 와 React.js의 초기설치 방법에 대해서 정리했습니다. 1) vue 2.0 node.js를 다운로드 받고 npm install vue를 통해 vue를 설치한다. vue install -g @vue/cli vue init webpack 프로젝트명 2.0 버전과는 다르게 vue 3.0버전에서는 vue create 프로젝트명 으로 vue 프로젝트를 설정할 수 있다. 3.0버전에서도 2버전의 vue init webpack 프로젝트명 를 사용 할 수 있다. cli는 전역으로 설치하는 vue전용 npm패키지로서 reacte appr과 비슷한 초기세팅을 도와주는 패키지이다. vue init webpack은 사용자가 직접 원하는 설정을 지정해 프로젝트를 만들지만 3.0버전은 이 과정이 생략된다. 2) ..