Today I Learned | 7월 7일
🍩 오늘 뭐했지
1
[python] replit 1-22
2
session <프론트엔드 개발자가 하는 일>
3
[html/css] replit wrap-up
1. Python replit
1
[python] replit 1-22
2
session <프론트엔드 개발자가 하는 일>
3
[html/css] replit wrap-up
파이썬 기본지식들을 전부 정리하긴 어려울 것 같아서 제일 헷갈리고 익숙치 않은 개념을 정리해보았다.
👉 14. checkpoint : f-strings?
2. Session <프론트엔드 개발자가 하는 일>
프론트엔드 개발자에 대해 흔히 갖고 있는 오해, 프론트엔드 개발자가 하는 업무에 대해 알려주셨다. 겉으로 보이는 업무나 사용하는 언어를 보고 프론트, 백을 결정하기 보다는 자신의 성향에 맞춰 신중히 고르란 충고를 해주셨는데 사실 프론트도 백도 잘 모르겠어서 갈팡질팡한 상태다. 일단 백으로 간다.
3. html/css replit wrap-up
- block-level 요소에
width:100%
의 값을 부여하지 않아도 기본 값이므로 중복된 코드는 최대한 지양하기. - 한 문서내에서
naming-convention
은 통일한다. box-sizing:border-box
는 요소의 width, height로 설정한 값에border
,margin
,padding
값이 포함되게 한다.- 초기 설정값 설정하기 ( *는 전체선택자)
* {
box-sizing : border-box;
margin : 0;
padding : 0;
}
float
는 유지보수가 어려워 많이 사용하지 않는다. 대신flex
를 많이 사용한다.flex:value
로 형제 태그끼리의 비율을 조정할 수 있다. (!)
중앙 정렬 하는 법 추가 ~!
👉
top
,left
,transform
사용하기div { top : 50%; left : 50%; transform : translate(-50%, -50%); }
weegle 검색창 코드리뷰
- 초기값 설정하기
- flex 값을 지정해서 비율 조정하기
- 클래스 지정하기
클래스명은 띄어쓰기를 기준으로 구분한다.
위와 같은 html문서의 클래스명의 경우엔 .fas
로 모든 i태그를 지정할 수 있다.
더 알아볼 개념
flex
grid
🍩 하루 끝
Author And Source
이 문제에 관하여(Today I Learned | 7월 7일), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@e2joo418/Today-I-Learned-7월-7일
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Author And Source
이 문제에 관하여(Today I Learned | 7월 7일), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@e2joo418/Today-I-Learned-7월-7일저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)