Today I Learned | 7월 7일

3138 단어 TILTIL

🍩 오늘 뭐했지

1 [python] replit 1-22
2 session <프론트엔드 개발자가 하는 일>
3 [html/css] replit wrap-up


1. Python replit

파이썬 기본지식들을 전부 정리하긴 어려울 것 같아서 제일 헷갈리고 익숙치 않은 개념을 정리해보았다.

👉 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 검색창 코드리뷰

  1. 초기값 설정하기
  2. flex 값을 지정해서 비율 조정하기
  3. 클래스 지정하기

클래스명은 띄어쓰기를 기준으로 구분한다.
위와 같은 html문서의 클래스명의 경우엔 .fas로 모든 i태그를 지정할 수 있다.

더 알아볼 개념

  • flex
  • grid

🍩 하루 끝

좋은 웹페이지 즐겨찾기