240604(화)
🌱 성장일지 Re 1.0
책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록
- 살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
- 성장하고 있는 것이 살아 있는 것이다.
- 생명의 유일한 증거는 성장이다!
(1.0) 하루 SoD, EoD를 기록하고 공부한 것을 간단하고 담백하게 기록하자.
Plan
아침 - ✅ 스트레칭 - ✅ 명상 - ✅ 유산균, 양배추즙, 견과류, 우유 한 잔, 홍삼 - ✅ SoD 쓰기 - ✅ 출근길 신문 읽기 오전 - ✅ 메모장 확인(0.1) - ✅ 온보딩 UX 개선: 세 번째 페이지 UI 수정, 클라이언트 상태 - ✅ 페어프로그래밍 간단하게 준비 ✅ ⏰ (10:00 ~ 10:15) 데일리 체크인 오후 - ❌ 온보딩 UX 개선: 공통 디자인 다듬기 및 반복 컴포넌트 추출 - ❌ 온보딩 UX 개선: 공통 기능 구현 - 🌱 온보딩 UX 개선: 첫 번째 페이지 API 연동 - ✅ 버퍼(1.0) ✅ ⏰ (12:30 ~ 13:30) 점심 약속 ✅ ⏰ (15:00 ~ 16:00) 페어 프로그래밍 wtih 오즈 저녁 ✅ ⏰ (19:00 ~ 19:30) 걸어서 퇴근하기 - 종합운동장역 ❌ ⏰ (19:30 ~ 21:00) 헬스 - 상체 밤 - ✅ 버퍼: 지금 현재의 나 정리 시간 - ✅ 책: HTTP 완벽 가이드 1장 읽기(0.5) - ✅ 블로그: 성장일지 쓰기(1.0) - ✅ 다이어리: 감정일기 쓰기 - ✅ EoD 쓰기
Learn
vercel 빌드 에러?!
오늘 회사에서 vercel로 배포를 하는 중 아래와 같은 에러 메시지가 발생했다.
Error
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
솔직히 에러 메시지가 너무 친절해서... 그저 편하게 github에 들어가서 내용을 확인하고 해당 명령어를 실행했다. 그 내용에 대해서 간략하게 요약하자면
npx update-browserslist-db@latest명령어를 실행하면 최신 브라우저 리스트를 받아온다.- 이 명령어를 주기적으로 실행하면 최신 브라우저 리스트를 받아올 수 있어서 브라우저 호환성을 더 잘 지원할 수 있다.
위의 내용 정도라고 생각하면 된다. 그런데 문제는 이 내용을 적용하고 난 뒤에도 빌드 에러가 발생했다. 알고보니 내가 작성한 gql쪽 코드에서 문법이 잘못되어서 발생한 에러였다... 언능 후딱 코드를 수정하고 빌드를 하니 잘 되더라 따흑...
HTTP 완벽가이드
- 웹은
HTML과HTTP를 빼면 시체다. - HTML은
HyperText Markup Language의 약자 - HTTP는
HyperText Transfer Protocol의 약자 - HTTP는 전 세계의 웹 서버로부터 웹 브라우저로 전송되는 데이터를 규정하는 프로토콜이다.
- HTTP가 신뢰성 있는 프로토콜을 사용하기 때문에, 개발자는 중간에 데이터가 손상되거나 유실될 걱정할 필요없이 개발할 수 있다.
- 웹 리소스는 웹 서버가 관리하는 모든 종류의 데이터를 말한다.
- 미디어 타입(MIME)은 웹 리소스의 데이터 타입을 나타낸다. 예를 들어
text/html,image/jpeg,audio/mpeg등이 있다. - URI는 웹 리소스를 식별하는 일반적인 방법이다. URI는 URL과 URN으로 나뉜다. URL은 리소스의 위치를 나타내고, URN은 리소스의 이름을 나타낸다. 사실상 현대 웹에서의 URI는 URL을 의미한다고 무방할 정도로 URL이 널리 사용되고 있다.
Review
- 많이 서툴렀지만 오즈와 즐겁게 페어프로그래밍을 했다. 개발도 개발이지만 협업 및 소통 능력을 키우기에 아주 좋은 시간인듯
- UX 온보딩 개선 UI 단은 어느정도 구현 끝! 머지 끝! 디자인 다듬기랑 백엔드 연동만 잘 마무리 하자!
- 향로님이 적으신 글을 읽었다. 너무 똑똑한 사람이 되지 말자. 미리 예측하고 다 아는 사람이 아니라, 더 많은 것을 경험하고 더 많은 것을 배우는 사람이 되자.