발전하는 개발자

[상단 메뉴(navbar) 만들기] 1. html 태그 안에 코딩, 태그가 반복됨 Home Products About 2. css로 navbar 꾸미기 .menu { background : darkslateblue; padding : 15px; border-radius : 5px; } .menu a { color : white; padding : 10px; } [Vue의 HTML 반복문] 반복문 : 반복되는 코드를 짧게 줄이기 위해.사용 더보기 {{ 이름 }} :key=""의 용도 : 반복문을 쓸 때 꼭 써야 함, 반복문 돌린 요소를 컴퓨터가 구분하기 위해 씀 1) 반복 횟수 지정 Home Home이라는 단어가 3번 반복됨. 2) array/object 안의 데이터 개수만큼 반복 return문 밑에 ar..

1. App.vue에서 HelloWorld 코드 다 지우기

[Vue.js 쓰는 이유] 1. Web-app 개발(새로고침 없이 부드럽게 화면 전환.) 2. 코드가 간단 3. 코드 스타일이 제한적임(초보가 헤매지 않음, 협업시 유리) 4. HTML 렌더링 시간이 빠름(큰 차이는 아님) 5. 꾸준한 업데이트 [개발환경] 1. 설치 1) nodejs(npm(웹개발 라이브러리 설치 도우미) 사용 위해) 최신버전 설치, 설치경로 변경하지 않기 2) VS Code 설치 3) Terminal-New Terminal 4) npm install -g @vue/cli 입력 5) 왼쪽 하단 블록 모양(Extension) 클릭 6) Vetur, HTML CSS Support , Vue 3 Snippets 검색 후 설치 2. 프로젝트 생성 1) 작업용 폴더 만들고 VS Code에서 열기..