TIL05 JavaScript

shnae·2023년 10월 25일
1
post-thumbnail

자바스크립트

산술연산자

할당연산자

단항 산술 연산자

동등/일치 연산자

대소 관계 비교 연산자

삼항 조건 연산자

논리 연산자

  • a || b : A가 존재하지 않는다면 B다
    ex) const port = process.env.PORT || 3010;

parseint(var, radix)

  • + 키워드를 변수 앞에 붙이면 타입을 number로 변경한다

CSS

선택자

  • .header-container > div > ul : 스타일을 적용할 요소를 선택할 수 있다
  • .header-container > div > ul > li:nth-child(2): n번째 자식을 특정할 수 있다

flex

flex는 1차원적인 개념이다

justify-content

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

flex-direction

min-height

연습하기

https://flexboxfroggy.com/#ko

gap

list-style

  • list-style: none: 목록 표시할 때 불릿을 제거한다

align-items

진행 방향에 대한 교차축 정렬

cursor

max-width

  • 최대가로폭: 웹사이트를 만들 때, 특정 사이즈가 넘어가면 확대되지 않도록 설정할 수 있다

margin: auto

  • 중간 정렬
  • 주로 4px 단위로 작업한다 -> 대략 값이 얼마 정도 될지 감이 잡힌다

0개의 댓글