뇨내

페이지 제작을 하다가 분명 컨테이너 넓이를 지정했음에도 계속 X축 스크롤이 생겼다. 코드를 하나하나 다 뜯었는데도 사라지지 않는 스크롤... 살짝 애를 먹다가 생각보다 쉽게 해결했다. body { overflow-x: hidden; overflow-y: auto } 이 한 줄로 끝난 내 1시간 이런 방법도 있다고한다. (근데 저는 안됐음ㅎㅎ..) body { box-sizing:border-box; }

설치 방법은 3가지가 있다. 첫번째 방법 - 직접설치 1 jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 사이트에 접속하면 메인이 뜬다 표시해놓은 다운로드 버튼을 클릭 그러면 페이지 이동이되는데 하단으로 스크롤을 쭉 내리면 Past Releases 가 보이고 그걸 클릭..

~~ 틸트/물결 연산자 - Math.floor() 와 동등하게 쓰이는 연산자이다. - 내림을 의미 = 소수점을 버린다 = 바닥(floor)까지 숫자를 내림 예시 1 2 3 let num = 1234.1234 console.log(~~(num)); // 1234 cs

Bootstrap 부트스트랩 디자인 프레임워크(CSS 디자인 프레임워크) 사이트 1. PC용 2. 태블릿용 3. 핸드폰용 Bootstrap 3, 4, 5 - 반응형 웹 지원 > 1장 페이지 > 해상도에 따라 다른 CSS 적용하는 기술 : 쉽게 말하면 화면 크기 따라서 스크롤이 바로 생기는 것이 아니라 같이 크기가 반응해서 달라짐, 우리니라는 아직 반응형보단 페이지를 각각 제작하는 것을 선호하는 추세 (외국사이트와 한국 사이트 비교) - 한페이지에 정보량이 많이 들어가면 반응형 웹을 만들기가 힘들다. -> 페이지를 각각 만드는 것이 효율적 일수 있다. - 그러나 디자인이 우선시되는 사이트들은 반응형 웹이 장점이 됨 > 공식 홈페이지 한글 버전class이용해서 아이콘 삽입

toggle(토글) : on/off 스위치 See the Pen Untitled by helloppiok (@helloppiok) on CodePen.

문득 코드를 짜다가 form태그와 label태그를 기계적으로 치는걸 깨달았다...! ⊙.☉ 이 두개의 정확한 차이도 모른채 치고 있다는 걸 알아서 이 두개의 차이점을 알아보려한다. - 속성 : 보이지않음 - 입력 양식의 시작과 끝 표시 - 요소는 다음과 같은 요소들을 하나 이상 포함할 수 있다. ▶ / / / / / / / label - input 태그를 설명할 때 사용한다. - label 태그의 for 속성에 input태그와 id의 속성을 입력해서 label 태그가 어떤 input 태그를 나타내는지 알려준다. - for 속성을 연결하면 label태그를 클릭했을때 input태그에 자동으로 포커스가 간다. - 체크박스와 라디오 버튼 등은 레이블을 클릭했을때 해당항목 체크

전후 선택자 1. :before 2. :after 전후 선택자에서 사용하는 css 구성 요소 - content 속성의 값 1. none 2. 문자열 3. attr(속성) 4. open-quote 5. close-quote *CSS는 축약해서 표현하는 기능이 있다. * 앞에 접두어 하나만 갖고 동시적용하도록 지원하도록 하는 기능도 있다. 그러나 풀네임으로 적는 것을 권장(가독성)

Hoisting 호이스팅 - 변수 호이스팅 - 함수 호이스팅 - 코드를 실행하기 전에 변수선언문과 함수선언문을 해당 스코프의 최상단으로 끌어올린다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function m1() { var a = 10; console.log('a:', a); console.log('b:', b); var b = 20; let c = 30; console.log('c:', c); //Cannot access 'd' before initialization at m1 = d라는 변수는 이미 선언됨 console.log('d:',d); //d라는 변수가 초기화가 되지 않았습니다. let d = 40; } m1(); Colored by Color Scri..

버튼에 색상등 조작을 하게 되면 클릭시 딸깍 하고 눌리는 효과가 사라집니다. active하나만 추가해 주면 해결이 됩니다. See the Pen Untitled by helloppiok (@helloppiok) on CodePen.

Variable 변수 1. var - BOM ~ DOM ~ ES6 - function-scoped (함수만을 scope로 인식하는 변수) - 중복 선언 가능 > 주의!!! - 상수 선언 불가능 2. let - ES6 - block-scoped - 중복 선언 불가능 - 변수 선언 3. const - ES6 - block-scoped - 중복 선언 불가능 - 상수 선언 ** let보다 const를 사용하는 것을 권장 -> 프로그램 안정성을 우선하는 멘트 1. let - 통제 가능 변수 2. const - 참조형 값 - 예측 불가능 변수