HTML3 [HTML] <em>, <i>의 차이, <strong>, <cite> 태그 사용하기 1. vs 공통점 기울임 꼴이 적용된다. 차이점 : 택스트의 강세를 나타낸다. 쉽게 말해서 글에서 강조하고 싶은 단어를 나타낼 때 태그를 사용한다. See the Pen em tag by dadafly1244 (@dadafly1244) on CodePen. : 학명 등 과학적인 이름이나 다른 언어의 단어 등, 주변과 다른 톤을 가진 텍스트에서 사용한다. 강조X, 중요 X. 곤충 매미가 아니라 태풍의 이름이 "매미"라는 것을 표현하기 위해서 사용하는 태그이다! See the Pen i tag by dadafly1244 (@dadafly1244) on CodePen. 2. 주변보다 훨씬 중요한 텍스트라는 것을 나타내고 싶다면, 태그를 사용하면 된다. 태그는 굵은 글씨로 표시된다!! 3. 저작물(책, 연극, .. 2022. 7. 25. [프론트엔드] Emmet(에밋) 사용하기. Emmet(에밋)이란 에밋(Emmet)은 HTML을 편집할 때 빠른 코딩을 위해 사용하는 플러그인이다. 매우 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 준다. VS Code와 CodePen 등 대부분의 에디터에서 기본으로 쓸 수 있는 기능으로 간단한 코드를 입력하고 tab을 누르면 완전한 코드를 생성한다! 예를 들어서 VS Code에서 'div' + [tab]을 하면 가 자동으로 완성된다! 'div>ul>li*4{s}'라고 입력하면 다음 이미지처럼 미리보기가 뜬다. 맞다면 tab을 눌러서 코드에 적용할 수 있다! div.heropy + [tab]을 하면 가 자동으로 완성된다! 1. Emmet 문법 > : Child(자식) + : Sibling(형제) * : Multiplic.. 2022. 4. 5. [프론트앤드] 기본개념, VS Code 확장프로그램 추천, 브라우저 자동 스타일 삭제하기(VS Code, CodePen) [프런트엔드 개발 기본개념] 프런트엔드 개발 : HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고 그것을 사용자와 상호작용할 수 있도록 하는 것!! - HTML(기획자) : 웹의 구조 - CSS (디자이너) : 시각적인 표현(정적) - JS(개발자) : 페이지를 동작시키는 동적 처리 HTML과 CSS는 레이아웃 중심의 사고를 해야하고, JS는 데이터 중심의 사고가 필요하다. 나는 CSS가 어렵게 느껴졌는데 기존 프로그래밍 언어와는 다른 사고방식이 필요하기 때문인 것 같다. 1. 웹앱 (웹애플리케이션) 동작원리 사용자가 주소창에 페이지 주소를 입력하면, 서버에 최초 요청이 간다. 서버는 최초 응답으로 HTML을 먼저 응답으로 보낸다. 이후 사용자 브라우저는 CSS, J.. 2022. 4. 4. 이전 1 다음
