[멋쟁이 사자처럼] 멋사 프론트엔드 스쿨 5기 3주차 4LS 회고(CSS선택자/트랜스폼/미디어쿼리/perspective)

 ❤️‍🔥 Liked

• 이번 주는 실습이 많았다. 따라서 타이핑만 하는 것보다 확실히 실습을 하고 나니 반응형 웹을 구현하는 css들에 대해서 관념으로만 알고 있던 것들의 작동 원리를 파악하게 되었다.
• 저번주에 이어 이번주에도 특강이 두 번 있었는데 강의의 질이 정말 좋다고 느꼈다.
• 네이버 현업 개발자 우상훈님의 강의는 실제 경험들을 바탕으로 문제 해결을 위해 어떻게 적정 기술을 구현하고 출시할 것인지에 대한 현실적인 인사이트를 얻을 수 있어서 좋았다.
• 빔캠프 이종찬님은 그냥 기술로만 넘어갔던 css 작동 원리에 대해 정말 쉽고 명확하게 설명을 해주신다. 덕분에 css flex나 margin 등 기초적이지만 은근히 헷갈리는 요소들의 개념을 정확하게 세울 수 있었다. 타고난 언변가! 왜 그렇게 모두가 좋아하는 강사님인지 알 수 있었다. 종찬님의 강의는 100점 만점을 드리고 싶은 마음.
• 이번 주는 스프린트 회고도 있었고, 실습과 과제를 하면서 회고조 분들과 도움을 주고 받았다. 다들 바쁘지만 성실하게 답변해 주고 응원해 줘서 큰 힘이 됐다. 주간 설문에 칭찬할만한 사람으로 항상 조원들의 이름을 쓸 수밖에 없는 이유. :)
• 캐릭터 만들기 과제를 했는데 간장이 우다다를 컨셉으로 animation 속성을 구현해봤는데 성취감도 느껴지고 재밌었다.
  @keyframe 은 어렵다고만 느꼈는데 직접 작성하면서 많이 공부한 느낌. 제출 기간 때문에 엉망으로 제출한 코드는 리팩터링할 것 .. 메모 🥲 

 

멋사 캐릭터 과제 실습

 

 

 

 

 💣 Lacked

• 갑자기 2배속 수준으로 진도가 빨라졌다. transform이나 transition animation 속성을 더 깊게 파고 싶었는데 아쉬웠다.
• 저번주만 해도 예습, 복습을 하고도 시간이 남았는데 실습과 과제가 많아져서 남는 시간이 없어졌다. 시간 활용을 잘 해야 겠다는 생각이 든다. 덩달아 조급한 기분도 들었는데 휘둘리지 않고 평정을 찾으려고 노력했다.
• 매일 잔디를 심었는데 과제 하다가 12시가 지나서 하루 빼먹었다... ㅠㅠ 앞으론 빼먹지 말자.
• JS 예습을 탄탄하게 해둬야 하는데 강의 따라가느라 충분히 못 했다는 생각이 든다. 마찬가지로 남는 시간을 잘 활용해야겠다.

 

 

 

 ✏️ Learned

• 버튼은 최소 44px 손가락으로 클릭할 충분한 영역을 줄 것. 
• 가상선택자 선택할 때 [~=”value”] 는 value만 [|=”value”] 는 - 도 선택,
  [^="value"] 는 시작 단어, [$=”value”] 는 끝 단어 선택! 잘 활용하면 클래스 남발 안 해도 되고 정말 편하다.
• transform에서 rotate 속성에 360deg 이상을 주면 여러 번 회전. 정말 간단한 꿀팁!
• table에서는 th에 scope=”col & row”표기를 해주면 스크린 리더가 제목에 맞는 본문을 연결해 주고,
  form에서는 요소와 label을 연결해 주면 스크린리더가 제목과 맞는 요소를 연결해서 접근성이 확대된다.
  일반적인 브라우저 접속 환경을 넘어서 화면을 시각적으로 인식하기 어려운 접속 환경에도 대응하는 것이 중요하다. 멋사 덕분에 한걸음 더 성숙한 직업윤리를 갖게 된 것 같다.
• .wrapper 는 위치 지정으로만 사용하고 다른 기능과 같이 하지 말 것!
• .클래스명 은 너무 종속적인 내용으로 짓지 말고 컨텐츠를 설명하는 내용으로 일반화할 것. 이름 짓는 게 이렇게 어려울 줄이야...
• 사용자 에이전트 스타일시트 브라우저가 기본 제공하는 스타일은 reset(초기화) 이후에 수정해야 편하다.
• 가상요소 넣을 때 꾸며주는 요소 vs 정보를 주는요소 를 문서로서 접근해서 분석할 것!
• 크기가 달라지거나 컨텐츠가 더해졌을 때 깨지지 않도록 대응하는 사고는 FE 개발자의 기본.
• 최신 기술과 함께 이전 기술로 크로스브라우징을 대응하는 기술을 점진적 향상기법이라고 한다!
  이와 관련된 <img> <picture> 사용 방법에 대해 궁금하다면 블로그 html/css 카테고리에 게시물이 있으니 참고!
• 컨텐츠 가운데 정렬하는 여러 가지 방법! 정말 신박하다... 해당 기술은 게시물로 업로드 예정.
• 요즘 트렌드를 잘 아는 것이 중요! 노코드 코딩 amazon code whisperer copilot Chat gpt

 

 

 

 👩🏻‍💻 Longed For

• 러닝 10km. 주말에 몰아 뛰지 말고 평일에도 달리기. (...제발!)
• 남는 시간을 어떻게 활용해야 할지 주말 동안 좀 더 체계적인 계획을 세워봐야겠다.
• '나중에 해야지.' 하는 사람과 '당장 코파일럿 써봐야지.' 하는 사람의 경쟁력은 다르다. 코파일럿 꼭 사용해 보자!
• 챗gpt 관련 익스텐션 설치해서 프롬포트 활용해 보기.
• 매일 조금이라도 진행하는 수업 진도에 맞춰서 예습 복습.
• JS 심화과정 살짝 간 보기. 냉정하게 기초도 없고... 정복 못 한다. 정복하려고 스트레스받지 말고 간만 보자. 😑