오랜만에 Outlook 시리즈 글을 작성합니다. 사실 이 시리즈는 그만 작성하려 했지만, Outlook 시리즈를 계속 읽어주시는 분들도 있고, 요즘 너무 글을 작성하지 않아서 간단한 내용이라도 글을 작성하려고 합니다. 앞선 글들을 보면 Outlook Add In의 개발 환경은 크게 웹과 데스크탑 앱 두 가지로 나누는 것을 확인할 수 있습니다. 이때, 웹의 경우 인터넷 브라우저의 개발자 도구를 통해서 쉽게 디버깅할 수 있지만, 데스크탑의 경우 같은 방법으로 디버깅할 수 없습니다. 하지만, 웹과 데스크탑은 디자인적으로 차이가 있으며 웹보다는 데스크탑 앱을 사용하는 경우가 많기 때문에 데스크탑 앱에서의 디버깅은 필수적입니다. (예전에는 확인할 방법이 없었지만, 2023년에 처음으로 방법이 생겼습니다) Mac에..

연말 연초에 약속이 많다는 핑계로 오랜만에 글을 작성합니다.Outlook Add-in 관한 글을 쓰는 건 더 오랜만인데 이유가 있습니다 🥲 새로운 해를 맞이하면서 회사에 큰 조직 개편이 있었으며, 그 결과 더 이상 outlook 개발을 하지 않게 되었습니다 🥲🥲🥲대신에 새로운 데스크톱 앱 개발을 시작할 거 같은데, 조만간 새로운 시리즈로 돌아오겠습니다. ---이번 글은 불친절한 공식문서와 참고할만한 레퍼런스가 없어서 고통받던 '그 시절'에 개발한 소셜 로그인 부분을 작성하려고 합니다. 간략하게 먼저 설명하자면 Web과 Desktop App 두 환경에 동일한 코드를 적용하기 위해서 라이브러리를 사용하지 않았으며,OAuth 2.0 Redirect URI 방식으로 개발하였습니다. (환경의 차이점에 대한..

오랜만에 outlook 시리즈로 돌아왔다. 이번 글은 MS의 Office 전용 함수를 사용하여 사용자가 사용 중인 언어를 파악하여 프로젝트에서 다국어 지원 기능을 구현하는 방법과, 사용자가 서비스를 이용하고 있는 환경이 Outlook web 인지 Outlook desktop(365) app에서 사용하고 있는지 확인하여 활용하는 방법을 알아볼 예정이다. 추가적으로 Web과 Desktop App의 차이점이 무엇인지 알아보고 어떻게 구분해서 개발할 것인지를 작성할 것이다. Outlook 사용자의 언어와 환경 확인하기 * 사용자 언어 파악하기 * MS의 서비스들은 전 서계적으로 사용되기 때문에 기본적으로 다양한 언어를 지원한다. Outlook 역시도 다양한 언어들을 지원하며, 시작 언어는 사용자 MS 계정 설정..

개요 입사 후 마주한 outlook 프로젝트는 5년동안 방치된 외로운 아이였다. 🥲 게다가 Polyer라는 처음 보는 JS 프레임워크로 작성되어 있어서 친해지기가 쉽지 않았다... 익숙하지 않은 개발환경에서 나오는 버그들을 고치는데 어지러움을 느낀 나는 프로젝트를 개선할 기회가 주어진다면 내가 잘 아는 React 프로젝트로 바꿔야겠다고 결심하게 된다. 그러던 중 어쩌다 기회가 주어지고 시작하게 된 리팩토링 프로젝트! 그 시작을 로컬 환경 구축으로 시작하려고 한다. 시작하기 본 내용은 outlook add-in 공식문서를 참고했습니다. React 기반 프로젝트를 시작하려면, 우선 Microsoft Office Add-in 개발에 필요한 "yo office"를 설치해야 한다. "yo Office"는 Yeom..

개요 첫 회사에 입사하여 축하파티를 한 게 엊그제 같은데 벌써 2년 차가 되었다. 그 기간을 회상해 보면 프로젝트가 성공적으로 마무리되어서 행복했던 순간들과, 계속된 야근으로 힘들었던 순간 등 많은 일들이 있었지만 모든 순간들이 성장의 밑거름이 될 거라 생각한다. 그 순간들 중 가장 기억에 남고 가장 의미 있는 프로젝트를 선택하자면, outlook add-in 프로젝트가 아닐까 한다. 기존에도 velog에 outlook 시리즈를 쓰고 있었지만, 이번에 tistory로 이전하게 되면서 부족한 내용들을 채우면서 지난 기억들을 기록하려고 한다. Outlook Add-in이 뭐야 ??? Outlook Add-in은 Mocrosoft Outlook의 기능을 확장하거나 개선하기 위한 소프트웨어 응용 프로그램이다. ..