하수도키의 성장일기

책일기

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

자바스크립트, 리액트, 뷰 라이브러리, 프레임워크들을 주로 사용하고, 애플리케이션을 만들 때 필요한 것들만 공부하고 사용하고 있습니다. 빨리빨리 결과물을 만들어 내는 세상입니다. 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..

책일기

[북리뷰] 모던 자바스크립트로 배우는 리액트 입문

오랜만에 책 리뷰로 돌아왔습니다. 이번 리뷰는 모던 자바스크립트로 배우는 리액트 입문입니다. 우선 저자가 일본인이다. 자케(오카다 다쿠미)!! 표지 일러스트부터 애니메이션 느낌이 나면서 딱딱한 일반 개발 서적과는 다른 느낌이다. 제목에도 입문이 들어가니 더 쉽고 가볍게 읽을 수 있는 느낌이다. 마지막으로 컬러북이다! 다른 책들과 마찬가지로 모던 자바스크립트(ES6)를 먼저 설명하고 그다음 리액트를 알려준다. 하지만, 다른 점은 표지에 있던 일러스트들의 인물들이 등장한다. 등장인물들이 회사에서 일어나는 에피소드를 바탕으로 공부하게 만든다. 만화책 읽듯이 쉽게 배울 수 있다. 여러 리액트책을 읽어봤지만, 이 책으로 시작한 다음 흥미를 느끼고 더 전문적인 책을 보는 것을 추천한다. 책에서 본 간단하고 이해하기..