반응형 개발/HTML4 시맨틱 태그(Sementic Tag)...2 시맨틱 태그 사전의미는 의미의, 의미론적인 이라는 뜻을 가진 형용사다 따라서 의미가 있는 태그를 말한다 그래서 써야하는 이유 1) 검색엔진 최적화 : 태그를 기반으로 페이지 내 검색 키워드의 우선 순위를 판단한다 2) 구분하여 탐색하기 쉽게 나눠진다 홈페이지의 대표적인 사용 기본 구성은 header / nav / section / article / aside / footer 로 나눠진다 Header 일반적으로 생각하는게 로고 옆에 있고 사람들이 가장 먼저 보는곳이라고 생각하면된다 페이지의 제목과 로고 등 소개하는 내용들이 포함된다. nav 목차나 메뉴 설정을 하는 부분이다. 유사 예시 section 구체적인 시맨틱 태그가 없는 문서의 독립적인 영역을 나타낸다 body안에 여러개를 넣어 구간을 나눠 작업 .. 2023. 9. 9. [코딩] HTML ...1(Hello World) 진짜 아예 모르는 사람들을 흥미를 위한다 포커페이스를 잡고 무엇을 해야할지 뭐가 기초일지 생각을 해봤습니다. 그러니 이전글에서는 VScode 설치 방법에 대해서 알려드렸으니 이제 이걸 어떻게 하는지에 대해 한번 작성 해볼려고합니다. 모르겠다! 아래 블로그 참고해주세요 [기초] 개발 코드 작성을 위한 VSCode(Visual Studio Code) 설치하기 https://pass041.tistory.com/28 개발 공부를 하기 위해서는 어떤 IDE(에디터)를 사용할지 고민될 거예요 유/무료, 속도, 한글 지원 여부... 1) Vscode(Visual Studio Code) 실행하기 처음에 딱 좋게 시작 이란게 보인다 닫아주자. 그리고는 폴더를 코딩을 시작할 폴더를 지정해야하기에 자기가 편한대로 한번해보자.. 2023. 9. 9. [기초] 개발 코드 작성을 위한 VSCode(Visual Studio Code) 설치하기 개발 공부를 하기 위해서는 어떤 IDE(에디터)를 사용할지 고민될 거예요 유/무료, 속도, 한글 지원 여부, 다양한 앱 여부, 바탕화면 색상 변경 가능 여부가 많이 있을 거고 또한, 회사에서 작업을 하기 위해서는 Eclipse, UltraEditor , Atom , Notepad++ 를 쓰는 걸 지양하는 곳도 있습니다. 사용자에게 편리한 앱이 그렇게 많이 있지 않아 지원하는 앱들과 편리한 기능들도 많고, 대부분의 OS 환경을 지원하며 실행이 잘되어 (개인적으로) 대부분 초급자들에게 사용을 권장하는 에디터는 VSC를 추천합니다. 어느 것이든 훌륭합니다 [https://ko.javascript.info/code-editors] 모던 자바스크립트 참고해 주세요..! 코드 에디터 코어 자바스크립트 소개 2020.. 2023. 9. 9. CSS 게임으로 익히기 CSS 어떻게 사용하는지 감이 안잡히는 분들에게 추천하는 부분이다. CSS Diner flukeout.github.io CSS 코드로 접시 선택하기 Flexbox Froggy flexboxfroggy.com CSS 코드로 개구리가 수련잎에 올라갈 수 있도록 돕기 Grid Garden cssgridgarden.com CSS 코드로 당근밭 가꾸기 Flexbox Defense www.flexboxdefense.com CSS 코드로 대포를 배치해서 몰려드는 적들을 물리치는 디펜스게임 대충 CSS 강의를 들어서 쉬워보였던 분들은 나중에 프로젝트나 실상 적용하는데 어 혼자 했을때는 되게 잘 되었는대 왜 지금은 잘 안되지? 하시는 분들을 위해 추천하는 사이트다 1.CSS Diner css를 어떤식으로 해야하는지 적용.. 2023. 6. 11. 이전 1 다음 반응형
