React로 쇼핑몰을 장바구니와 상품목록을 구현하는 과제를 하면서 store기능을해주는 라이브러리 Redux-toolkit을 사용해보았다 사용해보니 프로젝트가 간단해서그런건지 유용하게 쓸수있다는 생각이들어 정리해둬야겠다 생각했다. 출처 : https://redux-toolkit.js.org/introduction/getting-started#rtk-query​ Redux Toolkit이 뭐죠? Redux에서 효율적인 Redux 개발을 위해 만들어진 Redux의 도구 모음이다. Redux Toolkit은 Redux 로직을 작성하기 위한 표준 방식이 되도록 만들어졌고, Redux에서 사용하기를 강력히 추천하는 라이브러리다! 작성자는 Redux는 사용해보지않았지만 사용하기위해 설정하기가 어렵다고 알고있었지만 ..

https://usability-coding.tistory.com/20 에서 kakao developers에 설정을 끝냈다 이제 API를 프로젝트에 적용시켜주고 사용하면 되겠다. 여기서부턴 설정하는거보다 더 간단하다. Vue.js 카카오 로그인 API 적용 1 (kakao Developers 설정) Kakao 로그인 API를 사용하려면 기본적인 설정이 필요한데 설정하는 부분을 정리해보려고한다. 1. kakao developer 로그인후 내 어플리케이션 생성 https://developers.kakao.com/ Kakao Developers 카카오 API를 활 usability-coding.tistory.com vue 프로젝트를 만들었다는 전제하고 순서대로 정리하겠다. 1. index.html에 SDK코..

Kakao 로그인 API를 사용하려면 기본적인 설정이 필요한데 설정하는 부분을 정리해보려고한다. 1. kakao developer 로그인후 내 어플리케이션 생성 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 플랫폼 도메인 등록 왼쪽 메뉴 탭에서 플랫폼탭 local에서 테스트해볼거기때문에 localhost:8000 (본인이 설정한 도메인주소)로 등록 3. 앱키 확인 앱키 확인 api키를 적용시켜줘야 사용가능하기때문에 알아두면된다. 4-1카카오 로그인 활성화 OpenID Connect활성..

최근에 면접을 갔는데 devop에 대하여 설명해보라는 질문을 받았는데 개인적으로 생각하던 devops에대해서 설명했는데 면접관들이 갸우뚱해했다 그래서 집에와서 devops를 찾아보곤 완전 잘못설명했구나... 생각하고 한번 정리해두려고 글을 작성하고있다... DevOps란? dev(개발) + ops(운영) 합성어로 개발과 운영이 긴밀하게 연결되어있는 새로운 방식으로 개발할때 협업이 강조되는 개발환경이나 문화를 말한다. devops(데브옵스)는 소프트웨어 개발조직과 운영조직간의 상호 의존적 대응이며 조직이 소프트웨어 제품과 서비스를 빠른 시간에 개발 및 배포하는 것을 목적으로 한다. 클라우드나 온프레미스 두 방식다 적용 가능하지만 클라우드 방식에 적용하는게 더욱 적절해보인다. DevOps 방식의 장점은 ?..

카톡링크를 열었을때 사파리가아닌 크롬이나 다른 브라우저로 열기위해선 기본 웹 브라우저를 변경해야한다. apple 사이트에 맥북 메뉴얼에 있는 확장자 변경 방법이다. 1. Mac에서 Apple 메뉴 > 시스템 설정을 선택한 다음 사이드바에서 데스크탑 및 Dock 을 클릭하십시오. (아래로 스크롤해야 할 수 있습니다.) 2. 오른쪽에 있는 ‘기본 웹 브라우저’ 옆에 있는 팝업 메뉴를 클릭한 다음, Safari를 선택하십시오.

MSA(MicroServiceArchitecture) - 모놀리식 애플리케이션을 나눠 개발하는 방식(개별 프로젝트로 실행가능한 상태) - 장점 : 장애가 발생했을때 해당 애플리케이션에만 사용에 장애가 발생 => 규모가 큰 프로젝트인경우에 유용 - 단점 : 아키텍쳐가 복잡하여 개발하기 어렵고, 개발하기 어렵기때문에 개발비용이 당연히 비싸짐. 모놀리식 방식 (Monolithic Architecture) - 모든 애플리케이션 구성요소가 하나의 프로젝트에 구성되어있는 방식이다. (장단점이 MSA와 정반대라고 볼수있다.) - 장점 : 아키텍쳐가 MSA보다 간단하고 개발하기 쉽고, 개발하기 쉽기때문에 개발비용이 저렴하다. => 규모가 작은경우엔 모놀식 방식이 유용 - 단점 : 장애가 발생했을때 사이트 전체에 장..