Study/Frontend_study

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

ramiiiiii 2024. 2. 12. 15:15

오늘의 목표

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