[HTML+CSS+JS] 시리즈

Document 페이지의 제일 메인 로고 이런게 들어감 h2 h3 이렇게 갈수록 중요도가 낮아짐 --> <!-- dl dt dd dt는 리스트의 분류라고 보면돼 dd는 dt의 주제를 토대로 li처럼 작성 ir기법으로 dt를 화면에

블록 요소(block)는 사용가능한 최대 너비를 가진다같은 행에 아무도 들어오지 못한다 !div, p, form, ul, li, dl, dt, dd 등인라인 블록 요소(inline-block)는 자신의 컨텐츠 크기만큼만 너비를 가진다같은 행에 다른 요소가 들어올 수 있

선택자의 종류전체 선택자, 태그 선택자, 클래스 선택자, 아이디 선택자, 그룹 선택자 선택자 겹치는 경우 우선순위 아이디 > 클래스 > 태그 인라인 요소 -> width height 조절 불가능 display를 통해 inline-block 요소로 변경하여 조

인터넷상의 전단지들을 따라 만들며 HTML 문서 작성을 연습했고그 과정에서 배운 점들을 작성하자면 글씨가 제일 크다고 무조건 h1을 넣기보단, 중요도와 기능의 이해관계에 따라 태그를 지정하는 것이 더 좋은 HTML문서를 작성하는데에 유리하다 !여러 기능들이 나열되어 있

비교 연산자 중 일차 연산자(===)는 동등 연산자(==)와 다르게 타입까지 비교함호이스팅(Hoisting) : 자바스크립트 내부 알고리즘으로 인터프리터가 변수와 함수의 메모리 공간을 선언전에 미리 할당하는 것 함수 선언문 : 호이스팅으로 인해 함수를 어디서든지 호출할

head 안에 이런식으로 스크립트를 삽입한다여기서 defer의 자리에 async도 들어갈 수 있지만이 두 가지 속성에는 미묘한 차이가 있다async 문서 내 순서와 상관없이 먼저 다운로드된 스크립트가 먼저 실행된다순서가 필요한 스크립트에서 문제 발생 가능defer :

연산시 주의할 점문자열 + 숫자열 = 문자열\`\`안에 들어갈 시 띄어쓰기 칸 띄우기 기호 등 편하게 사용 가능2\*\*3 -> 2의 3제곱b=++a; a 연산 후 대입b=a++; 대입 후 a 연산||(or) 하나라도 true시 연산 종료&&(and) 하나라도 fals

객체(Object) : "key : value" 의 집합체JS에서는 Class 없이도 객체를 생성할 수 있다다른 언어들과는 다르게 뒤늦게 속성을 추가하거나 삭제할수도 있지만, 하지 않는 것이 좋다 !Computed propertieskey는 늘 string 형으로 사용

학습 참고자료 : 드림코딩 자바스크립트 기초 강의 (ES5+)클래스(Class) : 붕어빵을 찍어낼 수 있는 틀과 같은 일종의 템플릿객체(Object) : 클래스의 인스턴스(Instance)클래스의 선언생성자 선언 방법 constructor(매개변수){ this.필드명

배열(Array)동일한 타입을 배열에 넣는것이 중요하다 !JS에서는 타입이 다른 요소들을 배열에 넣을 수 있지만, 동일한 타입만 배열에 넣는것이 좋다 !1\. Declaration 배열의 선언방법2\. Index position요소의 위치3\. Looping over

얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인

length : 문자열의 길이를 반환합니다. 예를 들어, "Hello".length는 5를 반환합니다.charAt(index) : 주어진 인덱스에 해당하는 문자를 반환합니다. 예를 들어, "Hello".charAt(1)은 "e"를 반환합니다.concat(str1, st

항상 for문을 통해 코드를 짜고나서 다른 사람들이 짠 코드들을 보면 map이나 reduce를 통해 간결하게 코드를 작성된것을 보고 더 알아보고 정리해보고 싶어 작성하게 되었다 !map() 메소드는 JavaScript 배열의 각 요소에 대해 주어진 함수를 호출하여 새로

HTML과 CSS를 더 빠르고 효율적으로 작성할 수 있도록 도와주는 약어 기반의 확장 기능으로 다양한 코드 에디터와 IDE에서 지원된다. 간단한 구문을 사용하여 복잡한 HTML 및 CSS 코드를 생성하는 데 도움을 준다.! // tab => html 기본 틀클래스div

Flexbox는 일반적으로 Flex container와 Flex item으로 구성된다HTMLCSSFlex container에 적용가능한 대표적인 속성justify-contentalign-itemsflex-directionflex-wrapFlex item에 적용가능한 대

파비콘(Favicon)이란 ? 파비콘(Favicon)은 웹사이트를 대표하는 작은 아이콘이다. 웹 브라우저 상의 여러 위치에 표시되어 사용자에게 웹페이지를 식별하는 데 도움을 준다. 위의 사진처럼 주로 브라우저의 탭창 또는 즐겨찾기 메뉴에서 볼 수 있고 실제 크기

웹사이트를 만들때 가장 중요한건 검색엔진 노출량이다. 이쁜 웹사이트를 제작해도 네이버로 검색해도 안나오면 의미가 있을까 ? 이번 포스팅에서는 SEO(Search Engine Optimization)을 소개하겠다.SEO는 검색엔진이 특정 키워드와 관련된 페이지를 더 잘