부트스트랩이 뭐지? 프레임워크 현실에서 뭔가를 만들기 전에 세우는 틀, 소프트웨어 개발에서의 뼈대 역할을 하는 것 부트스트랩 반응형 최신 웹사이트를 빠르게 만들 수 있도록 도와주는 CSS 프레임워크 앱에 넣어 사용할 수 있는 다양한 컴포넌트들을 모아둔 컴포넌트 모음과 웹 사이트 레이아웃을 보조하는 그리드 시스템으로 구성되어 있다. Bootstrap Docs 부트스트랩의 구성 요소들은 세기 힘들 정도로 많기 때문에 작업을 하거나 궁금할 때마다 Bootstrap docs를 보는 것을 추천한다. https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, featu..

비교 연산자 https://ko.javascript.info/comparison 비교 연산자 ko.javascript.info 일반적으로 JS에서는 이중 등호 연산자(==)와 부등 연산자(!=) 보다 삼중 등호 연산자(===) 및 불일치 연산자(!==)를 권장한다. 작업하고 있는 값의 자료형에 좀 더 신경 쓸 수 있기 때문이다. 텍스트 비교에 대한 추가 정보 숫자가 아닌 일반 문자열도 >, 'aa' // true 'a' > '..

Flexbox가 대체 뭐야? 페이지의 콘텐츠 상자 안에 아이템을 배치하는 데 쓰이는 일련의 속성이자 도구 일반적으로 컨테이너를 만들고 그 안에서 공간을 배분할 때 사용한다. 이 때, 창의 크기가 달라짐에 따라 유동성 있게 공간 배분의 법칙을 적용하는 것이 Flexbox이다. Flexbox를 이용하면 하나의 컨테이너 안에서 다양한 요소를 보기 좋게 배열하면서 레이아웃을 유연하게 조정할 수 있다. 컨테이너 안의 상자와 요소가 유연하게 변화하는 것이다. css 내에서 특정 컨테이너에 flexbox 속성을 부여하려면 다음과 같이 display 속성에 flex 값을 주면 된다. The Flex Model flexbox에는 다음과 같이 두 개의 축이 존재한다. 주축(main axis)의 기본 방향은 왼쪽에서 오른쪽..

화살표 함수 function을 선언하고 작성하는 방법 대신 함수를 간단히 작성하는 방법이다. - 익명 함수라고도 불림 const summarizeUser = (userName, userAge, userHobby) => { return userName, userAge, userHobby; }; console.log(summarizeUser(name, age, hobbies)); 또한 아래처럼 중괄호와 return 구문을 생략할 수도 있다. const add = (a, b) => a + b; // 들어오는 인수가 하나라면 괄호를 생략해도 무방하다. const addOne = a => a + 1; // 들어오는 인수가 없다면 괄호를 반드시 명시해주어야 한다. const addSomething = () => 1..

불투명도와 알파 채널 알파 채널 RGBA: RGB 채널에 A(알파 채널, 색상이 비치는 정도; 투명도) 채널을 추가한 것이다. 범위는 0(완전 투명) ~ 1(완전 불투명)이며, rgba(0, 209, 112, 0.5) 형식으로 CSS 문서에 쓰인다. 불투명도 opacity라는 불투명도 속성을 따로 지정할 수 있다. 알파 채널과 마찬가지로 0~1의 범위를 가지며, 요소가 중첩 되어있어도 지정한 범위에 모두 적용된다. 위치 속성 MDN CSS position https://developer.mozilla.org/ko/docs/Web/CSS/position position - CSS: Cascading Style Sheets | MDN CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다..