분류 전체보기
-
SPA (Single Page Application)란 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성하는 웹 애플리케이션 / 웹 사이트 현재의 HTML을 고정하고 변경되는 부분에 대해서만 서버에서 불러와 사이트에 렌더링 하는 방식 사용자가 서버에 최초로 페이지를 요청하면 필요한 모든 소스를 가져오고 이후에는 AJAX를 이용해 변경에 필요한 부분만 가져온다. 예) 페이스북 등 SPA 구현을 위한 프레임워크 React Facebook이 개발한 웹과 모바일 개발 모두에 사용될 수 있는 프레임워크 프레임워크 중 국내 점유율이 가장 높다 자유도가 높다 다만 공식문서가 빈약하다 Vue 최근에 릴리즈 된 프레임워크 가볍고 빠르게 개발이 가능하다 Angular 구글이 개발한 프레임워크 가..
개인 전문 분야 - SPA / 비 SPASPA (Single Page Application)란 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성하는 웹 애플리케이션 / 웹 사이트 현재의 HTML을 고정하고 변경되는 부분에 대해서만 서버에서 불러와 사이트에 렌더링 하는 방식 사용자가 서버에 최초로 페이지를 요청하면 필요한 모든 소스를 가져오고 이후에는 AJAX를 이용해 변경에 필요한 부분만 가져온다. 예) 페이스북 등 SPA 구현을 위한 프레임워크 React Facebook이 개발한 웹과 모바일 개발 모두에 사용될 수 있는 프레임워크 프레임워크 중 국내 점유율이 가장 높다 자유도가 높다 다만 공식문서가 빈약하다 Vue 최근에 릴리즈 된 프레임워크 가볍고 빠르게 개발이 가능하다 Angular 구글이 개발한 프레임워크 가..
2022.02.24 -
REST API 정의 - REST API는 REST 아키텍처 스타일의 디자인 원칙을 준수하는 API이다. - RESTful API라고도 한다. API(Application Programing Interface)란 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 하는 것 REST(Respresentational State Transfer)란 - www와 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어의 한 형식 - 웹에 존재하는 모든 자원에 고유한 uri를 부여해 활용 하는 것 - 자원을 정의하고 자원에 대한 주소를 지정하는 방법론 특징 - 사내 시스템들도 REST 기반으로 시스템을 분산해 확장성과 재사용성을 높여 유지보수 및 운용을 편리하게 할 수 있다..
개인 전문 분야 - REST APIREST API 정의 - REST API는 REST 아키텍처 스타일의 디자인 원칙을 준수하는 API이다. - RESTful API라고도 한다. API(Application Programing Interface)란 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 하는 것 REST(Respresentational State Transfer)란 - www와 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어의 한 형식 - 웹에 존재하는 모든 자원에 고유한 uri를 부여해 활용 하는 것 - 자원을 정의하고 자원에 대한 주소를 지정하는 방법론 특징 - 사내 시스템들도 REST 기반으로 시스템을 분산해 확장성과 재사용성을 높여 유지보수 및 운용을 편리하게 할 수 있다..
2022.02.24 -
영상 쿠키란 사이트를 방문하고 이용할때 브라우저에 저장되는 내용 임의로 고치거나 지울 수 있어 보안상의 문제가 없는 내용만 쿠키로 저장한다. 세션이란 세션을 사용하는 사이트에 접속하면 서버에서는 사용자를 구분하기 위한 유효기한이 짧은 임시 키를 발급하고 사용자는 임시 키를 쿠키로 저장한다. 사용자가 사이트를 이용할때 사용자의 중요한 정보들은 서버의 메모리나 데이터베이스에 저장된다. 사용자가 사이트의 페이지에 접속할때마다 HTTP 요청에 임시 키를 실어서 전송한다. 서버는 사용자가 전송한 임시 키를 인식해서 해당 키의 사용자 정보를 리턴한다. 캐시란 가져오는데에 비용이 드는 데이터를 한 번 가져온 뒤에는 임시로 저장해놓은 것 시청후기 개발 공부를 시작하기 전부터 궁금했던 쿠키, 세션, 캐시에 대한 기초적인..
시청후기 - 얄팍한 코딩사전 "쿠키, 세션, 캐시가 뭔가요?"영상 쿠키란 사이트를 방문하고 이용할때 브라우저에 저장되는 내용 임의로 고치거나 지울 수 있어 보안상의 문제가 없는 내용만 쿠키로 저장한다. 세션이란 세션을 사용하는 사이트에 접속하면 서버에서는 사용자를 구분하기 위한 유효기한이 짧은 임시 키를 발급하고 사용자는 임시 키를 쿠키로 저장한다. 사용자가 사이트를 이용할때 사용자의 중요한 정보들은 서버의 메모리나 데이터베이스에 저장된다. 사용자가 사이트의 페이지에 접속할때마다 HTTP 요청에 임시 키를 실어서 전송한다. 서버는 사용자가 전송한 임시 키를 인식해서 해당 키의 사용자 정보를 리턴한다. 캐시란 가져오는데에 비용이 드는 데이터를 한 번 가져온 뒤에는 임시로 저장해놓은 것 시청후기 개발 공부를 시작하기 전부터 궁금했던 쿠키, 세션, 캐시에 대한 기초적인..
2022.02.24 -
JWT란 JSON Web Token의 약자로 모바일이나 웹의 사용자 인증을 위해 사용하는 암호화된 토큰을 의미한다. JSON 객체를 사용하여 가볍고 자가수용적인 방식으로 정보를 안정성 있게 전달해주기 위한 토큰이다. JWT 정보를 request에 담아 사용자의 정보 열람, 수정 등 개인적인 작업을 수행할 수 있게 한다. JWT의 구성요소 헤더(header) : 토큰의 타입과 해시 암호화 알고리즘으로 구성되어 있다. 페이로드(payload) : 토큰에 담을 정보가 들어있다. 이 곳에 담은 정보의 한 조각을 클레임(claim)이라 부르고(한 토큰에 여러 클레임을 담을 수 있다.) 이는 name/value 한 쌍으로 이루어져있다. 클레임의 종류는 3가지로 등록된 클레임, 공개 클레임, 비공개 클레임이 있다. ..
개인 전문 분야 - JWTJWT란 JSON Web Token의 약자로 모바일이나 웹의 사용자 인증을 위해 사용하는 암호화된 토큰을 의미한다. JSON 객체를 사용하여 가볍고 자가수용적인 방식으로 정보를 안정성 있게 전달해주기 위한 토큰이다. JWT 정보를 request에 담아 사용자의 정보 열람, 수정 등 개인적인 작업을 수행할 수 있게 한다. JWT의 구성요소 헤더(header) : 토큰의 타입과 해시 암호화 알고리즘으로 구성되어 있다. 페이로드(payload) : 토큰에 담을 정보가 들어있다. 이 곳에 담은 정보의 한 조각을 클레임(claim)이라 부르고(한 토큰에 여러 클레임을 담을 수 있다.) 이는 name/value 한 쌍으로 이루어져있다. 클레임의 종류는 3가지로 등록된 클레임, 공개 클레임, 비공개 클레임이 있다. ..
2022.02.24 -
영상 세션 / 토큰의 가장 큰 차이점은 사용자가 정상적인, 유효한 사용자 라는 것을 서버에 저장하냐, 사용자의 컴퓨터에 저장하느냐이다. 서버에 저장하는 세션은 보안에 강한 장점이 있지만 서버에 부하가 비교적 심하다는 단점이 있고, 사용자의 컴퓨터에 저장하는 토큰은 서버에 부담이 적다는 장점이 있지만 비교적 보안이 취약하다는 단점이 있다. 세션이란 Session ID를 사용해서 어떤 사용자가 서버에 로그인 된, 되어있음이 지속되는 상태 접속량이 증가하면 메모리가 부족해지게 되는 단점이 있다. 메모리가 부족해져서 서버가 재부팅을 하게되는 상황이 생기면 휘발성인 메모리의 특성으로 인해 모든 사용자의 세션이 삭제 되어 다시 로그인을 해야한다. 만약 메모리의 단점을 보완하기 위해 세션을 하드에 보관하게 되면 그로..
시청후기 - 얄팍한 코딩사전 "세션 VS. 토큰! JWT가 뭔가요?"영상 세션 / 토큰의 가장 큰 차이점은 사용자가 정상적인, 유효한 사용자 라는 것을 서버에 저장하냐, 사용자의 컴퓨터에 저장하느냐이다. 서버에 저장하는 세션은 보안에 강한 장점이 있지만 서버에 부하가 비교적 심하다는 단점이 있고, 사용자의 컴퓨터에 저장하는 토큰은 서버에 부담이 적다는 장점이 있지만 비교적 보안이 취약하다는 단점이 있다. 세션이란 Session ID를 사용해서 어떤 사용자가 서버에 로그인 된, 되어있음이 지속되는 상태 접속량이 증가하면 메모리가 부족해지게 되는 단점이 있다. 메모리가 부족해져서 서버가 재부팅을 하게되는 상황이 생기면 휘발성인 메모리의 특성으로 인해 모든 사용자의 세션이 삭제 되어 다시 로그인을 해야한다. 만약 메모리의 단점을 보완하기 위해 세션을 하드에 보관하게 되면 그로..
2022.02.24 -
JWT 정리 위캔 토큰에 대한 간결한 정리가 포함된 위캔 강화된 JWT (Access Token / Refresh Token) 기존 JWT와의 차이점 JWT의 문제점은 제 3자에게 토큰을 탈취당할 경우 보안이 취약해진다는 점이다. 기존 JWT 방식에서 보안을 높이기 위해 토큰의 유효기간을 단축시킬 경우 그만큼 사용자는 로그인을 더욱 자주 해줘야 하는 불편함이 있다. 유효기간을 짧게하면서 보안은 향상 시키는 방법으로 기존 Access Token과 더불어 Refresh Token이라는 새로운 토큰도 발급하는 방법이 생겨났다. - Access Token 기존의 JWT에서의 Access Token과 같다. - Refresh Token Access Token과 같은 형태의 JWT이다. 처음에 로그인을 완료할때 A..
개인 전문 분야 - 강화된 JWT (Access Token / Refresh Token)JWT 정리 위캔 토큰에 대한 간결한 정리가 포함된 위캔 강화된 JWT (Access Token / Refresh Token) 기존 JWT와의 차이점 JWT의 문제점은 제 3자에게 토큰을 탈취당할 경우 보안이 취약해진다는 점이다. 기존 JWT 방식에서 보안을 높이기 위해 토큰의 유효기간을 단축시킬 경우 그만큼 사용자는 로그인을 더욱 자주 해줘야 하는 불편함이 있다. 유효기간을 짧게하면서 보안은 향상 시키는 방법으로 기존 Access Token과 더불어 Refresh Token이라는 새로운 토큰도 발급하는 방법이 생겨났다. - Access Token 기존의 JWT에서의 Access Token과 같다. - Refresh Token Access Token과 같은 형태의 JWT이다. 처음에 로그인을 완료할때 A..
2022.02.24 -
CI란 여러 개발자가 작성하거나 수정한 소스를 지속적으로 통합하고 테스트하는 것 정의 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 원격저장소에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있다. - 지속적인 통합이란 지속적 통합을 통해 개발자들은 코드 변경 사항을 공유 프랜치로 다시 병합하는 작업을 더욱 수월하게, 자주 수행할 수 있다. 개발자가 애플리케이션에 적용한 변경 사항이 병합되면 이러한 변경 사항이 애플리케이션을 손상시키지 않도록 자동으로 애플리케이션을 구축한다...
CI / CDCI란 여러 개발자가 작성하거나 수정한 소스를 지속적으로 통합하고 테스트하는 것 정의 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 원격저장소에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있다. - 지속적인 통합이란 지속적 통합을 통해 개발자들은 코드 변경 사항을 공유 프랜치로 다시 병합하는 작업을 더욱 수월하게, 자주 수행할 수 있다. 개발자가 애플리케이션에 적용한 변경 사항이 병합되면 이러한 변경 사항이 애플리케이션을 손상시키지 않도록 자동으로 애플리케이션을 구축한다...
2022.02.24 -
이전 내용 git 명령어 Git Flow 방식이란? Git에서 제안하는 프로젝트 관리방법 주기적으로 배포를 해야하는 프로젝트에는 적합하지만, 브랜치가 많아 복잡하고 어떤 프로젝트에 따라서는 몇몇 브랜치가 애매한 포지션을 가질 수 있다. 브렌치를 크게 4가지로 나누어 개발하는 전략이다. 메인 브랜치 (Main branch) 가장 중심이 되는 master와 develop master : 배포 가능한 상태만을 관리하는 브랜치 deveop : 다음에 배포할 것을 개발하는 브랜치 통합 브랜치의 역할을 하며, 평소에는 이 브랜치를 기반으로 개발을 진행한다. 피처 브랜치 또는 토픽 브랜치 (Feature branch, Topic branch) 보조 브랜치 기능을 개발하는 브랜치, develop 브랜치로부터 분기되었다..
git - github flow 사용법이전 내용 git 명령어 Git Flow 방식이란? Git에서 제안하는 프로젝트 관리방법 주기적으로 배포를 해야하는 프로젝트에는 적합하지만, 브랜치가 많아 복잡하고 어떤 프로젝트에 따라서는 몇몇 브랜치가 애매한 포지션을 가질 수 있다. 브렌치를 크게 4가지로 나누어 개발하는 전략이다. 메인 브랜치 (Main branch) 가장 중심이 되는 master와 develop master : 배포 가능한 상태만을 관리하는 브랜치 deveop : 다음에 배포할 것을 개발하는 브랜치 통합 브랜치의 역할을 하며, 평소에는 이 브랜치를 기반으로 개발을 진행한다. 피처 브랜치 또는 토픽 브랜치 (Feature branch, Topic branch) 보조 브랜치 기능을 개발하는 브랜치, develop 브랜치로부터 분기되었다..
2022.02.24