소프트웨어-이야기/소프트스킬 썸네일형 리스트형 [다이어그램툴] excalidraw 온라인으로 다이어그램을 그릴 수 있는 gui 툴이다.draw.io 가 갑갑하고, mermaid 문법을 알기 싫다면, 사용해볼 법하다.단순한 다이어그램을 그리기 편하다.excalidraw 활용 사례는 다음과 같다. https://excalidraw.com/ Excalidraw — Collaborative whiteboarding made easyExcalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.excalidraw.com ADR: Architecture Decision Record ADR이란?"아키텍처 결정 레코드"는 소프트웨어 아키텍처 의사 결정 과정을 문서로 기록하는 양식을 의미한다. 의사 결정 과정을 문서화한 자료는 지난 히스토리를 쉽게 파악하고 동료들을 설득하는 데에 사용된다. 양식ADR 포맷제목아키텍처 결정을 간략히 기재상태제안됨 / 수락됨 / 대체됨지난 의사 결정이 대체되는 경우, 지난 ADR에 의사결정이 대체되었다는 사실을 기록해둔다.그리고 수락됨 ADR에는 대체된 ADR 경로를 기록해둔다.콘텍스트왜 이렇게 결정할 수 밖에 없었나?결정결정. 그리고 그렇게 결정한 합당한 사유결과해당 결정이 미치는 영향컴플라이언스 (옵션)해당 작업이 반영되었음을 어떻게 확인할 수 있는가노트 (옵션)이 결정에 관한 메타데이터 (결정에 참여한 사람) 가이드 ADR AWS 권장 가이드를 참고하.. XY Problem 이란? XY Problem이란? XY Problem은 실제 문제보다는 문제를 해결하기 위해 시도한 해결방안에 대해 묻는 것이다. XY Problem은 도움을 요청하는 사람과 도움을 제공하는 사람 모두에게 많은 시간과 에너지를 소모하게 만든다. 이 상황에 빠지게 되면, 사람들은 해결방안이라고 믿는 것에 집착하게 된다. 그래서 한발짝 물러서서 그 문제를 설명하지 못하게 만든다. XY Problem이 발생하는 순서 요청자는 X를 하고 싶어 한다. 개발자는 X는 모르겠지만, Y를 하면 문제를 해결할 수 있다고 생각한다. 요청자는 Y도 할 줄 모른다. 요청자는 다시 Y에 대한 도움을 요청한다. 다른 개발자가 Y로 요청자를 도와주려고 하지만, Y가 해결하고자 하는 것이 이상해보이기 때문에 혼란스러워한다. 많은 커뮤니케이션.. (Google) 개발자를 위한 구글 스프레드 시트 팁 최근에 구글 스프레드 시트를 활용하면서 배운 팁들을 정리해보고자 합니다. 이 글에서 사용한 샘플 데이터 시트는 다음과 같습니다. 1. 여러개의 시트를 하나로 합치기 ={'제주도-카페'!A2:C2; '서울-카페'!A2:C2} 합칠 시트와 범위를 {} 괄호 안에 입력합니다. 수직으로 합치고 싶은 경우에는 Sheet를 세미콜론(;)으로 구분하고, 수평으로 합치고 싶은 경우에는 콤마(,)으로 구분합니다. 2. 시트 데이터에 쿼리 적용하기 =QUERY('카페 총합'!A2:D, "select A,B,C,D where A is not null AND B = '디저트'") 스프레드 시트에 쿼리를 적용하여 데이터를 가져올 수 있습니다. 3. 여러개의 시트에서 필요한 데이터만 가져와서, 하나의 시트에 합치기 ={FILTE.. 티스토리 에디터처럼 코드 하이라이트 변경하기 1. HTML에 아래의 코드를 추가한다. atom css 파일은 hilight.js에서 다운받은 후, 티스토리에 업로드해서 사용하면 된다. 2. 티스토리 CSS 변경하기 /* 문단 간격 */ .entry-content p { margin-bottom:30px; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } /* code highlight */ .entry-content pre { background-color: #fafafa; padding:20px; font-size: 14px; padding: 15px; border-radius: 3px; f.. (디버깅) Google Chrome 개발자콘솔로 프론트 통신상태 조절하기 Slow 3G으로 설정해주면, 통신상태가 불안한 상태에서 프론트가 처리되는 상태를 디버깅할 수 있다 👍 (온라인스터디) TELECONSOLE + teletype Atom 온라인 오픈소스 스터디할 때, 행아웃으로 화면공유를 하니까 잘 안보였다.그래서 터미널을 공유할 수 있는 프로그램인 TELECONSOLE과, ATOM 화면을 공유할 수 있는 teletype Atom을 써봤었는데, 신세계였다. 😻온라인으로 협업할 일이 있으면, 요 두개를 가져다 쓰면 완전 좋다. TELECONSOLE teletype Atom 텔레타입 아톰은 Host Atom에 게스트 Atom이 접속하는 개념인데, 읽기 권한만 있는 구글 드라이브 문서를 보듯.. 아톰 화면을 볼 수 있다. (Draw.io) 온라인 다이어그램 툴 https://www.draw.io/여기 들어가서 그리면 된다 ㅎㅅㅎ XML으로 저장해두고, 나중에 재수정해서 쓸 수도 있다. 요런식으로 그려다가 쓰면 된다 ㅎㅅㅎ 이전 1 2 3 4 다음
