728x90 반응형 HTML5 ⭐head에 CDN가져오는 순서 아래 있을 수록 우선순위가 쌔니까 내꺼를 제일 아래에 쓴다. 제이쿼리는 무겁다. 따라서 최대한 아래쪽에 써준다. 이때 바닐라코드는 제이쿼리 CDN 위에, 제이쿼리코드는 CDN 아래에 둔다. 광고추적기는 사이트가 들어오자마자 이탈하는 사람들의 정보를 빠르게 수집하기 위해서 맨위 ! 폰트는 무겁기때문에 인터넷느리면 페이지로드후 잠시후 적용되는 경우가있음 (특히 외국) 이때 UI가 깨져보이는 느낌이 있음. 이걸 방지하기 위해서이다. CSS는 초기화 → 부트스트랩 입히기 → 내 스타일 입히기 중요도 순으로 아래 배치 ※ 참고 : 제이쿼리의 $ 기호는 다른 언어와 충돌을 유발할 수 있다. 이때 제이쿼리 충돌방지 기술을 쓰면 제이쿼리의 $가 더 우선순위가 된다. BUT 그러면 심각한 오류가 발생할 수 있음 쇼핑몰 .. 2023. 12. 26. [패스트캠퍼스] 프론트엔드 강의 2주차 - Ch 6. HTML 핵심 정리 [내일배움카드], [국비지원교육] Ch 6. HTML 핵심 정리 01. 핵심 요소 정리 Division 의 약어 상자요소. 특별한 의미가 없고 구분을 위한 요소임. 굉장히 굉장히 많이 쓴다. Heading 의 약어 제목을 의미하는 요소. h1~h6… 숫자가 작을 수록 더 중요한 제목을 정의한다. Paragraph 의 약어 상자요소. 문장을 의미하는 요소. image 의 약어 글자요소 이미지 삽입요소 unordered list 의 약어 상자요소 순서가 필요없는 목록의 집합을 의미. 무조건 태그가 1개이상 자식태그로 있어야한다. anchor(닻) 의 약어 글자요소 target=”_blank”속성을 추가하면 새창에서 열린다. 글자요소 특별한 의미가 없이 구분을 위한 요소 break 의 약어 줄바꿈 요소 인라인.. 2023. 6. 12. Ch 4. 웹에서 시작하기 ~ Ch 5. HTML 개요 Ch 4. 웹에서 시작하기 01. Codepen.io 소개 간단하게 HTML, CSS, JS 코드를 입력해서 바로바로 확인 할 수 있는 사이틍입니다. https://codepen.io/trending CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io HTML창은 body 태그 안에 있는 부분만 입력하면됨. 02. 브라우저 스타일 초기화 기본적으로 chrome 브라우저로 실행하면 여백을 주지 않았음에도 기본적으로 브라우저에서 제.. 2023. 6. 12. front-end 강의정리2 Ch 4. 웹에서 시작하기 01. Codepen.io 소개 HTML창은 body 태그 안에 있는 부분만 입력하면됨 02. 브라우저 스타일 초기화 기본적으로 chrome 브라우저로 실행하면 여백을 주지 않았음에도 기본적으로 브라우저에서 제공하는 스타일때문에 margin이 8px 적용된것이 보인다. 이것은 브라우저마다 다르다. 그래서 개발자들은 브라우저 스타일을 초기화하고 작업하는 경우가 많다. *브라우저 스타일 초기화하는 방법 https://www.jsdelivr.com/package/npm/reset-css?tab=files 에서 reset.css url 복사후 index.html 에 link 경로 붙여넣기. *codepen에서 초기화하는 방법 css - 톱니바퀴 - Reset 03. Emmet Emme.. 2023. 6. 12. Ch2. VS Code ~ CH3. 무작정 시작하기 Ch2. VS Code 01. 설치 및 진행 그냥 사이트들어가서 다운 받고, 압축 풀고 설치하면 끝 단축키 목록 Ctrl + ‘+’ / ’-’ : 화면 확대 / 축소 Ctrl + Shift + P : 모든 명령어 보기 / 검색 02. 파일 생성과 삭제 html 문서에서 ‘!’ 키를 치고 Enter 혹은 Tab키를 누르면 자동으로 html 문서의 기본 틀이 만들어 진다. 03. 한글화 확장탭에서 korean 검색 후 한글화 패키지 다운받기. 04. 정리된 코드 만들기(Beautify) 1)확장탭에서 Beautify 검색 후 다운받기. 2)기능기여도에서 ID : HookyQR.beautify 복사하기 3)파일 - 기본설정 - 바로가기키에서 HookyQR.beautify 검색 후 키 바인딩(단축키) 지정하기 .. 2023. 6. 12. 이전 1 다음 728x90 반응형
