본문 바로가기

휴게소26

알프레드? 레이캐스트! 맥북을 처음 샀을 때부터 지금까지 쭉 잘 써왔던 알프레드를 이제는 보내줄 때가 되었다. 사실 알프레드가 익숙하기도 하고 나름 설정을 정성스럽게 해놔서 웬만하면 바꾸지 않으려 했다. 하지만 레이캐스트를 사용한 지 15분만에 마음을 바꾸게 되었다. 개발자를 위한 생산성 도구 레이캐스트(Raycast) 레이캐스트는 알프레드와 비슷하게 Mac 사용자의 생산성을 크게 높여준다. 단축키, 키워드, 기능 확장 등을 사용하여 Mac과 웹의 검색을 돕는다. 하지만 알프레드의 유료 사용자만 가능했던 기능들을 레이캐스트에서는 무료로 사용이 가능하고, 부드럽게 동작하고, 굉장히 빠르다. 게다가 클립보드와 스크린샷 히스토리, VS Code 프로젝트 매니저, Github 매니저 등 개발자 친화적인 기능 확장들이 굉장히 많다. 한.. 2022. 5. 12.
신입 개발자인 내가 블로그 글을 쓰는 이유 "만약 여러분이 생각하고 말하고 글을 쓸 수 있다면, 그야말로 완전히 치명적인 인간병기가 되는 겁니다." 처음엔 귀찮고 쓰기 싫었던 취업용 블로그가 조금씩 쓰다 보니 익숙해진건지..뭔가 깨닫거나 좋은 내용이라고 생각되면 블로그 생각부터 하게 된다. 블로그는 생각을 정리하기 정말 좋은 수단이다. 나는 생각을 뭉뚱그려서 하는 편인데 글쓰기는 그게 안된다. 몇번을 지우고 다시 쓰고, 내가 생각한 내용이 맞는지 속으로 계속 되뇌인다. 희미한 개념이 선명해진다. 내가 생각한 것을 정확하게 끄집어 내서 글로 표현을 한다. 그래서 글을 잘 쓰는 사람들이 자신의 의견과 생각을 말로도 잘 표현하는 것 같다. "그런 능력은 한 사람에게 주어질 수 있는 가장 강력한 무기입니다. 만약 자신의 주장을 일관성 있게 구체적으로 이.. 2022. 4. 28.
피그마 사용법과 협업하기(개발자 시점) 디자이너와 개발자의 협업 툴, 피그마(Figma) 웹 브라우저 기반으로 동작하는 피그마는 개발자와 디자이너가 협업하기 정말 좋은 디자인 툴이다. 피그마는 웹 브라우저 기반이기 때문에 작업 환경에 대한 걱정 없이 모두가 사용할 수 있다. 다시 말해 설치할 필요가 없고, 운영체제와 상관 없이 사용할 수 있는 장점이 있다. 또한 피그마는 디자인이 클라우드에 있고 고유한 URL 덕분에 개발자가 항상 최신 버전의 디자인을 빠르게 확인할 수 있으며, 내장된 기능을 통해 디자이너와 개발자가 쉽게 커뮤니케이션을 할 수 있게 되었다. The design lives in the cloud and has a unique URL, so it serves as the source of truth for the entire te.. 2022. 4. 17.
footer 하단에 고정(feat.flex) content의 양이 적을 때 footer를 페이지 가장 아래에 고정 시키는 방법은 여러가지가 있지만 제일 좋은 방법을 알게 됐다. 바로 flex를 이용하는 방법인데 내가 아는 방법 중에는 가장 간단하고 쉽게 해결할 수가 있었다. html, body에 height: 100%, display: flex, flex-flow: column 속성을 넣는다. content 영역에 flex: 1을 주면 끝 이렇게 하면 뷰포트 크기에 상관없이 footer가 항상 하단에 고정된다. 코드 헤더 메인 콘텐츠 푸터 2022. 3. 30.
VS Code 커서 스타일 및 애니메이션 변경하기 Visual Studio Code에서 커서의 스타일(색상, 너비 등)과 애니메이션을 변경할 수 있다. cmd(윈도우는 ctrl) + shift + p로 명령 팔레트 실행 json 검색 기본 설정: 설정 열기(JSON) 커서 스타일 색상 코드 "workbench.colorCustomizations": { // 에디터 커서 색상 "editorCursor.foreground": "#ffff00", // 터미널 커서 색상 "terminalCursor.foreground": "#ffff00" } 커서 색상 선택 참고 - Color Tool 너비 코드 "editor.cursorWidth": 6 스타일 line(기본값) block underline line-thin block-outline underline-thin.. 2022. 3. 18.
개발자가 알아야 할 광고 용어 모음(feat.광고 플랫폼 개발자) 회사에서 면접을 볼 때 나는 이런 말을 했다. "제가 전혀 모르는 분야인 광고라는 플랫폼에 개발이 접목되면 재미있을 것 같고, 호기심이 생겨서 지원하게 되었습니다." 그렇게 디지털 광고 회사를 다니게 되었고, 모르는 광고 용어가 굉장히 많았다. 자주는 아니더라도 광고 용어들을 접하다보니 어느 정도는 알아야 개발을 더 수월하게 할 수 있을 것 같았다. 완전히 외우지는 못하겠지만 '까먹기 때문에 살려낸다'라는 생각을 갖고 정리를 해보자. 매체사(Media Company) - 광고 플랫폼을 가진 회사 광고를 진행할 수 있는 플랫폼을 가진 회사들을 뜻한다. '광고 매체 + 회사 = 매체사'인 것이다. 구글, 네이버, 카카오 등을 매체사라고 부른다. 퍼블리셔(publisher)라고도 하는 것 같다. 🤔 비딩(Bi.. 2022. 3. 6.
VSC 자동완성 설정하기(feat.개발 효율 높이기) 리액트로 개발하다 보면 반복적으로 작성해야 하는 코드들이 있다. 이런 것들이 쌓이다 보면 은근 귀찮고 스트레스가 누적 되기도 한다. 리액트 코드 스니펫 익스텐션이 있긴 하지만 이걸로는 부족했다. 그렇게 방법을 찾다가 정말 유용한 기능을 발견하게 되었다. 바로 VSC에서 지원하는 사용자 코드 조각 구성(configure user snippets)이다. 이거..정말 좋다. 쓰면서 개발 효율이 정말 높아졌다. 사용자 코드 조각 구성(Configure User Snippets) 사용하기 1. 명령 팔레트 실행(맥기준 shift + cmd + p) 2. 사용자 코드 조각 구성 실행 어느 경우에 사용할까? 이제 본격적으로 사용 해보자. 이 기능의 좋은점은 내 마음대로 코드를 자동화 할 수 있다는 점이다. 나같은 경.. 2022. 2. 18.
반응형