본문 바로가기

관심사/유용한거

티스토리 에디터처럼 코드 하이라이트 변경하기 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으로 저장해두고, 나중에 재수정해서 쓸 수도 있다. 요런식으로 그려다가 쓰면 된다 ㅎㅅㅎ
(애자일) 팀원들과 플로우 차트 함께 그려보기 배경 이전 회사에서 프로젝트를 시작할 때, 디자이너 + PO + 클라이언트 개발자 + 서버 개발자들이 같이 모여서 화이트 보드에 플로우를 그려본적이 있다. 다 같이 플로우를 그리고 논의하는 미팅은 시간이 오래 소요된다. 당시에 한 제품에 대한 플로우를 그리는 데에 몇시간씩 여러번의 회의를 했었다. 그럼에도 의미가 있는 시간이었다. 와이어프레임, UI, 유저스토리 등.. 제품 분석/설계가 확정지어지지 않은 상황에서 이 방법을 사용하면 유용했다. 장점 1. 팀원들이 같은 제품을 생각하는 데에 도움이 된다.팀원들이 기능을 서로 다르게 생각할 수 있다. 그런데 플로우를 그려나가면서, 각자가 상상한 것들을 이야기하면서 점점 싱크가 맞아진다. 2. 예외 케이스들을 사전에 빠르게 파악할 수 있다.집단 지성의 힘 같은..
스포티파이 모델을 따라하지 말고, 스포티파이의 사고방식을 따라해라! 이 글은 Dont't Copy the spotify model. Do Copy the spotify Attitude 글을 정리한 포스팅입니다. :) 스포티파이 뿐만 아니라, 넷플릭스, Buffer, Semco, Valve, Zappo 같이 우리가 멋지게 생각하는 조직들에도 적용할 수 있는 이야기를 하려고 합니다. 왜 스포티파이가 좋은 조직 문화를 가진 회사인걸까요?스타트업이나 애자일조직에 있다보면, 스포티파이의 엔지니어링 문화에 대해서 들어본적이 있을거에요. 우리는 왜 스포티파이의 이야기를 듣고, 영상들을 찾아보고, 사람들에게 그들이 일하는 방식에 대해서 이야기를 하는 걸까요? 스포티파이의 일하는 방식이 조직을 잘 운영할 수 있고, 사람들한테 여러 영감을 줄 수 있는 방법이여서 그런거 같아요.그리고 스포..
TDD와 테스트코드의 장점 회사 내에서 Ruby On Rails 테스트 코드인 Rspec을 공유하는 세션을 하게 되었다. 그래서 TDD를 하고, 테스트코드를 작성하면서 경험한 장점들을 정리해봤다. TDD의 장점 이미지 참고 1. 단계별로 어떤 기능을 구현해야하는지 쉽게 정리할 수 있다나는 기능 구현을 할 때, 필요한 테스트 항목들을 Description으로 나열한다. 그러면 내가 어떤 기능을 단계적으로 만들야하는지 정리할 수 있다.TDD를 하면, 테스트 케이스를 기능 구현과 동시에 작성하게 되는거다. 그러다보니 예외 케이스를 빨리 인지할 수 있다. 2. 개발 사이클이 짧아진다테스트를 자동화하면, 기대하는 값을 바로 확인할 수 있다. 그러다보면 개발 주기가 짧아진다.서버 개발을 할 때, 주로 API를 구현한다. 그래서 이걸 테스트하..
프로젝트를 시작하는 방법 (ver.2017) 백그라운드최근 팀이동을 하면서, 일하는 방법이 달라졌다. 그래서 2017년도에는 어떤 방식으로 일했었는지 기억하기 위해, 글로 남기고자 한다. 가상의 문제어떤 방식으로 일하고, 생각했는지에 대해서 설명하기 위해 가상의 문제를 정하려고 한다.사용자가 광고주 앱에서 LIKE를 누른 상품을 인스타그램에서 광고로 보여주는 다이나믹 광고 상품을 만들어야한다고 생각해보자. (지하철포스팅) 인스타그램은 어떻게 내가 찜한 상품을 광고로 보여주는 걸까? - 페이스북/인스타그램에 있는 Dynamic AD를 만들어야한다고 상상해보자 ㅎㅎ 과제의 시작 (1) - 백로그 미팅잡기"프로젝트를 시작하자!"라고 결심하면, 백로그를 만들고, 스토리 포인트를 산정하기 위한 미팅을 잡는다. 백로그 미팅의 목적은 아래와 같다.- 프로젝트의..