강태풍의 개발블로그

🚀개요 23년 7월 10일에 과정을 시작하고 절반이 지났습니다. 과정을 참여하면서 강의들을 통해 수 많은 지식들이 쌓였고. 이 지식을 적절이 활용하여 프로젝트를 3개째 수행하였습니다. 각 프로젝트마다 회고를 작성했어야 했으나, 지금이나마 작성을 하고자 합니다. 프로젝트를 경험해온 것들을 정리하고, 배운 것들을 통해 앞으로의 방향성을 정리하는 글입니다. 📚경험해온 프로젝트들 1️⃣ 토스 클론코딩 : HTML/CSS 프로젝트 ✨객관적인 사실들 HTML/CSS 과제로 시작한 클론코딩입니다. 원래 과정 의도상 클론 코딩을 통하여 훌륭한 레퍼런스를 통해 HTML과 CSS 지식을 이용하고자 한 과제로 보입니다. 저는 기존에 웹사이트를 기존에 미리 만들어 봤어서, 도전욕구를 불러모아 1주일간의 기간동안 어렵고, 애니..

🚀개요 아놀자X패스트캠퍼스 FE 부트캠프 과정에서 제가 되게 도움을 받았던 강사님들을 소개하고 싶어서 글을 작성합니다. 우선 과정이 실시간 강의가 진행되는 와중에 온라인 강의가 제공됩니다. 온라인 강의에서 Heropy 강사님과 John Ahn 강사님의 강의가 제공됩니다. Heropy 강사님의 강의가 저에게 도움이 많이 되서 추천드리고자 합니다. 또한 과정 내 K사에 다니신 커리어 멘토님이 본인의 커리어에 대한 1 대1 멘토링을 제공해 주셔서, 포트폴리오, 자기소개서, 면접, 공부 방향 등의 정보를 얻을 수 있었습니다. 다음 과정에 참여를 고민하신 분들을 위해 이를 공유하고자 합니다. Heropy 강사님의 강의는 현재 패스트캠퍼스에서 유료로 제공되나, 패스트캠퍼스 부트캠프에 참여하면 국비지원으로 무료로 들..

🚀개요 야놀자X패스트캠퍼스 부트캠프에서는 현직에서 종사하시는 멘토님들과 주 1회씩 궁금한 것을 물어보는 시간을 가집니다. 평소에는 그룹 스터디 멘토님이, 개인 질문과 그룹 스터디 질문을 받아주셔 궁금증을 해결해 주십니다. 그리고 토이 프로젝트를 할 경우, 각 프로젝트 시에는 프로젝트 멘토님이 저희들의 질문을 받아주셔 다 같이 궁금한 내용을 해결합니다. 멘토님들마다 성향과 경험과 경력이 다 달라 소통과 설명이 달라질 수 있지만, 모든 멘토님들마다 최선을 다해 열정있게 가르쳐 주셨습니다. 보통 하다가 막힌 경우 에러의 원인에 대해서 묻기도 하였고, 멘토님의 현업 경험에 대해 묻기도 하였습니다. 또한 프로젝트 멘토님께는 프로젝트 질문을, 그룹 스터디 멘토님께는 그룹 스터디 방향에 대해 질문하기 편했습니다. 저..

🚀그룹스터디 개요 그룹스터디에서 하고 싶은 주제에 대한 설문 조사를 통해서 5명의 조원을 짜주었습니다. 사이드 프로젝트, CS 기초지식, 알고리즘 등의 주제를 선택할 수 있었는데, 저는 빠른 취업을 위해 CS 기초 지식과 알고리즘에 대한 공부를 하기 원했습니다. 이를 통해 면접과 코딩테스트를 준비하기를 원했습니다. 주에 2회 1시간씩, 총 17번의 그룹활동 시간이 정해졌습니다. 장기간 혼자 공부하다 보면 스스로 나태해지는 시간이 있을 수 있는데, 한번 잡은 목표로 조원들과 함께 해서 더욱 성실하게 공부할 수 있습니다. 또한 협업 프로젝트 이전에 온라인으로 진행되는 강의들로 이루어져 있어서 심심했었는데, 대화를 나눌 조원이 있어서 덜 심심하게 보냈는거 같습니다. 여기에 서로 도움되는 취업관련한 정보들도 공..

🚀야놀자 X 패스트 캠퍼스 FE 과정 합격 본 과정은 네 단계를 통해서 과정에 지원 할 수 있었고, 사전신청, 자기소개서 제출, 기초소양 테스트, 비대면 면접응시를 차례대로 진행하였습니다. 사전신청은 인터넷에서 클릭 몇 번 하면 되는 간단한 과정이었습니다. 자기소개서은 총 세 질문이 있었습니다. 각각 지원동기와 문제해결 능력, 발전 가능성과 관련된 질문이었고, 자기소개서 중에 개발자에게 물어보기 가장 좋고 포멀한 질문들인 것 같습니다. 대부분 IT 회사나 다른 부트캠프 자기소개서에서도 질문이 많이 겹치므로 이런 질문들에 대해서는 시간이 여유로울 때 미리 작성해 보는 것도 좋은 것 같습니다. 추가적으로 깃허브나 기술 블로그, 포트폴리오, 포트폴리오 웹사이트 등을 받았습니다. 기초소양 테스트는 온라인으로 4..

😸 요약 Skeleton UI를 적용해서 성능면에서 LightHouse 성능점수 6점 향상, CLS 점수를 0점(Good)으로 바꾸었습니다. 또한 시각적으로 사용자에게 편안함을 줄 수 있었습니다. 🚀 개요 기존의 홈페이지를 보자. 메인 이미지를 불러오는데 시간이 걸린다. 그리고 이미지가 다 로드 됐을 경우, img태그의 Height와 Width가 지정되면서, 이전에 로드된 나머지 DOM 요소 Layout을 아래로 미는 것을 확인할 수 있다. 사용자가 봤을 경우 아래로 밀리는 것이 시각적으로 덜컥거림이 느껴져 불편하고, 성능적으로도 Layout의 변화가 일어남으로 불필요한 Reflow를 불러일으킬 수 있다. 이를 방지하고자 스켈레톤 UI를 적용할 수 있다. 유튜브와 같이 아래 video 영상들과 제목 등과..