하수도키의 성장일기

개발일기/VSCode

[VSCode] 기초 살펴보기 #1 - 기본 단축키(필수 단축키)

VSCode(Visual Studio Code) 단축키 살펴보기 #1 (기본 단축키) VSCode란?VSCode는 마이크로소프트에서 개발한 소스 코드 편집기이다. 오픈소스이며, 무료로 사용할 수 있다. VSCode는 Windows, macOS, 리눅스 용으로 제공된다. 또한, 다양한 언어를 지원하며, 확장 기능을 통해 다양한 기능을 추가할 수 있다.VSCode 설치하기VSCode 다운로드VSCode 실행 후 나오는 화면에 단축키 살펴보기VSCode를 설치하고 실행하면 다음과 같은 화면이 나타난다.여기서 보이는 단축키를 살펴보자. 첫 화면에서 보이는 단축키이므로 가장 중요하고 많이 사용하는 단축키들이니 꼭 숙지하자.VSCode를 설치하고 실행하면 다음과 같은 화면이 나타난다.여기서 보이는 단축키를 살펴보자..

책일기

[북 리뷰] 타입스크립트 교과서

이 포스팅은 길벗 출판사로부터 무료로 제공받은 책을 읽고 본인의 솔직한 생각과 평가를 기록한 것임을 밝힙니다. 현재 프론트엔드 개발자 채용 공고를 보면 리액트와 더불어 타입스크립트는 필수로 적혀져 있다. 타입스크립트는 간단히 설명하자면 자바스크립트에 타입 구문이 추가된 언어이다. 타입스크립트 사용하는 이유는 타입스크립트 공식사이트에서 참고해서 간략히 설명하겠다. 자바스크립트로 만드는 프로그램의 규모가 점점 커지고, 방대한 코드를 타입 없이 작성하려니 타입 관련 오류, 오타가 많이 발생했다. 타입스크립트를 사용함에 따라 오류, 오타를 줄이고 프로그램 안정성과 더불어 생산성도 증가 시키는 목적이다. 타입스크립트 여러 책을 읽었지만, 대부분 번역책이어서 역시 개발 번역 퀄리티와 기초부터 알려주거나, 가독성이 ..

책일기

[북리뷰] 기술면접대비 CS전공 핵심요약집

비전공자 출신 개발자로서 항상 CS 지식 부족한게 개발하면서 마음에 걸렸다. 정보처리기사 자격증도 공부해서 취득했지만 역시 시간이 지나면서 벼락치기형식으로 공부한것들이 모두 머리속에서 소멸되었다. 백엔드, DB 관련 지식들은 얼핏 듣긴하지만 실제 작업을 하는 경우가 없어 간단한 지식만 아는 정도다. 최근들어 디자이너보다 백엔드 개발자들과 이야기를 많이 하게 되었는데 이 책이 참 많은 도움이 되었다. 사실 인터넷 검색을 통해 모르는 부분들은 충분히 알 수 있다. 하지만 내가 어떤 영역 어디를 정확히 모르는지에 대한 인지없이 모르는것들이 나올때마다 검색으로 그 부분을 메꾸기에는 너무 많은 시간과 노력이 낭비가 된다. 그에 따른 가지치기 형식으로 계속 모르는것들이 나올텐데 파고 들어가다보면 처음에 검색하고 깨..

책일기

그림으로 이해하는 네트워크와 구조와 기술 리뷰

자바스크립트, 리액트, 뷰 라이브러리, 프레임워크들을 주로 사용하고, 애플리케이션을 만들 때 필요한 것들만 공부하고 사용하고 있습니다. 빨리빨리 결과물을 만들어 내는 세상입니다. ChatGPT, 코파일럿 등 코드를 작성할 때 생산성을 높여주는 도구들이 많이 등장했고, 또 많이 사용하고 있습니다. 덕분인지 모르겠지만 언어의 기초를 배우거나, 네트워크 등 깊게 알지 못해도 개발을 할 수 있습니다. 하지만, 입문자, 초보자, 중급, 고급 경력이 쌓일수록 기초가 중요하게 되는 시점은 반드시 옵니다. 언제 올지는 모르지만 대비는 해야 합니다. 구현에 머물지 않고 성능 최적화, 비용 절감 등을 하기 위해서는 네트워크 공부가 필수입니다. 데브옵스라는 직군이 별도로 존재하지만, 그들과 대화를 원활하게 하기 위해서는 네..

책일기

[북리뷰] 프론트엔드 성능 최적화 가이드 정리(#2)

2023.02.09 - [책일기] - [북리뷰] 프론트엔드 성능 최적화 가이드 정리(#1) [북리뷰] 프론트엔드 성능 최적화 가이드 정리(#1) 크롬 LightHouse Mode와 Categories 항목 값 소개 Mode Navigation: Lighthouse의 기본값으로, 초기 페이지 로딩 시 발생하는 성능 문제를 분석 Timespan: 사용자가 정의한 시간 동안 발생한 성능 문제를 분석 Snapsho hasudoki.tistory.com 이미지 파일 SVG와 같은 벡터이미지가 아닌 비트맵 이미지 포맷들 PNG JPG(JPEG) WebP PNG는 무손실 압축 방식 원본 훼손하지 않고 알파 채널을 지원 알파채널이란 투명도 의미 JPG는 PNG와 다르게 압축 과정에서 정보 손실이 발생 그만큼 이미지를 ..