SPA (Single Page Application)란 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성하는 웹 애플리케이션 / 웹 사이트 현재의 HTML을 고정하고 변경되는 부분에 대해서만 서버에서 불러와 사이트에 렌더링 하는 방식 사용자가 서버에 최초로 페이지를 요청하면 필요한 모든 소스를 가져오고 이후에는 AJAX를 이용해 변경에 필요한 부분만 가져온다. 예) 페이스북 등 SPA 구현을 위한 프레임워크 React Facebook이 개발한 웹과 모바일 개발 모두에 사용될 수 있는 프레임워크 프레임워크 중 국내 점유율이 가장 높다 자유도가 높다 다만 공식문서가 빈약하다 Vue 최근에 릴리즈 된 프레임워크 가볍고 빠르게 개발이 가능하다 Angular 구글이 개발한 프레임워크 가..

REST API 정의 - REST API는 REST 아키텍처 스타일의 디자인 원칙을 준수하는 API이다. - RESTful API라고도 한다. API(Application Programing Interface)란 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 하는 것 REST(Respresentational State Transfer)란 - www와 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어의 한 형식 - 웹에 존재하는 모든 자원에 고유한 uri를 부여해 활용 하는 것 - 자원을 정의하고 자원에 대한 주소를 지정하는 방법론 특징 - 사내 시스템들도 REST 기반으로 시스템을 분산해 확장성과 재사용성을 높여 유지보수 및 운용을 편리하게 할 수 있다..

JWT란 JSON Web Token의 약자로 모바일이나 웹의 사용자 인증을 위해 사용하는 암호화된 토큰을 의미한다. JSON 객체를 사용하여 가볍고 자가수용적인 방식으로 정보를 안정성 있게 전달해주기 위한 토큰이다. JWT 정보를 request에 담아 사용자의 정보 열람, 수정 등 개인적인 작업을 수행할 수 있게 한다. JWT의 구성요소 헤더(header) : 토큰의 타입과 해시 암호화 알고리즘으로 구성되어 있다. 페이로드(payload) : 토큰에 담을 정보가 들어있다. 이 곳에 담은 정보의 한 조각을 클레임(claim)이라 부르고(한 토큰에 여러 클레임을 담을 수 있다.) 이는 name/value 한 쌍으로 이루어져있다. 클레임의 종류는 3가지로 등록된 클레임, 공개 클레임, 비공개 클레임이 있다. ..

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..

CI란 여러 개발자가 작성하거나 수정한 소스를 지속적으로 통합하고 테스트하는 것 정의 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다. 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 원격저장소에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있다. - 지속적인 통합이란 지속적 통합을 통해 개발자들은 코드 변경 사항을 공유 프랜치로 다시 병합하는 작업을 더욱 수월하게, 자주 수행할 수 있다. 개발자가 애플리케이션에 적용한 변경 사항이 병합되면 이러한 변경 사항이 애플리케이션을 손상시키지 않도록 자동으로 애플리케이션을 구축한다...

아두이노 - 부저를 이용한 음악 출력 아두이노 작동 영상 후기 원래는 초음파 센서로 대상 물체와의 거리를 입력받고 입력받은 값에 따라 LCD로 여러 메시지를 출력함과 동시에 입력받은 값에 따라 부저를 이용해 여러 노래를 출력하려고 했으나 코딩을 완벽하게 하지 못해서 결국 초음파 센서를 작동시키는데에 실패했다. 하지만 부저와 LCD는 따로따로 작동시키는데에 성공했고, 비록 처음 원했던대로 완벽하게 작동 시키지는 못했지만 작동 시키지 못한 덕분에 자연스레 더 몰두하고, 공부하게 되어 아두이노, C++에 대한 이해도가 조금은 올라간 것 같다. 이번에는 실패했더라도 다음에 또 비슷한 작업을 하게되면 그때는 꼭 성공할 것이다.

원본 이미지 모작 이미지 후기 만들기 어려워 보이는 앱 화면이 이렇게나 간단하게 만들 수 있다는게 엄청 놀랍고 신기했다. 또, 조별과제를 통해 협업의 중요성, 편리성, 유용성을 느꼈다.