본문 바로가기

ETC5

백엔드 커리어 로드맵 IT 분야의 엔지니어 / 개발자라면 다들 한번씩 보았을 rodemap.sh의 로드맵. 기존에는 데브옵스 엔지니어 정도만 살펴본 적이 있었는데, 백엔드 로드맵을 제대로 보는 건 이번이 처음인듯. 백엔드 개발자 로드맵은 다음 링크(https://roadmap.sh/backend)에서 확인할 수 있는데, 캡처본만 봐서 몰랐지만 사이트에서 각 항목을 클릭해보면 자세한 설명과 참고할 만한 자료들을 확인할 수 있다. 인터넷 인터넷이 어떻게 동작하는지? HTTP란? 브라우저란? 브라우저가 어떻게 동작하는지? DNS란? 어떻게 동작하는지? 도메인 이름이란? 호스팅이란? 언어 학습 Java Javascript C# Python PHP Ruby 버전 관리 시스템(VCS: Version Control Systems) Git.. 2023. 5. 29.
2022년도 회고 및 백엔드 개발을 배우려고 하는 이유(feat. 제로베이스 부트캠프) 올 해 새롭게 제로베이스에서 부트캠프를 시작하게 되어서 백엔드 개발을 배우게 된 계기를 정리하면서 작년도 회고도 간단하게 같이 해보려 한다. 2022년도 회고 작년 상반기 회고: https://jinnypark9393.github.io/220629-python-final/ 일단 작년 하반기에 해보려고 했던 항목들에 대해서는 한 개 빼고 거의 실패했다…ㅎㅎ 변명이지만 상반기 회고 때 면접을 보고 있던 상태였던 회사에 합격하게 되는 바람에 새로운 회사 온보딩 과정 하느라 정신없어서 원래 목표에 대해서는 거의 신경 쓸 겨를이 없었다. 지금 생각해보면 그 때가 개인 공부를 하기 딱 좋은 시기였었다... 아무튼 짧게 목표들을 되돌아 보면, 매일 깃허브 잔디 심기 ⇒ 실패 원래는 깃허브 블로그를 운영중이었기 때문에.. 2023. 5. 15.
Chrome 브라우저 창 전체 스크롤/특정 컴포넌트만 스크린샷하기(크롬 개발자도구 활용) MacOS에서는 기본적으로 ⌘ + ⇧ + 4 등의 단축키를 이용해 캡처를 할 수 있지만, 스크롤이 있는 페이지의 경우에는 전체 스크롤을 캡처하기가 어렵다. 하지만 캡처 대상이 Chrome 브라우저일 경우에는 Chrome 브라우저에서 제공하는 스크린 샷 기능을 활용해 웹사이트의 전체 스크롤 혹은 특정 컴포넌트를 캡처할 수 있다. 해당하는 웹페이지로 이동 후 F12키를 누르거나, 해당 웹페이지 빈 곳 우클릭 후 검사(Inspect) 클릭( ⌥+⌘+I) 개발자 도구가 열리면 Console 탭으로 이동한 뒤, ⌘ + ⇧ + P 단축키를 눌러 명령 메뉴를 연다. 명령 메뉴에 screenshot을 검색해서 Capture full size screenshot을 클릭하면 PNG파일로 저장된다. 웹페이지의 특정 컴포넌트.. 2023. 1. 14.
티스토리 블로그에 Gist로 코드 스니펫 삽입하기 깃허브 블로그를 최근 들어 다시 쓰려고 하고 있는데 블로그 테마를 갈아 엎고 난 뒤 검색 최적화가 너무 안되고 있기도 하고, 포스팅 할 때 오류가 너무 자주 난다.. 그래서 티스토리에 다시 옮겨 가려고 하는데 티스토리의 자체 코드 스니펫이 사용도 불편하고 보기도 불편해서 Github Gist를 대신 사용하려고 정리해두려 한다. 1. Github Gist란? Github Gist는 짧은 코드 스니펫(Code Snippet: 코드 조각)이나 메모 등을 공유 목적으로 사용할 수 있는 서비스이며, Private/Public 모두 무료로 사용할 수 있다. 2. Github Gist 사용법 Github Gist를 사용하려면 먼저 Github에 로그인해야 한다. 로그인을 한 뒤 접속해보면 아래와 같은 화면을 볼 수 .. 2023. 1. 9.