하수도키의 성장일기

책일기

[북리뷰] 기술면접대비 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와 다르게 압축 과정에서 정보 손실이 발생 그만큼 이미지를 ..

책일기

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

크롬 LightHouse Mode와 Categories 항목 값 소개 Mode Navigation: Lighthouse의 기본값으로, 초기 페이지 로딩 시 발생하는 성능 문제를 분석 Timespan: 사용자가 정의한 시간 동안 발생한 성능 문제를 분석 Snapshot: 현재 상태의 성능 문제를 분석 Categories Perfomance: 웹 페이지의 로딩 과정에서 발생하는 성능 문제를 분석 Accessibility: 서비스의 사용자 접근성 문제를 ㅂ누석 Best Practices: 웹사이트의 보안 측면과 웹 개발의 최신 표준에 중점을 두고 분석 SEO: 검색 엔진에서 얼마나 잘 크롤링 되고 검색 결과에 표시되는 분석 Progressive Web App: 서비스 워커와 오프라인 동작 등, PWA와 관련된..

개발일기/Nuxt.js

[Nuxt] Nuxt란? (Nuxt 메인 페이지 분석)

열심히 글 쓴 게 날아가서 후다닥 씁니다... 후아... Nuxt3 정식 배포된 기념으로 튜토리얼 형식으로 공식문서 격파 포스팅! 여기부터 Nuxt 메인 페이지에 있는 내용들 정리(구글 번역, 심각한 수준의 의역) 틀린 거 있으면 알려주세요! https://nuxt.com/ Nuxt: The Intuitive Web Framework Global Maintainers Summit Event 2021 globalmaintainersummit.github.com nuxt.com Nuxt란? 직관적인 웹 프레임워크라고 공식 홈페이지에 대문짝 하게 걸려있다. Build your next Vue.js application with confidence using Nuxt. An open source framewor..