전체 글(169)
-
Vue.js 설치, 프로젝트 생성
1. node.js 설치 후 환경변수에 넣어준다 2. VS code 설치해서 연다. 3. 작업하려는 폴더를 연다 3. 터미널 창을 열고 작업 폴더로 이동 (cd 작업폴더 위치 ) 4. npm install -g vue 명령어로 설치 npm install -g @vue/cli 명령어를 입력해서 CLI설치 맥북 사용하는 사람들은 앞에 sudo 추가해서 입력 vue --version으로 설치되었는지 확인 가능 5. vs code에서 Vetur 설치 Syntax-Highlighting, Erro Checking, Formatting, Debugging, Auto Completion 등 원활한 코딩을 위해 도움을 준다 6. 프로젝트 생성 vue create 프로젝트이름 누르고 엔터 누르면 Default ([Vue..
2022.11.07 -
JavaScript 입문과 웹 UI개발(30)-장바구니 기능과 localStorage
list.html 가격순 정렬 상품명 정렬 6만원 이하 상품만 보기 더보기 cart.html
2022.10.10 -
JavaScript 입문과 웹 UI개발(29)-DOM이라는 용어 개념정리 & load 이벤트
1. DOM(Document Object Model) 자바스크립트는 HTML 조작에 특화된 언어다. html고 자바스크립트는 다른 언어다. 그런데 어떻게 자바스크립트는 html을 조작할 수 있을까. 자바스크립트는 array나 object 형태의 자료를 좋아한다. 브라우저는 html 페이지를 열어줄때 html을 자바스크립트로 쉽게 찾고 바꾸기 위해 object와 비슷한 자료형에 담아준다. 예시를 보자 안녕하세요 위와 같은 코드를 브라우저는 아래와 같이 object의 형태로 만든다 var document = { div1 : { style : {color : 'red'} innerHTML : '안녕하세요' } } 위와 같은 형태로 정리를 하니 document.div1.innerHTML='안녕이다' 와 같이 h..
2022.10.10 -
JavaScript 입문과 웹 UI개발(28)-array에 자주 쓰는 sort, map, filter 함수
list.html 가격순 정렬 상품명 정렬 6만원 이하 상품만 보기 더보기
2022.10.10 -
JavaScript 입문과 웹 UI개발(27)-Ajax 2 : 상품 더보기 버튼 만들기
list.html 더보기
2022.10.10 -
JavaScript 입문과 웹 UI개발(26)-ajax 개념(get,post, fetch)
index.html 강의 출처: JavaScript 입문과 웹 UI개발 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com
2022.10.09