반응형 ⚙️ 개발환경설정15 맥북에서 슬랙(Slack) 알림 안옴 문제 상황 사내에서 슬랙 메신저를 사용중인 데 어느날 부턴가 슬랙 알림이 오지 않기 시작했다. 맥북에서 슬랙 알림 미리보기 혹은 소리가 나지 않을 때 아래 보기들을 확인해보자. 해결 방안 Slack 환경설정의 소리 및 모양에서 예시보기를 통해 간단히 테스트 할 수 있다. Mac 시스템 환경설정의 알림 센터 설정을 확인해야 한다. 1) Slack 환경설정 확인 1-1) 좌측 하단 프로필 클릭 > 환경설정 1-2) 알림허용 이 되어있는지 확인 1-3) 소리 및 모양 > 예시보기 1-3) 알림이 오는지 확인 여기서 되지 않는다면, 2) Mac 환경설정 확인 2-1) 시스템 환경 설정 > 알림 > Slack > 알림이 켜져있는지 확인 2-2) 시스템 환경 설정 > 알림 > 알림센터 설정 확인 디스플레이를 미러링.. 2024. 3. 15. WebStorm 초보자를 위한 유용한 설정과 단축키 안내 WebStorm 첫 사용 시 유용한 설정 방법 안내 WebStorm 시작 시 최근 프로젝트가 아닌 메인 메뉴로 가게 설정하기 WebStorm을 실행할 때 최근에 작업한 프로젝트가 아닌 메인 메뉴로 바로 이동하는 설정 방법입니다. 설정 경로: System Settings > Reopen projects on startup VsCode는 MAC 독바에서 오른쪽 마우스로 New Open이 가능했으나 WebStorm은 달라 설정했습니다. 타인의 Commit 라인별로 보는 단축키 설정하기 다른 사람의 Commit 내역을 라인별로 보는 단축키를 설정하는 방법입니다. 설정 경로: Keymap > Annotate 검색 > 원하는 단축키로 설정 상호 취향에 맞게 선택하면 되는데, 저는 "⌘ ⌥ ⇧ \" 로 했습니다. 활.. 2023. 7. 27. WebStorm 폰트 변경 및 테마 설정 방법 WebStorm 테마 설정 방법 Preference(⌘+,) > Appearance & Behavior > Appearance > Theme Preference(⌘+,)을 클릭하여 설정 창을 엽니다. Appearance & Behavior > Appearance > Theme으로 이동합니다. 만약 Material Theme UI를 설치했다면, 해당 UI 테마 설정은 다음과 같습니다. WebStorm 폰트 변경 방법 디렉토리와 터미널 폰트 설정 방법 Preference(⌘+,) > Editor > Font 전체 파일과 터미널에 적용할 폰트 설정을 위해 Preference(⌘+,)을 클릭합니다. Editor > Font으로 이동합니다. (D2coding과 같이 따로 설치한 폰트도 사용할 수 있습니다.) 에디.. 2023. 7. 23. WebStorm 단축키 모음 - 유용한 Mac 단축기모음 WebStorm 단축키 모음 요즘 VsCode를 사용하다가 Webstorm으로 이동하게 되면서 유용한 단축키를 정리했습니다. 찾기/편집 ⇧ ⇧ 전체검색: 프로젝트 전체에서 특정 텍스트를 검색합니다. ⌘ ⇧ o 전체 파일 찾기: 프로젝트 내에서 파일을 빠르게 찾습니다. ⌘ ⇧ f 전체 단어 찾기: 프로젝트 전체에서 특정 단어를 찾습니다. ⌃ g 단어 찾기: 커서가 위치한 단어를 찾습니다. ⌃ ⌘ g 단어 전체 찾기: 프로젝트 전체에서 특정 단어를 찾습니다. ⌘ e 최근 파일 보기: 최근에 열었던 파일 목록을 표시합니다. ⌘ + - 코드 펼치기/접기: 코드 블록을 펼치거나 접습니다. ⌘ d 한줄복사: 현재 행을 복사합니다. ⌘ f 찾기: 현재 파일에서 특정 텍스트를 찾습니다. ⌘ r 바꾸기: 현재 파일에서 .. 2023. 7. 15. [GitHub] PR Draft - PR 작업중표시 및 리뷰 일시정지 PR Draft 상태는 간단하게는 리뷰 검토가 필요하다는 상태를 말한다. 발견 계기 PR 업무 중에 Draft 상태를 발견했다. 보통 Open 상태인 경우만 봐서 무엇인지 알아보았는데, 결론 PR이 Draft상태이면, 아직 작업중이라는 것이고, 검토할 준비가 될 때까지 리뷰를 달거나 머지할 수 없다. Pull Request 상태를 바꿀 수 있었다는 사실! 항상 이용하던 기능만 이용해서 몰랐었는데, 새롭게 알게 된 사실이다. GitHub Docs에 의하면 You can mark a draft pull request as ready for review or convert a pull request to a draft. PR을 리뷰어에세 검토할 준비가 된것으로 표시하거나, 그 반대로 할 수 있다. 설정 방법 .. 2022. 11. 14. express 와 webpack 을 이용한 빌드환경 구성 코드 (+ 코드위주 +generator 미사용) express 와 webpack 을 이용한 빌드환경 구성 : index.html 과 index.js 를 번들로 만듦 1) npm 설치 npm install npm init -y npm install express --save 2) 폴더 구조 생성 외부 src public server.js (app.js) index.html 번들된 파일 자리 webpack.config.js index.js .gitignore styles.scss index.html test index.js import './style.scss'; document.querySelector('.main-cont').style.color = 'red'; 3) babel 설정 //babel 필수 모듈 npm install @babel/core .. 2021. 3. 30. Express에 Webpack & Babel 을 이용한 ES6 환경 설정 ( +generator 사용편) 브라우저 호환성 ( browser compatibility) 웹브라우저에서는 다양한 브라우저가 사용되고 있으며, 그 안에서 caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com ↑ 브라우저 따른 사용 가능성을 확인할 수 있음 📌 브라우저 호환성을 높이는 몇가지 방안 🍎 polyfill 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수있는 코드조각 or 플러그인 ex) bind 의 polyfill bind는 ES5에서 추가되었는데, 만약 브라우저에 bind 기능이 없다면 , 아래 polyfill기능을 추가해 놓고 후에 기능 추가가 되면 간단히 삭제하여 관리할 수 있다. bind가 있지 않은 function 이라면? => 아래.. 2021. 3. 29. Node.js 파일 변경 시 웹서버 자동반영 설정 nodemon 프로젝트 폴더의 파일들을 모니터링 하며 파일 수정 시 자동으로 실행해주는 패키지 ► 현재 상황 nodejs에서 express로 웹서버를 설정중인데, 수정사항이 서버에 바로바로 적용이 안되어 불편함 nodemon 설정 1️⃣ nodemon 설치 현재는 프로젝트 폴더 내에서 진행함 npm install nodemon --save-dev nodemon을 개발환경(dev)에서만 사용할 수 있도록 다운로드 node가 바뀔때마다 서버를 일일히 새로고침 하지 않아도 적용이 됨 2️⃣ Package.json 수정 개발 완료 후 실제 production에 보낼 때 devDependencies {} 를 보면 nodemon 이 추가된 것을 확인할 수 있음 < 이부분은 다운로드 되지 안흠 scripts 를 no.. 2021. 2. 23. Oh My ZSH+ iTerm2 로 맥 터미널 환경 만들기 📟 터미널 환경 구축 iterm2 설치링크 Mac OS용 터미널 에뮬레이터 Mac 의 기본 터미널을 대체해 줌 깔끔하고 귀여운 테마들을 적용할 수 있어 어두운 터미널 속 재미🌈(?)를 느끼게 해준다. 시스템환경설정 - 보안 및 개인정보보호 - 전체 디스크 접근권한 - 허용 할 필요가 있다. homebrew🍺 설치링크 Mac에서 프로그램 패키지를 유용하게 관리해 줄 고마운 친구 터미널 - 해당명령어 복사 터미널에서 직접 명령어를 입력하여 다운로드 해야 함 ) 중간중간password를 입력하고 성공적으로 설치가 됐다면 다음과 같은 화면 출력 ! zsh 및 Oh my Zsh zsh? 간단 설명 bash 기본 shell 환경 터미널 상에 입력하는 명령어들 Oh my zsh zsh의 환경설정을 다루는 프레임워크 .. 2021. 2. 8. 이전 1 2 다음 반응형
