본문 바로가기

728x90
반응형
SMALL

Spread

(2)
종합 정리_조건부 연산자_spread_구조분해_에러_try catch 조건부 연산자 (Conditional operator) 삼항 연산자 (Ternary operator)라고도 불리는 이 연산자는 자바스크립트에서 세 개의 피연산자를 가지는 유일한 연산자 입니다. if문과 같은 원리로 조건에 따라 값을 결정할 때 활용되는데요. const cutOff = 80; const passChecker = (score) => score > cutOff ? '합격입니다!' : '불합격입니다!'; console.log(passChecker(75)); 간단한 조건식의 경우에는 if문 보다 훨씬 더 간결하게 표현할 수 있는 장점이 있지만 내부에 변수나 함수를 선언한다거나 반복문 같은 표현식이 아닌 문장은 작성할 수 없다는 한계가 있기 때문에 if문을 완벽하게 대체할 수는 없다는 점. 꼭 기억..
border 꾸미기_radius, background, shadow Border 모서리 설정 border-radius라는 속성을 사용하면 요소의 모서리를 둥글게 만들 수 있습니다. 더 큰 값을 쓰면 더 둥글게 되는 거죠! %로 써줄 수도 있습니당 예를 들어 50%로 적어주면 동그랗게 border가 설정됩니다! .div1 { border: 1px solid green; border-radius: 5px; margin-bottom: 20px; } .div2 { border: 1px solid green; border-radius: 30px; } 개별 설정 그냥 border-radius 속성을 사용하면 모서리 네 개 모두 똑같이 둥글게 되는데요. 각 모서리를 개별 설정할 수도 있습니다. h1 { border: 1px solid green; border-top-left-radi..

728x90
반응형
LIST