본문 바로가기

전체 글21

[HTML 기본] 텍스트 관련 태그 모음 텍스트를 덩어리로 묶어 주는 태그 ~ 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시됩니다. 단락 만들기 줄 바꾸기 웹 브라우저에서 줄바꿈을 하려면 줄을 바꿀 위치에 태그를 사용해야 합니다. 인용문 넣기 다른 블로그나 사이트의 글을 인용할 경우 태그를 이용해 표시합니다. 이때 인용한 문장은 다른 텍스트보다 안으로 들여 써지므로 다른 텍스트와 구별됩니다. 입력하는 그대로 화면에 표시하기 HTML에서는 아무리 많은 공백을 넣더라도 브라우저 창에는 한 개의 공백만 표시됩니다. 하지만 태그를 사용할 경우, 소스에 표시한 공백이 브라우저에 그대로 표시됩니다. 텍스트를 한 줄로 표시하는 태그 , 굵게 표시하기 : 경고나 주의 사항처럼 중요한 내용을 강조해야 할 때 사용 : 단순히 굵게 표시해야 할 때.. 2021. 11. 10.
[HTML 기본] HTML이란? HTML은 HyperText Markup Language의 줄임말로 하이퍼텍스트를 마크업하는 언어입니다. 여기서 하이퍼텍스트는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말하고 마크업은 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것을 말합니다. 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어!! 2021. 11. 10.
[Vue.js - Vue CLI] Vuex + Router 프로젝트 생성후 실행하기 Vue CLI로 Vuex & Router 프로젝트 생성 후 실행하기 프로젝트 생성 1. 먼저 프로젝트를 생성하기 위한 디렉터리를 하나 생성해줍니다. 2. CMD창을 열어 위에서 생성한 디렉토리로 이동해 줍니다. cd ${디렉토리 경로} 3. vue 프로젝트 생성을 위해 vue create 명령어를 입력해 줍니다. vue create ${프로젝트명} ≫ 'vue create' 를 하게 되면 아래 이미지처럼 옵션을 선택할 수 있는데요. 저는 Vuex와 Router설정을 자동으로 해주기 위해 'Manually select features'를 선택했습니다. ≫ 다음 스텝에서 Router와 Vuex를 선택해준 후 엔터를 눌러줍니다. ≫ 이후 스텝은 개인 취향에 맞게 설정후 진행시면 프로젝트 생성이 완료됩니다. 프.. 2021. 11. 10.
[Vue.js - Vue CLI] 개발환경 구성하기 Vue CLI를 이용해 Vue.js 애플리케이션 개발환경 구성하기 1. Node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VSCode 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to exp.. 2021. 11. 9.