프론트엔드

웹 성능이 중요한 이유웹 성능은 브라우저 주소창에 도메인을 입력하고, 실제로 해당 사이트가 로딩되어 내용을 볼 수 있을 때까지의 시간. 즉 웹 로딩 시간을 의미한다.따라서, 웹 성능이 좋다는 것은 웹 로딩 시간이 짧아 빠르게 콘텐츠를 볼 수 있다는 것을 의미하고, 성능이 좋지 않다면 사용자가 만족할 수 없어 기다리지 않고 이탈할 수 있는 원인이 된다. 실제로 월마트 웹사이트에서 조사한 결과, 평균 로딩 시간을 1초 줄이면 구매율이 약 2% 증가한다는 통계가 있다. 로딩이 0-2초 내에 완료되었을 때 구매율이 가장 높았고, 그 이후부터 점점 떨어지게 되었다.직접적으로 물건을 판매하는 웹 서비스가 아니더라도, 기업 이미지에 부정적 영향을 줄 수 있고 선입견을 갖게할 수 있다. 그렇다면, 사용자들이 이탈하지 ..

첫 회사에서 2년 1개월 가량 프론트엔드 개발자로 근무한 이홍빈입니다.남는 시간에 이슈 하나라도 더 처리하기보다 팀과 개인에 도움이 될 수 있도록 퇴사 부검을 작성하고, 공유했습니다.레퍼런스: https://medium.com/a-day-of-a-programmer/우아한형제들-퇴사-부검-010ce38609a5일하면서 어떤 고민을 했고 이 고민이 해결되기 어려울 것이라는 판단을 내리기까지의 과정을 공유하면 고민의 깊이를 나눌 수 있는 기회가 될 수 있을 것이라 생각합니다.1. 왜 떠나는 지>💡 다른 직원들이 이해할 수 있는 이유가 있어야 합니다.개발자로 회사의 비지니스 가치를 만들 수 있고, 사용자의 피드백을 받아 빠르게 프로덕트를 디벨롭하며 팀원과 한 호흡으로 개발하는 모습을 기대했습니다. 그리고 코..

유튜브의 "드림코딩 by.엘리" 님의 4개 영상을 보고 정리한 내용입니다. 이 채널은 제가 정말 좋아하는 코딩 채널이고, 유익한건 말할 것도 없습니다. 깔끔한 설명과 발음, 체계적인 커리큘럼이 무료로 듣기 미안할 정도입니다. 누가 물어보면 꼭 추천하는 채널인데, 제가 강의들으면서 필기했던 내용을 공유하러고 합니다. 프론트엔드 입문자를 위한 내용이고, 링크는 가장 아래에 걸어놨습니다. 공부 법 프론트엔드 공부 순서 누구나 쉽게 접근할 수 있는 영역 취미와 다르게 얼마나 공부해야하는지, 얼마나 깊게 파야하는지 로드맵으로 알아본다 어떻게 공부해나가면 좋을지? 프로젝트단위로 공부해 나간다. 결과물이 있어야 함. 문제해결능력을 키울 수 있다. 따라하기식 공부, 이론식 공부는 문제 해결을 연습할 수 없다. HTML..

html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..