[멋쟁이 사자처럼] 멋사 프론트엔드 스쿨 5기 4주차 4LS 회고(SEO/form/Bootstrap)

 

 

 ❤️‍🔥 Liked

• 원래 seo에 관심이 많았는데 불확실한 정보나 광고가 많다 보니 양질의 정보를 얻기 힘들었는데 마케터 수준의 딥한 정보는 아니어도 정리된 가이드를 받을 수 있어서 좋았다. seo 관련 tag를 스니펫으로 만들어 놓는 아이디어... 누가 이런 정보를 선뜻 가르쳐줄까? 멋사에서는 개발 기술은 물론이고 유용한 꿀팁들을 많이 알려준다. 현업에서 정말 큰 도움이 될 것 같아서 감사하다.
• 이번 주는 주로 실습이 많았고 강사님이 코드리뷰를 해주는 기회가 있었는데 완성은 못 했지만 운 좋게 리뷰를 받게 되었다. 나름 꼼꼼히 작성했는데도 실수투성이 내 코드...❤️‍🩹 부족한 점을 확실히 보완할 수 있는 기회가 생겨서 기뻤다. 마크업은 비교적 저평가받는 기술인데 시멘틱 마크업 기술을 모르고 하는 소리라는 생각이 든다.
• 위니브 대표님이 지친 수강생들에게 영상을 하나 보여주셨는데 그냥 누구에게나 보여줄 수 있는 영상일 수 있지만 큰 동기부여가 되었다. 행동과 성과를 헷갈리지 말라는 말. 오래 무언가를 한다고 해서 그게 꼭 성과로 이어지지는 않는다는 말은 지금 내게 꼭 필요한 조언이기도 했다. 다른 사람이 아닌 내게 맞는 학습방식. 내 속도에 맞는 목표와 목표달성률을 객관적으로 볼 수 있는 나만의 성장 지표를 만들자. 꾸준히 지금처럼!
• 실습을 여러 번 하고 보니 flex가 손에 익었다. flex-basis, flex-grow, flex-shrink 레고 조립처럼 착착착 재밌다.

 

 

 

 

 💣 Lacked

• 벌써 한 달이 지났다. html/css 과정이 끝이 났고 다음 주부터 js과정을 시작하는데 멋사 커리큘럼에 한 달 내내 몰두하다 보니 멋사에서 잘 해내는 게 목적이 되어버린 거 같다. 욕심은 내려놓고 안 그래도 짧은 멋사 교육과정이 주는 지식과 기술을 내 것으로 만드는 데 집중해야겠다는 생각이 들었다. 못 하는 게 당연한 거야! 여기서 성적을 잘 받으려고 지원한 게 아니라 여기서 잘 배워서 FE 개발자로 취업하기 위해서 지원했다는 사실을 잊지 말자.

 

 

 

 

 ✏️ Learned

• seo를 관리할 때 개발자모드에서 Lighthouse플러그인을 활용하면 웹사이트 개선할 때 유용하다.
• vsc 익스텐션 liveServer 를 ip로 공유하면 모바일로도 볼 수 있다.
• button을 사용할 때는 form 데이터 전송 기능과 충돌할 수 있다. button type 에 대한 설명을 꼭 명시할 것.
• form 요소는 div가 아닌 fieldset 으로 grouping
• a태그의 빈 링크를 그대로 두지 말고 "javascript:void(0)" or "#none" 경로 표기해서 클릭 방지. 완성도를 높이는 사소한 기술.
• 행동과 성과를 헷갈리지 말아라. 수행할 수 있는 구체적인 목표를 만들 것.
• 취업했는데 코드 컨벤션이 없다면? 내 마음대로 하면 성장할 수 없다. 대기업 컨벤션 규칙 사용할 것.
• 코드컨벤션 기업마다 다르지만, 이 정도는 공통적으로 적용.
  마크업에서 섹션별 주석달기 css 그룹별로 구분 시 빈줄 많이 쓰지 말 것 css에서 색상코드 줄여서 사용
• bootstrap 템플릿을 활용해서 컨텐츠만 수정하는 형식으로 프로덕트를 대량 생산할 수 있다.
• 이력에서 스펙으로 인정 받는 기술. bootstrap tailwind D3 Canvas 

 

 

 

 

 👩🏻‍💻 Longed For

• 러닝 10km.
• 코딩앙마 JS 기초 완강.
• Tailwind 활용해 보기.
• 프로그래머스 0단계 하루 1문제씩 풀기.