본문 바로가기
Study/Frontend_study

패스트캠퍼스 환급챌린지 12일차 미션 (2월 12일) : 프론트엔드개발 강의 후기

by ramiiiiii 2024. 2. 12.

오늘의 목표

ch.08 중간까지는 들어보자!

 

 

오늘은 감기 걸린 상태로 다시 책상에 앉았다 너무너무 몸에 열이 나고 몸이 무겁지만..! 오늘 들을 내용을 정리하고 글로 옮기는 건 게을리하지 말아야지!!!

 

후하 연휴가 길어서 감사하다 퇴근하고 들었으면 진짜 집중 너무 안되었을 거 같다.

오늘도 여유있게 낮에 강의를 들을 수 있다는 게 너무너무 좋다:)

벌써 12일차라니..!! 가보쟈아아

 

오늘은 12일차 기념(3주차 시작) 썸네일도 만들어봤닿ㅎㅎㅎ 맨날 화면은 다르지만 같은 노트북 사진이 좀 지루해보이기도 해섷ㅎㅎ

 

오늘도 아이패드에 내용을 정리하면서 들었다.

📍이건 기억하자📍

vw - 뷰포트 가로 너비

vh - 뷰포트 세로 너비

em - 요소의 글꼴 크기

 

Margin(외부여백)

마진이 외부여백이라는 거

그리고 마이너스 도 값으로 사용할 수 있다는 게 신기하다.

 

Padding(내부여백)

패딩값이 내부여백이라는 거

 

마진과 패딩의 공통된 내용은 위쪽부터 시계방향으로 입력하면 된다는 거다. ⭐️순서를 기억하쟈!!⭐️

margin{위 오른쪽 아래 왼쪽} 또는 margin{위,아래  양옆} 4개로 또는 2개로 입력이 가능하다.

 

Border(테두리선)

테두리선은 border{두께 형태 색상} 순이다. ⭐️순서를 기억하쟈!!⭐️

두께는 보통은 px,em, % 가 가장 많이 사용된다.

형태는 보통 우리가 흔하게 알고 있는 일자 선이 solid 이다. 점선은 다르게 표현하기도 하지만 보통 solid 를 거의 사용함.

컬러는rgb 값 또는 알파(투명도)값을 포함한 rgba 로도 입력하고 보통은 #을 붙인 #000000형태로 입력하기도 한다.

 

Border-radius(모서리 둥글게)

모서리를 둥글게 표현한다.

radius 값으로

 

오늘도 뭔가 기본적인 내용들을 배운 거 같다. 하나하나 디테일하게 강의가 나뉘어져있어서 좋은 것도 있고, 빨리 진도를 나가고 싶은데 또 내용이 하나하나 궁금해서 다 듣게 된다. 그래서 좀 느리게 배우는 느낌이 들지만..! 매일 조금씩 듣다보면 프론트엔드 기본 특히 css 에 대한 어느정도의 기본적인 내용들이 자연스레 스며들어 있겠지?

그래도 지금 감사해야한다. 왜냐면 내 추측인데 java 로 들어가면 더더 어려울 거다... 매일 2강 이상 들을 수 있는 지금을 누리자

 

후하 오늘도 프론트엔드 공부 완료 오공완~! 오늘은ch.08-13(문자) 까지 완료!!!

 

 

 

 

 

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr