02-12 학습! 🟥🟧🟨🟩🟦🟪🟫⬜⬛🫢🔔😎😊🤔⭐
CSS (레이아웃)
display🟧
속성 - block + inline
Block 계열 -> block, inline, inline-box 🔔차이점 생각
Box 계열 -> flex, grid
기타 등등~
🤔 list들은 세로로 배치 되어있는데
화면에 보여지는 것은 가로로 배치해줘야 해 어떻게 해야할까?
😊 display!
공간 분할 tag인 div는 block요소인데 실제 화면은 가로 방향 배치가 필요한 경우가 많음!
가로본능 float , clear
clear 없이는 1px 정도 오류가 생김 그래서 어려움;;
⭐ flex
부모 컨테이너 + 자식 아이템을 배치하는 방법
🫢 flex item의 배치에 따라 세로와 가로를 구분해서 써야한다!
container 자식들한테 모두 적용되는 속성
display, direction, wrap, content, align-items, align-content, gap
item 자기한테 적용되는 속성
grow, shrink, basis, align-self, order
none - display
position🟨
static
relative 처음엔 static 인데 top left 등 방향으로 움직임
absolute 절대위치!
fixed 뷰 포트 기준으로 특정 위치에 고정
⭐ modal
반응형 웹🟩
미디어 쿼리
@media
모바일 퍼스트
모바일 - 테블릿 - 데스크탑 min값을 활용해서 설정
학습
🔔 피보
🔔 2n 계단 피보 디바이드퀀쿼
🔔 디바이드퀀쿼 무슨 문제임? -> 2n 문제
🔔 만약 점화식의 식이 두개라면 등차 등비 계차로 식을 구한다
🔔 만약 하노이는 2의m승 -1 로 나옴 m 이 64개라면 빅인트 31개까지는 long
🔔 An+1-k = 2(An-k) => Bn+1 = 2Bn
🔔 피보는 발전한 것이 분할정복
🔔 하노이의 탑은 발전해서 등차, 등비, 계차로 발전 가능
⭐ 내가 푼 문제들이 어떤 로직이랑 어떻게 발전해나갔는지 정리
숙제
B형 특강 문제들 한번 시도해보기
