본문 바로가기

프론트엔드공부3

집중하게 되면 잊게되는 본질[20220727 til] 빨리 만들수 있을 것 같은데 뭔가 느린 이 상황 오늘은 일의 우선순위에 대해 다시 회고해보려고 한다. 이번 주 과제는 HTML 과 CSS 를 이용한 프론트엔드 과제인데 저마다 만드는 방식은 정말 천차만별인데다 속도도 저마다 달랐다. 조금 익숙해졌을쯤에는 빨리 할 수있다는 자신감이 생겼는데 수요일인 (아니 벌써!?) 지금 다시 보니 느린 것 같아서 회고를 하기로 했다. 익숙해졌다면서 왜 느린가? 익숙해졌다고하면서 자꾸 더더더 라는 디테일에 초점 맞추면서 틀은 금방 짜고 디테일 작업에 남들이 알아주지도 않는 2시간씩 넣고 있다. 다른 동료분께 빨리 같이 해내자고 피드백 드렸는데 나는 이게 무슨 꼴인가.. 그래서 오늘은 다시금 본질에 집중하기 위해서 우선순위를 한 번 논리적으로 펼쳐보기로 했다. 객관적으로 비.. 2022. 7. 27.
쉽고 재밌게 배우는 CSS Flex-box / Grid 게임![해보시면 도움됩니다!] css 선택자 게임 이외에도 그리드 레이아웃을 배울 수 있는 게임을 소개해드립니다! 저는 이렇게 한 번 풀어보았습니다!! 1. 개구리게임 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2. Guess CSS 이건 선택자와 범위에 대해 알기 좋은데 연속맞추기가 특히 어렵네요 특히 position... https://www.guess-css.app/ Guess CSS! HTML & CSS puzzler game www.guess-css.app 3.어드밴처 그리드레이아웃게임 https://codingfantasy.com/games/flexboxadventure/play Play Flex .. 2022. 7. 25.
쉽게 배우는 HTML CSS 선택자![CSS Diner] html 과 css 태그만해도 200개가 넘는데 그 중에서도 가장 중요한 선택자! (Selector)를 조금 쉽게 다가갈수 있는 게임을 소개해드리려고합니다. 해당되는 선택자를 선택후 엔터를 치면 통과가 되는데 어려우신분들은 오른쪽 옆 도움말을 보시면서 따라해보세요! 나름 재미도 있습니다 ㅎㅎ https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 2022. 7. 25.