front-end 3

[인프콘 2022] - 개발자의 셀프 브랜딩 (김민준님) 강연 요약 & 소감

프론트엔드 개발자 특히, React 개발자는 웬만하면 김민준님(Velopert)을 알고 계실것이다. 나 또한 처음에 김민준님 블로그를 보며 React를 시작했고, 추후에 React를 다루는 기술(책)을 구매하여 공부하였다. 사실 인프콘이 개최될 때 김민준님 섹션에서는 React의 미래, 혹은 Svelte 같은 미래 지향적인 기술 관련 강연 섹션이라고 예상했었는데 내 예상과는 다르게 개발자의 셀프 브랜딩 관련하여 강연을 해주셨는데 색다롭고 좋았다. 많은 사람들이 해당 강연을 봤으면 좋겠지만 영상보다 글로 빨리 보고 싶으신 분들을 위해 강연 요약을 해보았는데 문제될 시 삭제하겠습니다. (참고로 해당 강연은 인프런 홈페이지에서 2022 인프콘 다시보기에서 볼 수 있다.) 강연 PPT에 나온 개발 콘텐츠를 요약..

강의 2022.10.07

[Error] LocalStorage 용량 에러 극복기

고객에게 서비스 제공중에 갑자기 에러가 났다!!! 이런적이 없었기 때문에 매우 당황... B2C에서 에러관련 문의가오면 등줄기가 서늘해진다.. 대략적으로 확인했을 때 화면 전환시에 필요한 데이터를 못들고가는 현상같았다. console을 보니 localStorage setItem에서 에러가 나고있었다. 간헐적으로 에러가 나길래 원인을 분석해보니 localStorage 용량 문제였다. LocalStorage의 최대 용량은 5MB인데 첨부파일이 5MB를 넘어버린것이다. 몇가지 대안을 생각했다. 1. IndexedDB로 대체 2. history.push 할 때 props로 넘겨주기 3. redux에 저장했다가 불러오기 로직을 살펴보니 복잡하게 할 필요가 없이 history.push에서 넘겨주면 됐어서 2번을 선..

Error 2022.09.26

[HTML] 블록 레벨(Block level) 요소와 인라인(inline) 요소 특징

1. Block 요소 DIV, H1, P 등 대다수의 요소 사용 가능한 최대 가로 너비를 사용 CSS를 통해 크기를 지정할 수 있음 기본 CSS (width : 100%; height : 0;)로 시작 수직으로 쌓임 margin, padding 위, 아래, 좌, 우 사용 가능 주로 레이아웃 용도 2. Inline 요소 SPAN, IMG 등 필요한 만큼의 너비를 사용 CSS를 통해 크기를 지정할 수 없음 기본 CSS (width : 0; height : 0;)로 시작 수평으로 쌓임 margin, padding 위, 아래는 사용 불가능 주로 TEXT 용도

Front-End/HTML 2020.12.12