프론트엔드스쿨
-
TIL 06. 5주차 회고☺️Front-end Dev. 2021. 12. 4. 02:41
🦁 멋쟁이 사자처럼 프론트엔드 스쿨 1기 🦁 - 5주 차 회고 - :) 블로그에 너무 소홀했던 지난날을 반성하며 5주 차 회고를 해보려고 한다! 씻는 건 허락해주세요... ✨ 5주 차 회고 일기 4주 차에 HTML/CSS 수업 진도를 나간 후 SASS를 배웠고 5주 차 때 자바스크립트 수업을 시작했다. 수업이 나에겐 아직 너무 어렵지만 수업에서 놓친 부분을 반복적으로 알려주셔서 좋았다. 자바스크립트 뿌셔..! 앞으로 남은 2달동안 현실적으로 지킬 수 있는 계획을 세워서 꾸준히 개발 공부를 하는 것이 목표이다. 추가로 그날 배운 내용, 스터디 활동 내용을 블로그에 기록하는 것도 계획하고 있다. 📍액션플랜 1. 스터디에 집중하기 1) 게으른 스터디 (화, 목, 토) ☺️ - 시디즈 클론 코딩 : HTML /..
-
TIL 05. CSS 단위 (em, rem, px) 정리Front-end Dev./HTML_CSS 2021. 11. 15. 23:32
평소 헷갈리던 단위 개념인 rem, em, px 단위를 정리해보려 한다. CSS 공부를 하면서 어떤 상황이든 px을 사용하곤 했는데, 디자인 의도에 따라 단위의 사용 목적이 바뀐다는 것을 알게 되었다. 오늘은 상대적 단위인 rem, em에 대해서 더 알아보고자 한다. 1. rem (root em) : 루트 요소(html)의 폰트 크기를 기준으로 사용하는 단위. font-size를 조절하는데 유용하게 사용된다. 사용자가 브라우저 폰트 크기를 설정한 경우 rem도 영향을 받는다. 루트 요소의 폰트 크기를 62.5%로 지정한 후 rem을 사용하는 방법은 1 rem = 10px이 되어 계산하기 편하다. 계산을 편하게 하기 위해서 Html에서 font-size를 10px으로 설정한 후, 모든 요소에 1 rem =..
-
TIL. CSS 설계 기법Front-end Dev./HTML_CSS 2021. 11. 13. 01:51
기대하고 기대하던 CSS 설계 기법을 학습했다. 저 이제 class명 고민 그만할래요..✋ 마크업에서 기준없이 class명을 정하다보니 오래 걸리는 것과 기억하기 힘든 것이 문제였다. CSS 설계 기법으로 BEM을 알게 되어서 이제 좀 더 클린한 마크업이 되길 기대하고 있다. ✅ 우선 방법론에는 크게 3가지가 있다. 1. OOCSS 2.SMACSS 3.BEM 그 중에 3번째 방법론인 BEM에 대해 먼저 정리를 한 후 나머지 2가지 방법론을 다뤄보겠다. BEM (Block Element Modifier) - 러시아에 있는 얀덱스(Yandex)사가 만든 설계방법이다. - HTML, CSS의 클래스의 설계 규칙이다. - OOCSS와 같은 모듈기반의 방법을 뿌리로 한다. ✅ 기본규칙 ▶ 원활한 가중치 계산을 위..
-
TIL 03. CSS position카테고리 없음 2021. 11. 5. 01:13
| Position position이란? Position의 종류 static relative absolute fixed 1. Position이란? - html 태그나 id, class 등 하나의 키워드 값을 선택해 위치를 지정해주는 속성이다. 2. Position의 종류 👉 static (정적 위치) - 모든 태그들의 처음 상태(기본값)이다. - 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. 👉 relative (상대 위치) - 자신이 있어야하는 위치에 상대적이다. - 태그의 위치를 변경하고 싶을 때 사용한다. - absolute의 기준점이 된다. - relative가 없다면 전체 body가 기준이다. 👉 absolute (절대 위치) - 마이웨이같은 속성이라고 생각하면 된다. - 기준점이 html 위치에 있..
-
TIL. 멋사_1차 포트폴리오 워크샵#1카테고리 없음 2021. 11. 2. 22:55
🦁멋쟁이 사자처럼 프론트엔드 스쿨 1기🦁 👉 포트폴리오 워크샵 Am 9:00 - Pm 4:00 _ 프론트엔드 스쿨 수업 이틀째✌️ 멋쟁이사자 팀에서 포트폴리오 워크샵을 진행해 주셨다. 파워 비전공자인 나는 현재 개발 공부 의지에 비해 학업 목표&취업 방향에 대해 막연한 상황이는데, 적절한 때에 워크숍을 진행해주시다니..! 매번 프론트엔드 스쿨 커리큘럼에 감탄하고 있다.✨ 크으.. (매일 가족들한테 멋사 프론트엔드 스쿨 너무 좋다고 찬양 중이라는 TMI..) TIL(Today I Learned)을 습관을 들여서 개발을 꾸준한 사랑하는 마음이 드러났으면 좋겠다.🥰 없던 습관을 만드는 것이기 때문에 처음에는 시간도 오래 걸리고 신경도 많이 쓰이겠지만, 시간을 투자하는 만큼 돌아온다는 것을 알기에..✨ 오늘 인..